So-netブログでjQueryを使う [JavaScript]
以下の手順を踏めば、jQueryのJavaScriptを使えるようだ。
ブログ管理画面のデザイン→レイアウトをクリック
カスタムペインを適当なところにドラック&ドロップ
タイトルを適当に入力するとともに、自由入力欄に以下を記載
jQueryが使えるということは、やりたいことはすべてできそうな気がする。
とりあえず、本ブログの目次を自動生成するスクリプトを書いてみた。
メンテナンスフリーな目次は見事に完成した。早速メニューバーに設置しているので、試してほしい。
いずれ内容は紹介するかもしれないが、取り急ぎほしい人はHTMLソースをみればパクれる。
ブログ管理画面のデザイン→レイアウトをクリック
カスタムペインを適当なところにドラック&ドロップ
タイトルを適当に入力するとともに、自由入力欄に以下を記載
<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サイトにアップロードして使うことにする。
Gadget作成(sample.xml)。
とりあえず下をコピペして、<script...>~</script>のところ好きなようにいじる。ModuleとかModulePrefsは意味がわからないが、動かすだけなら知らなくてもよさそう。おいおい勉強して紹介しようと思う。
Googleサイトにアップロード。
ページ下方の[ファイル追加]を押すか、[サイト管理]の[添付ファイル]からアップロードする。
Googleサイトにガジェットを設置
1.[ページを編集]をクリック
2.[挿入] メニューで [その他のガジェット]を選択
3.[URL を指定してガジェットを追加]をクリックしてURL(※)を入力
※注意
ガジェットのURLは、[サイト管理]からアップロードしたときは、GoogleサイトのURL+「/」ファイル名。サイト内の[ファイル追加]からの場合は、ファイルのダウンロードボタンを右クリックして、[リンクアドレスをコピー]すれば取得可能。
テンプレートの種類も多く、すごく簡単にCOOL!なサイトができるが、スクリプターにとって、肝心なJavaScriptを普通に書くことができない。
Google先生によるとGadgetなるものがあり、それを使えばJavaScriptを動作させることができるらしい。
Gadget作成~設置は、そんなに難しくないが、xmlファイル保存時の文字コードに気をつける必要がある。UTF-8のBOMについて知識がない方は、どこかからGadget用のxmlをダウンロードして使うことをお勧めする。
具体的な流れは以下。他サイトでは、xmlの保存先として、Google Gadgets Editorや、Google Codeをすすめているが、GGEは保存先がよくわからんし、Google Codeは素人には難しそうなので、今回はGoogleサイトにアップロードして使うことにする。
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>
Googleサイトにアップロード。
ページ下方の[ファイル追加]を押すか、[サイト管理]の[添付ファイル]からアップロードする。
Googleサイトにガジェットを設置
1.[ページを編集]をクリック
2.[挿入] メニューで [その他のガジェット]を選択
3.[URL を指定してガジェットを追加]をクリックしてURL(※)を入力
※注意
ガジェットのURLは、[サイト管理]からアップロードしたときは、GoogleサイトのURL+「/」ファイル名。サイト内の[ファイル追加]からの場合は、ファイルのダウンロードボタンを右クリックして、[リンクアドレスをコピー]すれば取得可能。