EZo UIBuilder 에 웨 이 보 공유 버튼 이 삽입 되 어 있 습 니 다 [인 스 턴 스]

Ezo UIBuilder 에 서 는 GUL 탭 을 통 해 gxt 효 과 를 빠르게 그 릴 수 있 는 화면 외 에 html 탭 과 javascript 을 쉽게 삽입 하여 웹 엔 드 의 임 의 확장 성 을 실현 할 수 있 습 니 다.SN 을 통 해 관련 글 을 공유 하 는 것 은 이미 사이트 에 없어 서 는 안 될 일부분 이 되 었 다.다음은 GUL 에 sina 웨 이 보 공유 단 추 를 삽입 하 는 인 스 턴 스 코드 입 니 다.

<page>  
  <hp>  
    <div id="sinaweibo">  
    </div>  
  </hp>  
  <js init='js:this'>  
    <![CDATA[ 
    var _w = 72 , _h = 16; 
    var param = { 
      url:location.href, 
      type:'3', 
      count:'1', /**       ，1  (  )*/ 
      appkey:'', /**      appkey,      (  )*/ 
      title:'', /**       (  ，        title)*/ 
      pic:'', /**       (  )*/ 
      ralateUid:'', /**     UID，     @   (  )*/ 
      language:'zh_cn', /**    ，zh_cn|zh_tw(  )*/ 
      rnd:new Date().valueOf() 
    } 
    var temp = []; 
    for( var p in param ){ 
      temp.push(p + '=' + encodeURIComponent( param[p] || '' ) ) 
    } 
    var sinaweiboDiv = document.getElementById("sinaweibo"); 
    //sinaweiboDiv.setAttribute("height",_h); 
    //console.log(sinaweibo); 
    sinaweibo.innerHTML = '<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>'; 
    ]]>  
  </js>  
</page>  

1. < hp > < / hp > 에 html 라벨 을 삽입 할 수 있 습 니 다.
2. < js > < / js > 태그 에 javascript 코드 를 씁 니 다.
3、 그림 위치 지정
4. sina 웨 이 보 오픈 플랫폼 을 통 해 필요 한 공유 버튼 JS 코드 얻 기http://open.weibo.com/sharebutton
공유 단 추 는 EZo UIBuilder 에서 상하 이 심 천 주식시장 의 실시 간 시 세 를 신속하게 만 드 는 demo 주소 에 적 용 됩 니 다.http://www.ezoui.com/tryit/User/feizhang/sinastock.gul
ps: GUL 태그 의 의미http://www.ezoui.com.cn  관건 은 sinaweibo. innerHTML 코드 로 웨 이 보 플랫폼 에서 생 성 된 document. write 를 대체 하여 코드 포 지 셔 닝 을 진행 합 니 다.