javascriptから、特定のリンク要素をクリックさせたい時があるかもしれないですね。 今回その必要が生じたのは、javascriptのlocation.hrefではInternet Explorerでリファラが送信されないことが発覚したから。 本来、そのような実装は避けるべきだが、どうしても特定箇所のリンクをクリックさせたいときは下記のように書く。
jQueryでリンクをクリックさせたい時 - Qiita
javascriptから、特定のリンク要素をクリックさせたい時があるかもしれないですね。 今回その必要が生じたのは、javascriptのlocation.hrefではInternet Explorerでリファラが送信されないことが発覚したから。 本来、そのような実装は避けるべきだが、どうしても特定箇所のリンクをクリックさせたいときは下記のように書く。
スクリプトを動的に読み込む方法 | JavaScript プログラミング解説
スクリプトを動的に読み込むには、scipt要素をスクリプトで作成し、それをドキュメントに追加します。コードで記述すると、それは次のようになります。 var script = document.createElement( 'script' ); script.type = 'text/javascript'; script.src = filename; var firstScript = document.getElementsByTagName( 'script' )[ 0 ]; firstScript.parentNode.insertBefore( script, firstScript ); 作成済みのscript要素のsrcプロパティだけを変更する方法では、初回の1回だけしか読み込みが実行されません。よってこのようにscript要素の作成から行います。 この方法を利用して、クロ
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
JavaScript/ウィンドウ/入力ダイアログを表示する - TAG index
入力できるダイアログを表示するスクリプトです。 以下のサンプルでは、ユーザー名に tama と hana が登録されています。 <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function disp(){ // 入力ダイアログを表示 ＋ 入力内容を user に代入 user = window.prompt("ユーザー名を入力してください", ""); // 入力内容が tama の場合は example_tama.html にジャンプ if(user == 'tama'){ location.href = "example_tama.html"; } // 入力内容が hana の場合は example_hana.html にジャンプ else if(user ==
JavaScriptプログラミング講座【ヒストリーについて（History）】
// ヒストリーオブジェクトを取得する var history_obj = window.history; // 出力テスト console.log(history_obj);
JavaScriptだけでブラウザの「戻る」ボタンを無効化する方法 - HIDARI日記（右）
このあいだ諸事情で調べたら、意外とまとまってるとこなかったなのでちょこっと書いてみます。 IE8以降を対象 ブラウザの「戻る」ボタンで他のページに遷移しない Backspaceキーでの「戻る」も許可しない みたいな方針で調べてみました。 まあ結論から言うと Ah, the back button. You might imagine "back" fires a JavaScript event which you could simply cancel like so: document.onHistoryGo = function() { return false; } No so. There simply is no such event. javascript - Intercepting call to the back button in my AJAX applicatio
jQueryを使ったキーイベントの取得と利用 | きほんのき
JavaScript、というかjQueryを使って、キーイベントが発生した際にキーコードを取得する方法と利用についてのメモ。 キーコードの取得 キーボードイベント発生でイベントオブジェクトがわたされるので、whichプロパティでキーコードを取れる。例えばenterキーを押すと、enterキーのキーコードは13なので、event.which === 13となる。enterキーが押されたときに反応させるにはこうなる。 $("body").keypress( function( event ) { if( event.which === 13 ){ alert( "enterキーが押されました。" ); } }); コントロールキー / オルトキー / シフトキーとの同時押し コントロールキー・オルトキー・シフトキーと他のキーを同時押しした場合のキーイベントの取得方法。 まず、コントロールキー・
input要素に入力した数字を足すJSを簡単に実装してみる
仕事で、JSで計算ってできない？という質問が出てきたので、簡単に「できます！」と答えた。でもよくよく考えると、単純な処理だけで終えるべきか、しっかりつくり込むか考えないと。 とりあえずは単純に作ってみた。 単純に入力した値を足してみる まずはinput要素に入力した文字を単純に「+」で足してみようと思います。 ■コードとデモ jQuery(function($){ $('button','.demo1').click(function(){ //左側inputの入力値を取得（numA） var numA = $('input:eq(0)','.demo1').val(); //右側inputの入力値を取得（numB） var numB = $('input:eq(1)','.demo1').val(); //左＋右の値を出力 $('input:eq(2)','.demo1').val(nu
【PHP】Ajaxによる通信（リクエスト）かどうか判定する方法
リクエストのログを記録していくときにjQueryのajax通信を使う場合は除外したかったので、サーバー側で判別する方法を調べたメモ。 環境変数のHTTP_X_REQUESTED_WITHを見れば分かるみたい。サーバーサイド（PHP）のサンプルコードは下のような感じ。 /** * Ajaxによるリクエストかどうか * * @return boolean True or False */ public function isAjax() { if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){ return true; } return false; } これで判断できるのはjQueryがajax通信をするときのリクエス
jQuery UIのDatepickerでカレンダーから楽々日付入力
フォーム入力で日付を扱うことあると思いますが、数字だけの割にはいろいろと制御が面倒な部分でもあります。 入力フォーマット、年・月・日の制御など、作る側としてはかなり見えない部分の仕事が増えます。 入力するユーザの立場としても、フォームがドーンとあっただけでは入力に迷いますし、こういう局面ではカレンダーなどで曜日や日にち間隔を確認しますよね。 この両者の不便さを解消する方法として、jQueryのプラグインである「jQuery UI」の１機能、「Datepicker」で解消できます。 Datepickerを使用することで、フォームへの日付入力の際、カレンダーを表示して入力補助をするインターフェースを、簡単に実装できます。 jQueryを用意するjQuery UIはjQueryのプラグインであるため、jQuery本体が必要となります。 jQuery本体の準備は以前「「CrossSlide」写真や
onsubmitの戻り値をfalseにしてsubmitを実行しない（中断させる）方法
JavaScriptで、onsubmitの戻り値をfalseにしてフォームのsubmitを中断させる（実行しない）方法を紹介します。 １．onsubmitイベントとは onsubmitイベントは、フォームの送信ボタン（type属性がsubmitのボタン）がクリックされた時に発生するイベントです。 <form method="post" action="foo.cgi" onsubmit="foo();"> <input type="text" value="" /> <input type="submit" value="送信" /> </form> ２．submitを中断する（＝フォームを送信しない）方法 onsubmitイベントを使ってsubmitを中断するケースとして、送信時にJavaScriptでフォームのチェックをして、フォームデータに未入力の項目がある場合、「return fa
jQuery ValidationプラグインでAjaxを使ってremoteバリデーションする - morolicious開発日記
jQuery Validation Plugin jquery.validate.js フォームのバリデーションにとても便利なjQueryプラグインですが、Ajaxを使った時にちょっとハマったのでメモ。 例えばユーザー名が使われているかチェックする時にクライアントサイドのチェックだけでは実装出来ないのでサーバに問い合わせる必要があります。 jQuery Validation Pluginではremoteを設定する事でデフォルトではonkeyup（一文字入力するごと）毎にサーバ側にリクエストしてチェックしてくれます。 コードサンプル ※Bootstrapを使っているのでCSSへの適応も考慮されています。 HTML <form id="join-form"> <div class="control-group"> <input id="username" name="username" typ
子要素のイベント後、親要素のイベントも発生してしまう
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
ページ読み込み時に実行するjavascriptについてのTips | Tips Note
ページ読み込み時に実行するjavascriptは 指定方法がいくつも存在するため、 複雑になりやすく、度々エラーの原因になります。 【指定方法の種類】 ■onloadイベント ページ読み込み時に実行したい処理がある場合、 通常はjavascriptのonloadイベントを使用します。 BODY要素にonload属性を追加したり、 下記のようなjavascriptの指定を追加する方法がよく見られます。 window.onload = function(){ // ページ読み込み時に実行したい処理 } ■jQueryのreadyメソッド ライブラリとしてjQueryを使用している場合は、 readyメソッドを使用して、ページ読み込み時にjavascriptを実行することができます。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); 【
Javascriptで配列にある値が存在するかどうかを確認する方法について - プログラミングを勉強するブログ
以前配列にある値が存在するかどうかをfor文を使わずに調べる方法を考えてみたという記事を書きました。この記事は「やろうと思えばこういう方法でもできるなぁ」というアイデアについて書いた記事だったのですが、Javascriptで配列にある値が存在するかどうかを確認する一般的な方法を探して当該記事を訪問していただくことが多いので改めてこの方法について書いてみたいと思います。 といってもJavascriptには"Array.contain"のような「まさにそのためにある」というメソッドが用意されているわけではないのでいずれにしろ方法の紹介ということになってしまいますが。 次の3つのパターンに分けて書きたいと思います。 ECMAScript 5が使える場合 jQueryが使える場合 上記のどちらも使わない場合 1.ECMAScript 5が使える場合 ECMAScript 5では配列に"indexO
jQueryにおけるattrとpropの違いと使いドコロまとめ - Qiita
checkboxやradioのチェック状態を調べる際にはattrではなくpropを使うのが良い。 attrでも取れないこともないですが、propで取得する方が処理が早いです。 特にIEの場合、inputに対するdisabledの処理がものすごく重く、attrでdisabledやcheckedの処理を沢山していると、無駄に最悪な感じで負荷がかかります。 attrとpropの取得の違い## またこの２つは、同じ値を取得してるようで異なる値を取得するので注意。 例えば の場合、 チェック時 prop true attr checked 非チェック時 prop false attr undefined という全然違う値が返ってきます。 なぜ解釈が違うのか## attrは純粋に 属性における値 を取得するので、この場合は、 checkされてない ↓ checkedという『属性』がない！ ↓ unde
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
開発メモ：文字列の最後の１字を削除｜理総研Web＠中学受験専門理科総合研究所
[JavaScript] null とか undefined とか 0 とか 空文字('') とか false とかの判定について - Qiita![[JavaScript] null とか undefined とか 0 とか 空文字('') とか false とかの判定について - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1cb3daa06e63424e6d2e7a0116b121420a38c7ec/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzc1NiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MDcwOD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz0yMDg5YWE2OTljNzUzNGQ3YWQzNDM1YjEwMWVhZjRiNQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dad1469ca61be031e845c1c818664c067%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMG51bGwlMjAlRTMlODElQTglRTMlODElOEIlMjB1bmRlZmluZWQlMjAlRTMlODElQTglRTMlODElOEIlMjAwJTIwJUUzJTgxJUE4JUUzJTgxJThCJTIwJUU3JUE5JUJBJUU2JTk2JTg3JUU1JUFEJTk3JTI4JTI3JTI3JTI5JTIwJUUzJTgxJUE4JUUzJTgxJThCJTIwZmFsc2UlMjAlRTMlODElQTglRTMlODElOEIlRTMlODElQUUlRTUlODglQTQlRTUlQUUlOUElRTMlODElQUIlRTMlODElQTQlRTMlODElODQlRTMlODElQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yNDY2MjFiNzNlNDc0NzkwNjZmMTU2NmU5ZGFiNDhmOA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mNzA5ZDQyYTc3OGRkNzYxZDRkNmY1YjBiZDVhNWZmNw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3De8d4a866836f43c960ae0a0ed6106f45)
【jQuery】親要素を削除する - Qiita
現在のページのURLを取得する