はてぶにA8バナーを掲載する手順
はてなブログ管理画面の操作
- 設定 > デザイン を選択
- カスタマイズ > サイドバーやフッターを選択
- 名称とHTMlを設定
jQueryでオブジェクト内を取得する
htmlソースコードに下記のようにリンクがあり、これらのリンクに共通のパラメータを付与したい場合、jQueryで取得したのちにループで回してパラメータを付与していく必要がある。
<a href="https://sample.co.jp/AAAAA" target="_blank"> <a href="https://sample.co.jp/BBBBB" target="_blank"> <a href="https://sample.co.jp/CCCCC" target="_blank"> <a href="https://sample.co.jp/DDDDD" target="_blank">
やりたい内容をJavaScriptで記述することこんな感じ
var para = '?test=1111'; var hoge = document.getElementsByTagName("a"); for(var i=0; i<hoge.length; i++){ var tmp = hoge[i].getAttribute('href'); tmp = tmp + para; hoge[i].setAttribute('href',tmp); }
同様の処理をjQueryで記述するとこんな感じ
var para = '?test=1111'; var hoge = $("a[href *='sample']"); for(var i=0;i<hoge.length; i++){ var tmp = hoge.eq(i).attr('href'); tmp = tmp + para; hoge.eq(i).attr('href') }
試してないけど動くはず。。
ポイントはdocument.getElementsBy...
で取得した結果は配列ではなくオブジェクトであるということ。
JavaScriptでは配列のように[]を用いて指定できるが、jQueryを用いる場合はeq()
で指定する。
平塚Fドリーム
上司に誘われ平塚へカートをしに行ってきました。 ▼平塚Fドリーム http://www.f-dream.jp/
最速ラップが35.7秒とびみょーな感じでしたが、行ったメンバー8人中2位となりました。
ずっと前の先輩とバトルが出来とても楽しかったです。 ただ、ヘアピンでのスピンは痛かった、、
また行きたいくらい興奮するイベントでした。
クリック箇所のonclickを書き換える方法
webページ内のaタグの中のonclickの記述について、javascriptによって書き換える方法。
今回はonclick = "return false"でクリックが無効になるように設定した。
falseでなく、関数にすることによってクリック時に動作させるようにすることが最終目的であるが、一旦は備忘録として、、
<ul> <li><a href="http://www.google.co.jp/" onclick='javascript:alert("google");'>google</a></li> <li><a href="http://www.yahoo.co.jp/" onclick='javascript:alert("yahoo");'>yahoo</a></li> </ul> <script> var tmp = document.getElementsByTagName("a")[0]; var attr = tmp.getAttribute('onclick'); tmp.setAttribute('onclick',attr+'return false'); </script>