ボタンのID名を取得するには？ - OKWAVE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <title>Q3381972 TestCase 1</title> <link href="css/design.css" rel="stylesheet" type="text/css" media="all"> <script type="text/javascript"> function invoke(obj) { var Id = obj.id;/* DOM Level 1 Interfac
JavaScriptについて質問です。 <input type="button" id="Button1" onclick="javascript:confirm('よろしいですか？…
JavaScriptについて質問です。 <input type="button" id="Button1" onclick="javascript:confirm('よろしいですか？');__doPostBack('Button1','')" /> のような記述をして、「よろしいですか？」のダイアログでOKをクリック したときのみ後の__doPostBackを走らせるようにしたいです。 しかしこれだとOKでもキャンセルでも__doPostBackが走ってしまいました。 そこで、 javascript:return confirm('よろしいですか？');__doPostBack('Button1','') を試したのですが、今度はOKでもキャンセルでも__doPostBackが走らなくなってしました。 どのようにしたら、OKをクリックしたときのみ__doPostBackを走らせることができ
スレッド 公開ディスカッション:一つのonclickに対して複数のイベント発生 - マスカット - OSDN
イベント定義xmlで、 <component id="btnNew"> <event id="onclick" start="func1"/> <event id="onclick" start="func2"/> </component> ・・・というように、一つのコンポーネントのonclickイベントのstartに対して、 複数の関数を登録させたいのですが、 実際にはこの書き方では、最後に書いたfunc2のみが実行されてしまいます。 どうしても、上記のような書き方をイベント定義xmlに書いて、 複数の関数を実行させるようにしたいのですが、方法はありますか？ また、同様に、レイアウトのonloadのstart時にも、複数の関数を走らせたいと思います。 ご教授お願いいたします。 メッセージ #57627 への返信 > イベント定義xmlで、 > <component id="btnNew"
WordPressで自作のjQueryスクリプトを実行する方法
Posted: 2010.07.30 / Category: WordPress / Tag: jQuery, テンプレートカスタマイズ ただいま大人気のjQueryですが、Wordpressで使用する場合いろいろお決まりごとがあるようです。 なので今回はWordpressでjQueryスクリプトを書くときの注意事項をメモっておきます。 通常のHTMLでのjQueryの使用 Wordpressを使用していない静的HTMLでのjQueryの使用方法から見ていきましょう。 例えば、h2を消したいなんて場合こんな感じになりますよね。 JavaScript <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function ()
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc
Canvas - HTML5.JP
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
$(document).ready(function(){*}) | JavaScript capsule
readyファンクションに関してですが、 基本的にjavascriptはいつのタイミングで実行をするかと言うと「最初」です。 ここに落とし穴があります。 headタグ内に記載をする場合に、そこでjavascriptを読み込むとhtmlの読み込みが完了する前に実行がされてしまいます。 head→bodyの順で読み込まれます。 たとえば、 $(".deleteBox").css("display","none") と記載をします。（classがdeleteBoxの対象のstyleのdisplayをnoneにする。） <body><div class="deleteBox">ここは消えるはずです。</div></body> と記載をして実行をすると、「ここは消えるはずです。」と出現がされます。 この現象はJavaScriptの実行のタイミングでは<div class=”deleteBox”/>が
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ10社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
jQueryでonMouseoverとonMouseoutを同時に設定する（２） - 高密度商業地域
jQueryメモ。 ちょっとはまってしまったので、備忘録。 以下のような動作をjQueryで実装しようとしました。 （「＞」「＜」は実際はbackground-image画像） 【HTML】 <div id="togglebar"> ＞<br>＞ </div> <div id="tdmenu"> メニュー </div> 【表示（イメージ）】 「＞」をクリックするとメニューが非表示、表示が切り替わった後「＜」をクリックするとメニューが表示されるようにする。 ＞│メニュー│ ＞│メニュー│ ↓↑ ＜ ＜ （「メニュー」非表示、「＞」を「＜」に変更） 上記を実現するために、以下の処理をjQueryで記述しました。 （１）togglebar をクリックすればtdmenuは非表示・表示切替 （２）togglebar をマウスオーバーで表示を変える ＞の時は≫ ＜の時は≪ 【（１）の表示切替処理】 以
jQueryでonMouseoverとonMouseoutを同時に設定する - 高密度商業地域
jQueyメモ（備忘録）。 マウスをある画像の上に乗せたら画像が変わる（大きくなる、色が変わる etc.）、マウスを外すと元に戻る、という処理がよくあります。 通常は、こんな風に書くはずです。 （id#mntoggle の background-imageを変更する） <div id='mntoggle' onMouseover=' document.getElementById("mntoggle").style.backgroundImage = "url(画像１.jpeg)";' onMouseout=' document.getElementById("mntoggle").style.backgroundImage = "url(画像２.jpeg)";'> divの中身</div> このように、onMouseoverとonMouseoutを使うのが一般的です。 だけど、確かjQu
イベントハンドラからイベントリスナへ - 高密度商業地域
JavaScript において、イベントハンドラを使ったイベント処理から、イベントリスナを使ったイベント処理にコードを変えたので、その手順などを備忘録がわりメモです。 その前段として、簡単なまとめ。 ■「イベントハンドラ」とは… JavaScriptで記述された、マウスの動きといった動作・操作に対して特定の処理を与えるための命令のこと。 onClick、onMouseOverなど。 （イベントハンドラとは (event handler)： - IT用語辞典バイナリ） ■「イベントリスナ」とは… 何らかのイベントが発生した場合に呼ばれる関数を持つクラス。 ■イベントハンドラを使うメリット ・簡単 ・ブラウザの違いをあまり意識する必要がない ■イベントハンドラを使うデメリット ・HTML要素内にJavaScriptコードが混在することになり、HTMLの見た目が煩雑 ・同じ要素に同じイベントハン
jQueryで設定したイベントをすべて無効化する - 高密度商業地域
jQueryでclickなどのイベントを設定した際、CSSを動的に切り替えたときにはそのイベントを無効化したいケースがあると思います。 例えば、a.cssではタブ切り替え前提、b.cssではタブ切り替え無し、のスタイルのとき、タブのclickイベントに「display: none」する関数を登録している場合、b.cssになると表示が崩れる場合などが考えられます。 そういうときは .unbind() APIを使います。 登録しているイベントを全て、全部の要素に対してイベントを無効にする方法は以下の通りです。 $('*').unbind(); あるいは、id="mainWrap" となっている要素内にあるすべての要素のイベントを無効にする方法は以下のとおりです。 $('#mainWrap *').unbind(); 2010年12月時点のイイカンジプロジェクトでは、この処理を使って表示の切替を
jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary サイズの取得 煩雑になるので height の記述しかありませんが、width に置き換えれば幅もとれます。 普通のボックス要素 height() メソッドで取得できる値には、padding や border の分の高さを含みません。 CSS の height と同じなので、css('height')メソッドで取得してもよさそうですが、こちらの場合ブラウザの種類や CSS の定義の仕方で取得される値が異なる（クロスブラウザとしての機能が完全でない）ので、純粋に px 単位の高さを取得したい場合は height() メソッドを使用した方が無難です。 スクロールバー付きボックス要素 clientHeight には
semooh plugin sample site
Index of Semooh jQuery Sample Site 画像 1.画像を切り替える（フェード） 2.画像を切り替える（フェード2） 3.画像を切り替える（サイズ、フェード） 4.画像を切り替える（スライド） 5.画像を切り替える（奥行き） 6.画像を切り替える（サイコロ） 7.画像を切り替える（シャッター） 8.画像を切り替える（カルーセル） 9.画像を切り替える（色々） 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文
Webページに雪や紙ふぶきを降らせたい！ | DESIGN PAPA
ネットサーフィンをしていると、たまにページ上で雪が降ってたり紙ふぶきが 舞ってたり、流星が流れていたりというサイトを見かけることがあります。 こういうのって実際自分で作ろうとすると、かなりの知識とテクニックが 必要ですが、そういった知識がなくてもちょっとソースとファイルを加える だけで、誰でも簡単に自分のサイトに取り入れることが出来ます。 色々な方法があるとは思いますが、私が利用させていただいたのは 以下のサイトです。 参考：http://www.schillmania.com/projects/snowstorm/ 設置方法は以下になります。 http://www.schillmania.com/projects/snowstorm/script/ より「snowstorm.js」をダウンロードし、雪を降らせたいページと 同階層に「script」フォルダを作成後、設置。 雪を降らせたいペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
overflow-x－CSSリファレンス
Fred Jones in Adventureland
実用性のないクリックカウンタ(カウントアップ) - jsdo.it - Share JavaScript, HTML5 and CSS
サイトに雪を降らせてくれるプラグイン 「 Let It Snow！」の紹介とその導入方法。 | うつしよ
http://www.designwalker.com/2006/12/snow.html