Javascriptでプルダウンの選択を変更する（getElementsByTagName）
この記事は1年以上前の記事のため、内容が古い可能性があります。 2016年4月30日 jquery版はこちら Javascriptでプルダウンの選択を変更するのは、テキストフォームにデータを突っ込むんだり、ラジオボタンの選択を変更するのとは違い少々面倒です。 <script> function change_pulldown(){ pulldown_option = document.getElementById("hoge").getElementsByTagName('option'); for(i=0; i<pulldown_option.length;i++){ if(pulldown_option[i].value == "クラブマンハイレッグ"){ pulldown_option[i].selected = true; break; } } } </script> <p><a
リターン（Enterキー）でフォームを送信しない方法
フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。 １．リターンでフォームが送信される原因 次のように、type属性が「text」のinput要素、いわゆるテキストフィールドが含まれるフォームで、テキストフィールドがアクティブなときにリターンを押すとフォームが送信されてしまいます。 <form action="hoge.cgi"> <input type="text" name="foo" /> <input type="text" name="bar" /> <inp
JavaScript 言語概要 - JavaScript | MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
右クリックを無効にする - JavaScript
サンプルと機能 → Sample 1：右クリックを無効にする → Sample 2：右クリックをしたら警告ウィンドウを表示する 右クリックを禁止します。 画像を保存されたり、ソースを隠したいときに有効です。 あくまでも右クリックができないだけですので、他の方法でソースを見られたりすることもあります。 Netscape Navigatorには対応していません。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：右クリックを無効にする <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY bgcolor="#ffffff" onContextmenu="return false"
JavaScriptのカンマの話 | バシャログ。
ゴールデンウィークは特に、何もなかったminamiです。 そのゴールデンウィークにJavaScript界隈で熱い議論が繰り広げられていたようです。 発端の記事 JavaScriptで、もう連想配列の最後のカンマに悩まない！ - DQNEO起業日記 JavaScriptの連想配列の最後にカンマがついているとIEでバグになってしまうというのは経験上痛い思いをしたので気をつけていたのですが、上記の記事では下のように対処してはどうかと提案しました。 var x = { a : 1, b : 2, c : 3, dummy : null } 最後の要素にdummyという値を入れる、というもの。しかしこれに議論が巻き起こり異論、反論が続出します。 JavaScriptで、もう連想配列の最後のカンマに悩んでないので - すぎゃーんメモ twitterでも「ケツカンマ問題」として話題に上り、こんなサイトま
<input type="text">でEnterを押してもsubmitさせない方法【HTML, JavaScript】 - Programming Magic
<input type="text">でEnterを押すとsubmitされてしまうことがある。 これは便利なときもあるが、場合によっては不便になる。 Enterを押すとsubmitされるのは以下の3パターンがある。 1. Opera、Safariで、<input type="text">または<input type="password">がある場合 <form> <input type = "text" name = "text1"> <input type = "text" name = "text2"> </form> 2. IE、Firefoxで、<input type="text">または<input type="password">が１つ以上と、<input type="submit">または<input type="image">が１つ以上ある場合 <form> <input
JavaScript：undefined値の判定
JavaScriptでは初期化されていない変数には全て「undefined」という値が入っています。 var a; alert(a); //undefinedが入っている これを利用して、変数が定義済みかどうかを判別することが可能です。…が、やり方がいろいろあるみたいなので、まとめてみることにします。 undefinedと比較する if (a === undefined) { alert("aは未定義"); } グローバル変数として、そのまんまundefinedという名前の変数が用意されているので、それと比較するやり方。一番素直な方法ですが、JavaScriptにおいては良くない書き方とされています。 undefinedは予約語ではなく、単なる変数です。だから上書きすることができるし、関数スコープ内で同名のローカル変数を作ることもできます。（ただし最近の処理系ではconst扱いになって上書
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
超絶簡単！JavaScriptの性質を10分で理解するための重要なポイントのまとめ - Y's note
JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者: Douglas Crockford,水野貴明出版社/メーカー: オライリージャパン発売日: 2008/12/22メディア: 大型本購入: 94人 クリック: 1,643回この商品を含むブログ (187件) を見る JavaScriptのニーズ NodeJSやTitaniumMobileの普及によりサーバサイド/スマフォアプリの作成をJavaScriptで書こうとする動きが盛んです。それだけ注目を集めているせいかブログの記事でもJavaScriptのネタを書くとはてぶ登録されやすい傾向が現れます。一応今までJavaScript系の記事をいくつか書いてきたのでリンクを紹介します。 Javascriptによる正規表現まとめ - Yuta.Kikuchiの日記 WebSocket対応状況のまとめ
window.clearTimeout - setTimeoutによる指定秒後実行予定の処理をキャンセル - JavaScriptリファレンス
「setTimeoutによる指定秒後実行予定の処理をキャンセル」サンプルコード <html> <head> <title>window.clearTimeout - setTimeoutによる指定秒後実行予定の処理をキャンセル</title> </head> <body> <!--setTimeoutによる指定秒後実行予定の処理をキャンセルのサンプル--> <script type="text/javascript"> function exec() { window.status = window.status+"+"; } var timer; timer = setTimeout("exec()",1000); </script> <a href="#" onclick="clearTimeout(timer);">stop</a> </body> </html>
指定時刻にアラートを出すブックマークレット作った（140字以内で） - あと味
最近、Twitter経由でテレビ番組の存在を知り、テレビを見ることが増えてきました。Twitterばかりやってて、メディアの中心がネットになっていると思いきや、むしろテレビの視聴率も上がっちゃってるのが不思議です。 15分後とかに見たい番組が始まるって時に、作業に集中していると、番組の始まる時間がとっくに過ぎてしまってたりするので、アラームが必要です。 超手軽に設定できるアラームが欲しいなーってことで、ブックマークレットで自作することにしました。ただし、140字以内で。 ブックマークレット*1 javascript:x=prompt('アラート時刻を入力 [hh:mm]');function f(y){(new Date+'').match(/\d{2}:\d{2}/)[0]!=y?setTimeout(f,1000,y):alert('AlertNow')}f(x) 140字以内だとTw
【JavaScript】 <textarea>の高さを自動調整するスクリプト。
HTMLのフォーム要素のうち、複数行入力欄 <textarea> で、編集したテキストの量にあわせて高さを自動調整するスクリプトを作ってみた。 実装サンプル いきなりだけど、完成したソースから。 実装サンプルは下記。 実装サンプル <script type="text/javascript"> function PxTextareaAdjuster( textarea ){ var textarea = textarea; textarea.style.overflow='hidden'; var defaultHeight = textarea.offsetHeight; function adjustTa(){ textarea.style.height = defaultHeight+'px'; var tmp_sh = textarea.scrollHeight; while( t
[JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher
デモページ：Super Slider スライドのスーパー版で、斜め方向のスライドで画像を切り替えます。 bgStretcherの主な特徴 セットアップはシンプル 全てのモダンブラウザをサポート 画像は一枚だけでなく、複数枚にも対応 対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherの使い方 Step 1: ファイルのダウンロード サイトの「Download」よりファイル一式をダウンロードします。 一式には必要なファイル全て（jqeury.jsも）が含まれています。 Step 2: 外部ファイル 外部ファイルを下記のように<head>～</head>に記述します。 <script type="text/javascript" src="../jquery-1.5.2.mi
Blog
202320,000 GitHub starsSeptember 17th, 2023 2021Syncing sign-in stateJuly 21st, 2021 Why you need bundle size monitoringJune 11th, 2021 Back to bloggingJune 9th, 2021 2019You should open source your productJanuary 1st, 2019 2017Reclaiming your privacyJanuary 8th, 2017 2015Lessons learnt building team communication productsSeptember 21st, 2015 The startup rollercoasterMay 24th, 2015 Don't grow too
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーエージェントによってPCとスマートフォン（iPhone / Android）を振り分ける方法いろいろ
null.ly - a really cool domain parked on Park.io
WebサイトをRetinaディスプレイに対応させる方法
実践！JAVA Script集 メッセージボックス
dotcat/dice/js/script.js at master · rn404/dotcat · GitHub