SSブログ
JavaScript ブログトップ

So-netブログでjQueryを使う [JavaScript]

以下の手順を踏めば、jQueryのJavaScriptを使えるようだ。
[1]ブログ管理画面のデザイン→レイアウトをクリック
[2]カスタムペインを適当なところにドラック&ドロップ
[3]タイトルを適当に入力するとともに、自由入力欄に以下を記載
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
<!--
//ここにjQueryのJavaScriptを記載
//-->
</script>

jQueryが使えるということは、やりたいことはすべてできそうな気がする。
とりあえず、本ブログの目次を自動生成するスクリプトを書いてみた。
メンテナンスフリーな目次は見事に完成した。早速メニューバーに設置しているので、試してほしい。
いずれ内容は紹介するかもしれないが、取り急ぎほしい人はHTMLソースをみればパクれる。



GoogleサイトでJavaScript [JavaScript]

Amazonのアフィリエイトで、予期せぬ収入があり、Webページの作成意欲が回復したので、最近新しいサイトをつくってみた。Googleサイトで[わーい(嬉しい顔)]
テンプレートの種類も多く、すごく簡単にCOOL!なサイトができるが、スクリプターにとって、肝心なJavaScriptを普通に書くことができない[もうやだ~(悲しい顔)]
Google先生によるとGadgetなるものがあり、それを使えばJavaScriptを動作させることができるらしい。

Gadget作成~設置は、そんなに難しくないが、xmlファイル保存時の文字コードに気をつける必要がある。UTF-8のBOMについて知識がない方は、どこかからGadget用のxmlをダウンロードして使うことをお勧めする。
具体的な流れは以下。他サイトでは、xmlの保存先として、Google Gadgets Editorや、Google Codeをすすめているが、GGEは保存先がよくわからんし、Google Codeは素人には難しそうなので、今回はGoogleサイトにアップロードして使うことにする。

[1]Gadget作成(sample.xml)。
 とりあえず下をコピペして、<script...>~</script>のところ好きなようにいじる。ModuleとかModulePrefsは意味がわからないが、動かすだけなら知らなくてもよさそう。おいおい勉強して紹介しようと思う。
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="sample1" />
<Content type="html">
<![CDATA[
<script type="text/javascript">
document.write("<div align=center>Hello World!<div>");
</script>
]]>
</Content>
</Module>

[2]Googleサイトにアップロード。

 ページ下方の[ファイル追加]を押すか、[サイト管理]の[添付ファイル]からアップロードする。

[3]Googleサイトにガジェットを設置

 1.[ページを編集]をクリック

 2.[挿入] メニューで [その他のガジェット]を選択

 3.[URL を指定してガジェットを追加]をクリックしてURL(※)を入力

 ※注意

 ガジェットのURLは、[サイト管理]からアップロードしたときは、GoogleサイトのURL+「/」ファイル名。サイト内の[ファイル追加]からの場合は、ファイルのダウンロードボタンを右クリックして、[リンクアドレスをコピー]すれば取得可能。
JavaScript ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。