jQueryの利用

投稿日: 2012/05/16 6:29:58

ガジェット"safe html bypass"の編集

テキストエディタ：

1. ガジェット"safe html bypass"のDATA部に参照するJQueryのGoogleライブラリへのURLを指定
2. ガジェット"safe html bypass"のDATA部にスニペットを追加
3. ガジェット"safe html bypass"を保存

ガジェット"safe html bypass"のアップロード

Googleサイト：

1. [その他]->[サイトの管理]を選択
2. [添付ファイル]を選択
3. [アップロード]を選択し、ガジェット"safe html bypass"をアップロード

ページの編集

Googleサイト：

1. [挿入]->[その他のガジェット]を選択
2. [URLを指定してガジェットを追加]を選択
3. アップロードしたガジェット"safe html bypass"へのURL(sites.google,com/a/"サブドメイン名"/"サイト名"/"ガジェット名")を指定
4. [保存]を選択

ガジェット"safe html bypass"

This XML file does not appear to have any style information associated with it. The document tree is shown below.

<Module>

<ModulePrefs title="Safe HTML bypass" description="You can bypass safe HTML filters on sites that have enabled Google Gadgets with this Gadget. NOTE: Not good for including text!" author="MindstormsKid" height="0" width="0"/>

<UserPref name="html" display_name="HTML Code" required="true"/>

<Content type="html">

<![CDATA[

<script type="text/javascript"> var prefs = new _IG_Prefs(); document.write(prefs.getString("html")); </script>

]]>

</Content>

</Module>

JQueryライブラリ

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

スニペットの例

<input type="text" value="oerten" id="text" onclick=""> </input><input type="button" value="Click" id="but" onclick="var val = $('#text').attr('value'); alert(val); "> </input><br />

使用例