EZo UIUBuiderにマイクロブログ共有ボタンを埋め込む【例】
1906 ワード
EZo UIUBuiderでは、GULタグを使ってgxt効果を高速に描画できるほか、ラベルやjavascriptを簡単に埋め込むことができ、web端の任意の拡張性を実現します.SNを通じて関連記事を共有することはウェブサイトにとって不可欠な一部となっています.以下はGULにsinaマイクロブログ共有ボタンを埋め込む例示的なコードである. にhtmlタグを埋め込むことができます.
2、 ラベルにjavascriptコードを書く
3、
<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、2、
3、
画像の位置付け
4、sina微博開放プラットフォームで必要な共有ボタンJSコードを取得する.http://open.weibo.com/sharebutton
共有ボタンはEZo UICBRIDEで快速に上海深株式市場のリアルタイム相場を構築するdemo住所に適用されます.http://www.ezoui.com/tryit/User/feizhang/sinastock.gul
ps:GULラベルの意味は公式サイトをご覧ください.http://www.ezoui.com.cn キーポイントはsinaweibo.innerHTMLコードでミニブログプラットフォームから生成されたdocument.writeの代わりにコードポジショニングを行う.
4、sina微博開放プラットフォームで必要な共有ボタンJSコードを取得する.http://open.weibo.com/sharebutton
共有ボタンはEZo UICBRIDEで快速に上海深株式市場のリアルタイム相場を構築するdemo住所に適用されます.http://www.ezoui.com/tryit/User/feizhang/sinastock.gul
ps:GULラベルの意味は公式サイトをご覧ください.http://www.ezoui.com.cn キーポイントはsinaweibo.innerHTMLコードでミニブログプラットフォームから生成されたdocument.writeの代わりにコードポジショニングを行う.