JavaScriptとPHPでつくるAjaxインクリメンタル検索CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
JavaScript、jQuery、両者を使って要素を並べ替える - すたら日記
"Yahoo!知恵袋"で下記のような質問に出会ったので、実際に作ってみました。 javascriptによる順序の並び替え。 - Yahoo!知恵袋 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1487903314 実験ページ http://usamimi.info/~sutara/sample/jq_sort.php ソース(抜粋)※ 全文は、実験ページのソースをご覧下さい。 並べ替えるリストid名の数値の順番に並べ替えます。 <ol id="test1"> <li id="3">id:3 cccccc</li> <li id="4">id:4 dddddd</li> <li id="1">id:1 aaaaaa</li> <li id="2">id:2 bbbbbb</li> </ol> JavaScript var
Javascriptで配列にある値が存在するかどうかを確認する方法について - プログラミングを勉強するブログ
以前配列にある値が存在するかどうかをfor文を使わずに調べる方法を考えてみたという記事を書きました。この記事は「やろうと思えばこういう方法でもできるなぁ」というアイデアについて書いた記事だったのですが、Javascriptで配列にある値が存在するかどうかを確認する一般的な方法を探して当該記事を訪問していただくことが多いので改めてこの方法について書いてみたいと思います。 といってもJavascriptには"Array.contain"のような「まさにそのためにある」というメソッドが用意されているわけではないのでいずれにしろ方法の紹介ということになってしまいますが。 次の3つのパターンに分けて書きたいと思います。 ECMAScript 5が使える場合 jQueryが使える場合 上記のどちらも使わない場合 1.ECMAScript 5が使える場合 ECMAScript 5では配列に"indexO
JavaScript 例題11
例題11： カレンダーの作成 このページでは、カレンダーの作り方を勉強します。 例題として、下に示すような３種類のカレンダーについて扱います。 一番左のものは、JavaScript の参考書などでよく見かける基本的なカレンダーです。 タイプ１ と タイプ２ は、この基本形に筆者が手を加えたものです。 タイプ１ は、スタイルシート を適用して形を整え、更に 祝日を表示 させるようにしたものです。 基本形と タイプ１ は、今月の表示だけなのに対して、タイプ２ は、「前月」 ボタンと 「次月」 ボタンを操作することにより、表示月が書き換わる ようにしたものです。 カレンダーを作成するには、Date オブジェクトを使った操作が必要になります。 また、祝日を扱うには、ちょっとしたプログラミングのテクニックが必要となります。 さらに、JavaScript を書き換えることなく、スタイルシートを書き換え
イヌでもわかるJavaScript講座
いままでのステップの知識でこのような月間カレンダー表も作れてしまいます。お部屋(ホームページ)のインテリアにどうぞ。(^^; 【リスト】 <script language="JavaScript"><!-- // **************** // ** 下準備 ** // **************** myDate = new Date(); // 今日の日付データ取得 myWeekTbl = new Array("日","月","火","水","木","金","土"); // 曜日テーブル定義 myMonthTbl= new Array(31,28,31,30,31,30,31,31,30,31,30,31);// 月テーブル定義 myYear = myDate.getYear(); // 下２桁の西暦取得 myYear = (myYear<2000) ? (1900+myY
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
jQueryでスムーススクロール [Cool Web Window]
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
スムーススクロール用JavaScript
使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法1 head要素内にsmoothscroll.jsを読み込みます。 <script type="text/javascript" src="smoothscroll.js"></script> 設置方法2 下記を適当な場所へ記述してください。 ※設定は「設定可能オプション」をご覧ください。 ※オプションの最後は,を付けないでください。 var atscroll = new ATScroll({ noScroll : 'noSmoothScroll', setHash : fals
チェックが入るとチェックボックスとラベル(文字)の背景色が変わります。
サンプルソース <HTML> <HEAD> <TITLE>チェックが入るとチェックボックスとラベル(文字)の背景色が変わります</TITLE> <STYLE type="text/css"> <!-- a,label{cursor:pointer;} label:hover { color : red; } .Mychk1{ width:140px; margin:5px 2px 2px 0px; font:12px; } --> </STYLE> <SCRIPT language=JavaScript> <!-- function chebg(chkID){ Myid=document.getElementById(chkID); if(Myid.checked == true){ Myid.parentNode.style.backgroundColor = '#C6E5FF'; }
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
jQuery UI の Datepicker プラグイン
jQuery UI の Datepicker プラグインについての記事。Datepicker プラグインは、テキスト入力欄に、カレンダーから、日付を入力できるようにするプラグイン。 実装例（サンプル） 日付: 実装例（サンプル）の動作について 「日付:」の右側の、テキスト入力欄をクリックすると、今月のカレンダーが現れる。 カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。 をクリックすると、次月のカレンダーになる。 をクリックすると、前月のカレンダーになる。 実装例（サンプル）のソースコード 読み込み パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/base/jquery.ui.all.css" /> <script type="text/javascript" src=
複数のチェックボックスを同時にチェックする 全選択チェックボックス - [サンプルコード /JavaScript] ぺんたん info
全選択 チェックされるチェックボックスのname属性がそれぞれ違う場合 <form name="form" method="GET"> <input type="checkbox" name="aaa" onClick="AllChecked();" /> 全選択 <input type="checkbox" name="bbb1" /> <input type="checkbox" name="bbb2" /> <input type="checkbox" name="bbb3" /> </form> <script language="JavaScript" type="text/javascript"> <!-- function AllChecked(){ var check = document.form.aaa.checked; document.form.elements['
Aタグにonclickを設定する場合の話 - American Life in the Summertime
Aタグにonclick=""を入れるとなると、こういうパターンがよくあると思う。 <a href="javascript:void(0);" onclick="alert(); return false;">文字列とか</a> <a href="#" onclick="alert(); return false;">文字列とか</a> でもvoid(0)は良くないとか、いい加減「#」はやめようよなんて書いてるページを時々見かける。 確かにステータスバーに「void(0)」とか関数が表示されるのは、それはそれで萎えるし。 じゃ、どうすりゃいいのか。 今、Webチームが作成したページにPHPを組み込んでるんだけど、inputタグのtype="image"使おうかと思ってたら、aタグのhoverとか使ってイメージを切り替えてて… さて困った（ちゃんと事前に意識合わせておけというのはナシで）。 っ
javascript:void(0)について - 小池啓仁 ヒロヒト応援ブログ By はてな
リンクのa要素のhref属性に「javascript:void(0)」を指定すると、リンクを無効にすることができます。 また、その代わりにonclick属性で「xxx()」を指定して、リンク処理を行うこともできます。 その時の留意点として、「return false;」指定すると何かと吉です。 （onclickのときは、「javascript:void(0)」だけでは無効にならず、「return false;」で完全無効になる？） <a href="javascript:void(0)" onclick="xxx(); return false;">「return false;」指定をしないと、a要素としてのリンク機能とonclickでの処理が干渉して、謎の動きをします。 上記のようにonclickに「return false;」を追加することにより、a要素としてのリンク機能を完全無効（謎
確認させてからリンク先にジャンプさせる１行JavaScript - KEINOSの日記（旧ブログ）
この記事は次のブログに引っ越しました。 https://blog.keinos.com/20090227_764リンクをクリックする際に、確認メッセージ（ダイアログ）を表示させてからジャンプさせたい。 削除処理ページに遷移する前など、アンカー（リンクタグ）をクリックした際に、ジャンプしてよいか確認させてからページを移動させる、もっともシンプルなJavaScript。下記のように、if文や三項演算子を使わなくても簡単にできます。 a href="./delete_something.php" onClick="javascript:return confirm('本当に削除しますか？')">【削除】/a ユーザの操作ミスを防ぐため、JavaScriptで確認ダイアログ（ウィンドウ）を表示させてから画面遷移するケースは多いと思います。色々方法はありますが、手軽に実装したい場合によろしいかと思い
リンクをクリックさせる前にJavaScript:confirmで確認する時の注意 | colori
JavaScriptによるダイアログでユーザーの同意を得てリンク先に移動させるようなページを作成する場合にうっかり見落としがちなポイントを挙げておきたいと思います。 やりたいこと 「child.html」から「adult.html」にリンクで移動させたい。 18歳以上であるかどうかをJavaScriptのダイアログで確認する。 18歳以上に同意してもらえれば「adult.html」に移動させる。 危ない例 まず、危ない例を書きます。 どこがおかしいか分かりますか？ <noscript>JavaScriptをオンにしてください。 正常に動作しない場合があります。</noscript> <a href="adult.html" onclick="return confirm('あなたは18歳以上ですか？');">18歳以上の方はこちら</a> JavaScriptがOffにしてあったらどうなる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
IDEA * IDEA