上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
新しい記事を書く事で広告が消せます。
jQuery UIのsortableはリスト等の順序をAjaxに並び替えるために大変便利です。そして、Methodsの中でtoArrayを使えば、すべてリストのIDを順番に配列に吐き出してくれるので、並び替えたリストの順序を記録してCookieやDBにAjaxで保存することができます。しかし、クッキーやデータベースから呼び出したリスト順序の記録をリスト表示に再現するためのMethodsはありません。そこでjavascript関数を作成してみました。
続きをよむ
続きをよむ
合成音声による聖書の音読を1日1章読む無料ブログソフトDTリスニングでお世話になっているのがWeb合成音声配信システムvoice delivery systemです。ウェブ上でテキストを合成音声読み上げしてくれるAPIです。1ヶ月5万字まで読み上げてくれる無料版があります。これほど優れた技術を無料で提供してくださるので、本当に感謝なことです。さて、vdsの無料版には、プログラム上、ちょっと困った点があります。それはvdsSpeakFinishCallback関数が使えないという点です。文章の読み上げが終了した時に呼び出される関数なのですが、有償版のみ使用ができることになっています。長文の読み上げには結構重要な関数なのです。といいますのも、vdsは読み込んだテキストをリアルタイムで音声にしてflashで再生する仕組みなので、その仕組み上、長文を一回ですべて読み込ませるとパンクしてしまいます。1000文字以内に細切れにしていく必要があるわけですが、そのときに「前の文章を読み終えたので、続けて次の文章を読んでください」という指示をプログラムしなければなりません。そのときに文章を読み終えたことを告げてくれるvdsSpeakFinishCallback関数をどうしても使いたくなるのです。これが使えればデモのような、読み上げの進行に合わせて、読み上げ部分を視覚的に示すようなことができるようになります。
でもなんとかして無償版のまま文章を継続して読み続けたい！デモのようなことができるようになりたい！しかもvdsSpeakFinishCallback関数を利用せずに成し遂げたい！そんな願いを、音声の出力中であるか否かを調べるisSpeakingメソッド（無料版でも仕えるメソッド）のみを使ってやってみました･･･
続きをよむ
jQueryなどのライブラリーにより、ほとんど意識しなくなりつつあるDOM（Document Object Model）ですが、基本を押さえておくことはやはり重要ですね。
ある要素の子要素を追加する、しかも最初の子要素として追加する場合、jQueryならば「$(要素).prepend(子要素)」となります。
続きをよむ
ある要素の子要素を追加する、しかも最初の子要素として追加する場合、jQueryならば「$(要素).prepend(子要素)」となります。
<body>例えば、上記のHTMLの中のBodyタグ直下に「<h1>タイトル</h1>」という要素を追加したい場合、jQueryでは以下のように記します。
<p>文章1</p>
<p>文章2</p>
</body>
$(document.body).prepend('<h1>タイトル</h1>')そうすると以下のようにHTMLはダイナミックに変わります。
<body>jQueryなどのライブラリーを使わない場合、「子要素を追加する」というのはちょっとした工夫が必要です。といいますのも、DOMそのものには子要素（子ノード）を一番最後に追加する「appendChild」はあるのですが、一番最初に追加する「prependChild」というメソッドがないからです。ではその方法は・・・
<h1>タイトル</h1>
<p>文章1</p>
<p>文章2</p>
</body>
続きをよむ
検索やメールアドレス記入のための入力フォームに、あらかじめ「検索キーワードの挿入」といった薄い文字が記されていて、クリックすると消える。しかもフォームの外をクリックすると字が復活する、そういう入力フォームをhtmlとjavascriptで簡単に実装しましょう。
続きをよむ
このページのTOPへ
続きをよむ
