昨日は失敗談だけでしたが、 jqueryでgoogleの画像検索を行いサムネイルを表示させるということを実装することができました。 $("#search").keyup(function() { //フォームでキーが叩かれた時に実行 var word = $(this).attr("value"); //叩かれた文字を取得…

$.getJSON('http://ajax.googleapis.com/ajax/services/search/images?v=1.0&rsz=large&lh=ja&q='+searchword+', function(imgs) { alert(imgs); } jquery内でエラーがかえってくるよ＞＜ マニュアルをちゃんと読んでみたら、別のIPのURLをたたきたいばあい…

yahooAPIの画像検索を使い、テキストエリアに入力された語に関する画像を表示させるコードを書いてみました。 前提としてyahooAPIのIDが必要になります。 >| JS $("#search").keyup(function() { var searchword = $(this).attr("value"); //テキストエリア…

縦に並んでいる画像をドラッグ＆ドロップで入れ替えたい！ というのを実装するのにjqueryのライブラリ、 sortable.jsを使って実現してみました。 検索するとこんな親切な解説サイトがあったのでそれ通り実装してみる。 http://allabout.co.jp/internet/javas…

Jquery使って要素埋め込む時が最近よくあるので簡単にまとめてみる。 $("div").append("<img src='/img/piyo.jpg'>") → 指定した要素に対して、その要素内の一番後ろに追加$("h1").before("<img src='/img/huga.jpg'>") → 指定した要素の前$("h1).after("<img src='/img/hoge.jpg'>") → 指定した要素の後$("p").wrap("<a href="hoge.com"></a>") → 指定した要素を…

前回ブログパーツタグ直下にdivタグを挿入して、 そのついでにimgも挿入するということをやりましたが、 今回はそのimgにマウスが乗った時(hover)にアクションを起こすという事をやります。 具体的には、あらかじめ非表示にしていた画像を、 乗る乗らないの…

昨日の別のやり方です。 例えばブログパーツとして発行されたscriptタグの下にdivタグをいれてしまいます。 昨日のものだと画像を絶対位置でフローティングさせるやり方でしたが、 今回はちゃんとブログパーツの貼り付け位置に表示させまう。 下記のようなブ…

JS使って特定のタグなんかに対して強制的にタグを入れちゃいます 今回はbodyの前に挿入してみました。 addClass(body)の所をid(#hoge)やclass(.hoge)にしての応用も可能。 var gazou = document.createElement("img"); $(gazou).addClass("kandenend"); gazo…

先日のCSS書き換えの応用です。 前回のはCSSをまるっきり書き換えてしまうため、 リロードしなければ元に戻せない…といった状態に陥ります。 今回の場合元に戻すにはremoveClass()でaddClassしたクラスを 消してあげることができるので融通が利くようです。 …

JQueryの勉強でCSSをごにょごにょして背景色をランダムにしてみました。 ランダムの数値に関してはいい方法がわからなかったので、 数値なら乱数で扱えそうだったので、RGBに突っ込んでランダム化。 function GetRandomColor() { var rgbcolor =" (" +Math.f…