Javascript

jQueryでJSON読み込み

[ {"namefamily":"姓",namepersonal":"名"}, {"namefamily":"姓",namepersonal":"名"} ] 的な感じのjsonで。 ※jsonはシングルクォートで囲むとエラーがでる $(function(){ $.getJSON("○○○.js",function(json){ var html = ''; for(var i=0;i<json.length;i++){ var myFamilyName = json[i].namefamily; html += '<li>'+myFamilyName+'</li>'; } $('ul').ap…</json.length;i++){>

FBのいいねボタンを各ページに一気に追加したい(要jQuery)

前提として ・jQueryが全ページに読み込まれてる ・全ページ共通でつかえるshare.jsみたいなものが読み込まれてるshare.jsみたいなものの中に書く var currentPageURL = encodeURIComponent(document.URL); var strFBinline = '

URLを置換するjavascript

テンプレートを使っていたり、DBの情報を書き換えたくないけど、 ブラウザ側で対処してくれとかそういう諸事情で なぜかhtmlファイルを触らせてもらえない場合につかう・・・。 しかもjQueryは使えない場合。 function getElements() { var elements = docum…

コピーライトの年を自動的に変えてく

既存の大量のHTMLファイルのコピーライトの年を強引に変える jQuery必須で。 <div id="footer"> <p class="copyright">Copyright 2005 XXXXXXX Co. Ltd. All Rights Reserved.</p> </div> $(document).ready(function() { var now = new Date(); var year = now.getFullYear() $("#footer .copyright").html('…

IE9でLightboix.jsが動かない件

既知の問題らしく、prototype.jsを最新版に差し替えれば解決。 http://www.prototypejs.org/download

jQueryでクロスフェードを簡単に?

とりあえずライブラリとか使わずにクロスフェードさせてみた。 同じタイミングで下の画像をフェードイン、上のレイヤーの画像をフェードアウトさせる。 上のレイヤーの画像がフェードアウト完了後に、フェードインさせた画像と同じものを上のレイヤーに表示…

備忘録 - jQueryで背景画像位置の指定

$("#header").css({ backgroundPosition: "100px 10px" });//left top

メールフォームチェック

フォームを要求されてるけど、1円も出してもらえないような案件で、 とにかくページを減らして、 PHPの方では確認画面を出さないで、送信させるだけとかそんな感じの用途で。 メモ。 HTML <form name="form" action="form.php" method="post" onSubmit="return check()"> お問い合わせ内容を選択してください<br /> <ul> <li><input name="field1[]" value="問い合わせ内容1" type="checkbox"> <label>問い合わせ内容1</label></li> <li></li></ul></form>

jQueryでチェックボックスのチェックされた値を全て取得したい

<input name="area" type="checkbox" value="tokyo" />東京 <input name="area" type="checkbox" value="kanagawa" />神奈川 ↑こんな感じのチェックボックスで、チェックボックスをクリックするたびに選択された値を全て取得する function GetVals(){ var AllVals = new Array; $("input[name=area]:checked").map(function() { AllVals.push($(this).val()); }); alert(…

Lightbox2をイメージマップでも使いたい。

214行目くらいに下記追加 var imageNum = 0; imageLink.rel = imageLink.getAttribute('rel'); //これを追加 if ((imageLink.rel == 'lightbox')){ ここの記事より http://www.huddletogether.com/forum/comments.php?DiscussionID=3467

jsで背景変更

コピペ用 document.body.style.backgroundColor = "#000000"; document.body.style.backgroundImage = "url(images/******.jpg)";

メモ - jQueryでCSS操作

$("#aaa").css({"color":"#005FA6","text-decoration":"underline"});

jQueryで外部テキストファイルを読み込む

クリックしたら外部のテキストファイルを表示させたい。 というメモ。 <script type="text/javascript"> $(function(){ $("#aaa").load("a.txt"); //とりあえずロード時 $("a").click(function(){ //クリックの処理 val = $(this).attr("id"); //aタグのidを取得 $("#aaa").load(val+".txt")</script>…

javascriptとcookieが有効かチェックする

コピペ用 <script> if(navigator.cookieEnabled == true) { document.write("クッキーが有効です。"); } else { document.write("クッキーが無効です。"); } </script> <noscript>Javascriptが必要です。</noscript>

【メモ】画像右クリ禁止

<img src="#" alt="" oncontextmenu="return false;" />