getElementsByTagName: mx-Lab
◆document.getElementsByTagName メソッド collection = document.getElementsByTagName(tagname); nodelist = document.getElementsByTagName(tagname); 指定された DOM(Document Object Model) 形式のドキュメント document から、tagName プロパティが引数（文字列）tagname であるエレメントに対する、Element クラス（またはそのサブクラス）のコレクション collection、またはノードリスト nodelist を返します。 タグ名ですから、getElementsByTagName('a'); とか、getElementsByTagName('body'); なんてこともできちゃいます。 該当するインスタンスが存
<meta> -
概要 説明 属性 詳細 文字セット(charset="...") アプリケーション名(name="application-name") 文書の著者(name="author") 文書の概要(name="description") 作成エディタ(name="generator") キーワード(name="keywords") リファラポリシー(name="referrer") テーマカラー(name="theme-color") ビューポート(name="viewport") フォーマット検出(name="format-detection") Google(name="google") 言語(http-equiv="content-language") コンテンツタイプ(http-equiv="content-type") コンテンツスクリプトタイプ(http-equiv="Content-
getComputedStyle()を利用した既読チェック
COLLECTION & COPYのそのリソースを訪問済みか判定するやHatebu Addictionなどで使われている既読チェック。これらとは違う、getComputedStyle()メソッドを利用して文字色を取得し訪問済みリンクの文字色かどうかをチェックという手法で既読チェックを実現している、Jeremiah Grossman: I know where you've beenというページを見つけた。FirefoxやSafariなどではこれで既読チェックが可能。 getComputedStyle()メソッドはstyle属性やJavaScriptで設定されたスタイル以外のスタイル情報をまとめて取得するメソッドで、ComputedCSSStyleDeclarationオブジェクトを返す。そして、ComputedCSSStyleDeclarationオブジェクトのgetPropertyVal
Selectors API の querySelector/querySelectorAll を使ってみよう | TM Life
Selectors API の querySelector/querySelectorAll を使ってみよう. querySelector/querySelectorAll とは, CSS セレクタを指定して要素を取得できるメソッドです. 今後, getElementById や getElementsByClassName に代わる重要なメソッドとなるでしょう. とても便利なのになかなか普及しないんだよなぁ～. 知名度も低くいみたいなのでざっくりまとめてみました. About querySelector/querySelectorAll とは CSS セレクタがマッチする要素をチャチャっと取得する便利な API です. 例) document.querySelector("#hoge"); // id が hoge の要素を取得 document.querySelector("secti
jQueryで作るスクロールしたら出現してスクロールに追随し、フッターの位置で止まるスムーススクロール
言葉で説明すると難しいのですが、よくあるスクロールすると「ページトップへ」のボタンが出現して、そのままスクロールに合わせてついてくるものを、そのままページ下までついてこさせずにフッターの位置で止める方法です。IEはバージョン7以上で動きました。 「サンプル」を作りましたのでこちらをご覧頂ければわかりやすいかもしれません。 （サンプルデモのコードは一番下にあります。） ページトップボタンのHTML ページトップボタンのHTMLは以下のようにします。 <p class="gotop"> <a href="#"> <img src="images/gotop.png" alt="ページトップへ戻る"> </a> </p> CSS ページを包んでいる一番親の要素へrelativeを設定します。 #container{ position:
javascript - でBMP以外のUnicode文字をきちんと扱う : 404 Blog Not Found
2013年03月29日16:00 カテゴリTipsLightweight Languages javascript - でBMP以外のUnicode文字をきちんと扱う 文字コード「超」研究 深沢千尋 一肌脱ぐか。 dankogai/js-codepoints ・ GitHub Twitter時代の文字の数え方 | 配電盤正確には、「Unicode 3.1時代の文字の数え方」なのでしょうが、Unicodeの最新バージョンが6.0の今、それではぱっとしないのでSYNOPSIS log('𠮷野家'.length ); /* 4 // unfortunately */ log('𠮷野家'.codePointsOf() ); /* 3 // naturally */ log('𠮷野家'.codepoints ); /* 3 // naturally */ log(String.fromCode
旧FC2無料ホームページスペース サービス終了のお知らせ
下記の「旧FC2無料ホームページスペース」は2025年06月30日をもちましてサービスを終了いたしました。 FC2WEB http://www.fc2web.com GOOSIDE http://www.gooside.com k-free.net http://www.k-free.net Easter http://www.easter.ne.jp 55 STREET http://www.55street.net ZERO_CITY.com http://www.zero-city.com OJIJI.NET http://www.ojiji.net K-Server http://www.k-server.org Zero-yen.com http://www.zero-yen.com KTNET http://www.kt.fc2.com Finito http://www.fi
一行入魂 jQueryでcheckedとdisabledを便利にする
JavascriptやjQueryでdisabledやcheckedを制御したり値を取ったりするのがめんどくさかったので、便利関数を作りました。 // チェックボックスのチェック jQuery.fn.checked = function(flag) { if (undefined == flag) { return undefined != jQuery(this).attr("checked"); } return this.each(function(){ if (flag) { if (undefined == jQuery(this).attr("checked")) { jQuery(this).click(); } } else { if (undefined != jQuery(this).attr("checked")) { jQuery(this).click(); }
テキストエリアの自動リサイズ再び
以前、テキストエリアのサイズを文章の長さに合わせて変えるスクリプトを考えて、それをppBlogのエディタにも採り入れているのですが、それは意図した様に動くには動くのですが、えらく力業なスクリプトでした。その恥ずかしいスクリプトは、ここ に置いてます 記述も長くてスマートでないし、もっと簡単に出来ないかなぁと考えてみましたが、要は、自動調節というのは、テキストエリアのスクロールバーが表示されなくなるまでエリアを伸ばすということなので、その考えで行けば簡単でした。以下のような記述でいけますね。 function autofit(el){ if(el.scrollHeight > el.offsetHeight){ el.style.height = el.scrollHeight + 'px'; } } element.scrollHeightで、目的のテキストエリアの、スクロール分も含めた高
document.title の罠 - IT戦記
このエントリは一部間違っています。 こちらで訂正いたしました。 http://d.hatena.ne.jp/amachang/20070523/1179928332 いや大したことじゃないんですけど かなりハマったのでメモしときます。 通常ページのタイトルは以下で取れる var title = document.title; alert(title); // タイトルを表示 しかし、コンテンツ内に <div id="title"></div> のように id が title のものがあると var title = document.title; alert(title); // [object HTMLDivElement] となってしまう。 これでかなりはまった まとめ 不特定のページから title を取るような場合は多少めんどくさいけど document.getElementsByT
リファラ実験 - referrer test
Updated: 2005-05-22 03:54:29+0900 [Home] 直にリンク 直にリンク リファラ表示ページに直にリンクします。 Firefox 1.0.4 …… リファラはこのページになる。 Opera 8.0 …… リファラはこのページになる。 IE 6 …… リファラはこのページになる。 NS 7 …… リファラはこのページになる。 Opera 7 …… リファラはこのページになる。 Lynx 2.8(cygwin) …… リファラはこのページになる。 w3m 0.1.9(cygwin) …… リファラはこのページになる。 HTTPヘッダのLocationを使用する Locationヘッダ HTTPヘッダでLocationを使用します。 header("Location: http://www.teria.com/~koseki/memo/referrer/view.
jQuery で radio ボタンの取得、設定 - xykの日記
HTML: <input id="male" type="radio" name="sex" value="0"><label>男性</label> <input id="female" type="radio" name="sex" value="1"><label>女性</label> ■ チェックされたradioボタンのvalue値の取得する jQuery の独自cssセレクタ(:checked)を使って取れる // 男性にチェックが入っている場合 var result1 = $('input[name="sex"]:checked').val(); // 0 // or var result2 = $('input[name="sex"]').filter(':checked').val(); // 0 ■ radioボタンにチェックが入っているか、いないか真偽値を取得する //
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
サブミット時に display none になっている入力欄に disabled 属性をつける jQuery プラグインを作った - わからん
フォームをサブミットするときに、display none になっている input 要素に disabled 属性をつける JavaScript を書いたので、jQuery プラグインにしてとっておくことにしました。サブミット時に DOM のトラバースコストを払うことで、サーバサイドでは、より本質的な仕事に集中できます。フォーム部品の hide()/show() 類を多用する巨大なフォームでの利用を想定しています。 仕様 hidden 属性を持つ input 要素は対象としません input 要素自体が display none ならサブミット時に disabled 属性を付与します input 要素の親要素のどれかが display none なら、サブミット時に input 要素に disabled 属性を付与します 実装 (function($) { var is_none = fu
disabledなコントロールはフォームで送信されない: 永遠ログ
Mac OS X 向けアプリケーション開発を仕事としている永遠製作所が、日々の開発でつきあたった問題点や、ちょっとしたTipsをメモしていこうと言う、自分勝手な覚え書きブログ。 なぜ、Hidden Fieldなんて使おうと思ったのかというとdisabledに設定したText Fieldの値がサーバーアプリケーションで受け取れなかったからです。 そもそもブラウザが送信していないのか、WebObjectsがフィルタしているのかわかりませんが、バインドした変数には何にも入ってきていません。 そもそもHiddenなコントロールでは値は変更されないのだから意味がないのでは？と思うかもしれません。実は、ブラウザ上でJavaScriptを使って値を設定してサーバーで受け取ろうという考えです。直接テキストを編集されたくないのでdisabledに設定したのですが、サーバー側で受け取れませんでした。 そこで、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
perfect-scrollbar
chrome-life.com
フォーム送信前にJavaScriptでdisabled解除 - Artsnet
ページ上のシンタックスハイライトされていないコードをハイライトできるブックマークレット -Syntaclet