サンプルで学ぶjQuery：(X)HTML/CSSを操作する (6/7)
10．CSSの制御 jQueryでは、CSSのプロパティの設定や値の取得も簡単にできます。 ■CSSの設定 css() を使うと、指定した要素のCSSのプロパティを設定できます。プロパティ名と設定したい値を括弧内に ,(カンマ)区切りで記述します。 ▼サンプルコード（スクリプト部分） $("p").css("color","red"); このサンプルを実行すると、p要素のCSSのcolorプロパティがredに変更され、p要素のテキストが赤色で表示されます。 ▼サンプルコード（元の(X)HTML部分） <p>テキストテキストテキストテキストテキスト</p> ▼実行結果（実際のWebページ） 複数のCSSプロパティを同時に設定したい場合は、css() の括弧内に {...} で以下のように記述します。 $(セレクター).css({ プロパティ名 : "プロパティの値" , プロパティ名 : "
css(properties) - jQuery 日本語リファレンス
キーと値がセットになったハッシュを渡すことで、全ての要素のstyle属性を設定します。 全ての要素に同じスタイルをセットしたい場合に便利です。 <p> Move the mouse over a paragraph. </p> <p> Like this one or the one above. </p> $("p").hover(function () { $(this).css({ backgroundColor:"yellow", fontWeight:"bolder" }); }, function () { var cssObj = { backgroundColor: "#ddd", fontWeight: "", color: "rgb(0,40,244)" } $(this).css(cssObj); });
2/2 イベントハンドラをHTMLから分離する 基本サンプル [Javascript] All About
イベントハンドラをHTMLから分離する 基本サンプル(2ページ目)インラインからonloadやonclickなどの基本的なイベントハンドラをHTMLから分離するJavaScriptのサンプルを紹介します。 基本サンプル 1: インラインのonclickイベントハンドラ 2: スクリプトでonclickハンドラをセットする1 3: スクリプトでonclickハンドラをセットする2 4: onloadごとonclickをHTMLから切り離す 5: thisを取得する 6: 引数を使う 7: 複数のonclickハンドラをfor文でセットする 5: thisを取得する (*このサンプルは他のサンプルと共存できないので上記リンク参照) <script> <!-- //ページ構築後にしか設定できません window.onload = function ini(){ //要素test5へonclick
![2/2 イベントハンドラをHTMLから分離する 基本サンプル [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
JSの世界 : 親子・兄弟、相対位置にあるノードを探索する
2009年07月06日22:00 カテゴリJavaScriptDOM入門 親子・兄弟、相対位置にあるノードを探索する 前回childNodesプロパティについて説明しましたが、これはある要素ノードの子ノード（タグ要素に限らない）を参照するプロパティです。DOMには子ノードを参照する以外に、親ノードや兄弟ノードを参照するプロパティが用意されており、それらを使うことで基準となる要素から相対位置にあるノードを参照することができます。 相対位置にあるノードを取得する 親ノードの要素オブジェクトを取得する parentNodeプロパティ…………その要素の直近の親ノードの要素オブジェクトを取得するプロパティ。テキストノードなどは原則的に子ノードを持たないので、親ノードは必ず「要素ノード」かdocumentノードになる。また一つのノードにつき親ノードは一つだけなので配列にはならない。 （例） <div
iepngfix_tilebg.js – 8log
バイクのカスタム/サバゲー/Web制作/ちょっと思考を変えて楽に生きるヒント/仕事の効率化などを運営者の独断と主観で紹介します/現在新規のお仕事は受付けておりません これまでiepngfix.jsというIE6で透過PNGを使えるようにするJavascriptがありましたが、 CSSで背景で使用すると間延びしてしまったりと色々問題が発生しました。 その問題のせいで、使いどころには制約がありましたがiepngfix_tilebg.jsならそれを解消してくれます。 設置もそんなに難しくありませんでした。 http://www.twinhelix.com/test/ 上記サイトよりIEPNGFix v2.0 Alpha（ZIP形式）をダウンロード＆解凍して、 iepngfix.htcとblank.gifとiepngfix_tilebg.jsを取り出し、各サイトに放り込みます。 初期状態だと、この3
JavaScript/DOM » Windowオブジェクト » ウィンドウ名の取得・設定／ウィンドウの開閉／ウィンドウの存在有無確認 | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説ウィンドウには任意の名前を付けられます。 「ウィンドウ名」を取得するには、ウィンドウオブジェクトを変数に格納する必要があります。 ウィンドウオブジェクトを変数に格納することで、特定のウィンドウを操作が可能になります。 「ウィンドウ名」と「ウィンドウオブジェクトを格納する変数名」は同じでなくてかまいません。 サンプルを見る<script type="text/javascript"> function windowOpen1(WindowName){ /* ウィンドウを変数（ここではwinという名の変数）に格納 */ var win=window.open("./demo/sample.html", WindowName); /* ウィンドウを格納し
Google Chromeでポップアップがうまく開かない | loftimg™ blog
Google Chrome βがリリースされたので、早速入れていろいろなサイトを見てみました。 レンダリングエンジンにはSafariなどに使用されているWebKitとのことで、現行動いているサイトでHTMLのレイアウトの崩れはありませんでした。ただJavaScriptでポップアップ表示させているサイトで一部他のブラウザと違う挙動をしているところがあったのでメモ。 window.openでポップアップウィンドウを開いたあとに、サイズ調整や位置調整をしているJavaScriptの実行順序によってうまく機能しない場合がありそうです。 以下サンプル（このサイトをポップアップして、フルスクリーンにするJavaScript） サンプル（×） 実行順序 window.openwindow.resizeTo(screen.availWidth,screen.availHeight);window.move
ウィンドウの有効幅(height)を取得するJavaScript screen.availHeightだとステータスバー等も含んでしまっているような数値が出てしまうので、ステータスバー等…
ウィンドウの有効幅(height)を取得するJavaScript screen.availHeightだとステータスバー等も含んでしまっているような数値が出てしまうので、ステータスバー等を含めない、実際の有効縦幅を出せる方法がありましたら教えて下さい。
JAVAスクリプト＆DHTML サンプル
IE5.0以上での動作確認済みです。（Win_XPでは動作しないページが一部あります） NN及びIE6.0では一部正常に動作しないページがあります。予めご了承下さいませ。 ソースをコピーして、ご使用になる場合には必ずテストしてからご使用下さい。 万が一何らかの支障をきたしても当方では一切の責任は持ちません
スタイル切り替えの記述方法 - OKWAVE
すみません；； 例えばこれで文字サイズは変わるんですが、他のスタイルが変更されません。それからMacIE5だと、リンクされている部分の文字サイズしか変更されません。どうしてなんでしょうか。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>無題ドキュメント</title> <style type="text/css"> <!-- .style01 {font-size: 12px;padding:30px;} .style02 {line-height:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript 入門 レイヤーなど DynamicHTML
typecs.com at Directnic
フォームを順番に入力させる - JavaScript