JavaScript / CSS 編 - イメージボタンを使ってクリック感を表現する - futomi's CGI Cafe
このように input タグを使って、好みのイメージボタンを代用することができますが、ちょっと物足りないと思いませんか？実は、ボタンを押しても、押したというクリック感を表現できていないからなんです。前述のフォームボタンはそっけないボタンではありながらも、ボタンをマウスでクリックすると、ボタンが凹んだ感じになりますよね。イメージボタンでも、このような演出ができれば、利用者も安心するものです。このような演出をするかしないかは、好みの問題だと思われる方もいらっしゃるでしょう。フォームボタンを押してからすぐにサーバからレスポンスが来るのであれば、このような演出をしなくても、利用者は特に違和感を感じません。しかし、サーバのレスポンスが遅い場合には、クリックしたという感覚が無いと、不安になり何度もボタンを押してみるものです。この演出は、無いよりはあったほうが良いのです。 ここでは、イメージボタンでクリ
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
JavaScript/メッセージ/ランダムメッセージ - TAG index
メッセージをランダムに表示するスクリプトです。リロードするたびに内容が変わります。（ランダム画像にも使えます） <html> <head> <title>TAG index Webサイト</title> </head> <body> <script type="text/javascript"> <!-- var msg = new Array(); // 設定開始（メッセージの内容を設定してください） msg[0] = '<b>大吉！</b> … 今日はものすごく良いことがあるでしょう'; msg[1] = '<b>吉！</b> … 今日はまあまあ良いことがあるでしょう'; msg[2] = '<b>小吉！</b> … 今日は普通の日ですね'; msg[3] = '<b>凶！</b> … 今日は凶。。。'; msg[4] = '<b>大・激・凶！</b> … もう最悪っスね！！（ウソです
Javascriptで作られたiPhone風インターフェース | POP*POP
さてもうすぐ登場のiPhoneですが、一足先にそのインターフェースをJavascriptで実現してしまった人がいるようです。 画面遷移もそれっぽくてかっこいいですよ。 ↑ diggの人気記事を読むことができます。 なお、ソースコードもダウンロードできますので興味のある方はご自身のサイトに設置したり、勉強したりしてみてはいかがでしょうか。 実際に動作しているサイトは以下からどうぞ。 » iPhone Interface in JavaScript
JavaScript - to-R
JavaScriptの記事一覧 Vue.jsでコンポーネントの要素をpropsによって切り替える Vue.jsでボタンコンポーネントなどを作成する場合、ユースケースに応じてHTMLの実体をa要素とbutton要素と切り替えたいケースというのが発生します。 2023年9月15日 11:18 Nuxt3でESLintの設定をする 案件でNuxt3のESLint設定をすることがあったので手順をメモしておきます。 2023年9月13日 13:51 Next.jsのAPI RoutesでAuth0の認可を実装する Auth0は認証・認可の仕組みを提供してくれるIDaaS(Identity as a Service)です。 2023年3月24日 11:18 AstroでgetStaticPathsで指定したpropsをTypeScriptの型推論で型情報を取りだす AstroでgetStaticPat
AjaxやJavaScriptのライブラリー-とあるWEBクリエイターのblog
AjaxやJavaScriptのライブラリー AjaxやJavaScriptのライブラリー集 汎用ライブラリー Prototypejs 言わずと知れた最も汎用性の高いJavaScript Framework 【参考エントリー】 prototype.jsを使ってみる 3 prototype.jsを使ってみる 2 prototype.jsを使ってみる 1 jquery 9KBという軽量さで高速なJavaScriptライブラリ。MITライセンス Yahoo! UI Library Yahoo全般で使われているJavaScriptやCSSをまとめたBSDライセンスで使えます。 Spry framework for Ajax Adobeがリリースしたjsライブラリ。DWの標準JavaScriptエンジンでもあります。BSDライセンス 画像表示系ライブラリ Lightbox JS V2.0 スライドシ
Yahoo! JAPANヘルプ
Yahoo! JAPANでは、複数のサービスでJavaScriptを利用しています。一部のサービスでは、お使いのブラウザーでJavaScriptの設定が無効になっていると、サービス内の機能が限定されたり、サービスそのものが利用できなかったりする場合があります。 以下の手順で、JavaScriptを有効に設定してからご利用ください。お使いのOSとブラウザーに該当する項目をクリックしてご覧ください。 【Windows】 Internet Explorer 9、10、11 Mozilla Firefox Google Chrome 【Macintosh】 Safari 【iPhone/iPodTouch】 iPhone/iPodTouch版Safari Windows版Internet Explorer 9、10、11の設定方法 Internet Explorerのメニューバーで[ツール]をクリ
Lightbox Gone Wild Demo
This demo illustrates a few of the possibilities of available to a developer using Particletree's Lightbox Gone Wild Script. Just click on the links above to see how lightbox can be used to provide additional info, show an image or present a form for user input. Inspired by the work done by Lokesh Dhakar, our version makes it easy to extend a web application's interface without having to add clutt
lightWindow Demo
БК выставляет линии, принимает ставки, а также выплачивает выигрыши. Теперь бетторы имеют возможность не посвящать отдельное время игре в БК, а уделять ставкам свободные минуты, которые появляются во время перерывов, перемен, перекуров, движения в общественном транспорте. При регистрации поставьте галочку «Получить бонус» (это важно, второй попытки не будет). Все что понадобится игроку для того чт
NMTnet｜404 Not Found エラー
404 Not Found ページが見つかりません。 ご指定のURLに誤りがあるか、ページが削除されているかもしれません。 以下より検索をお試しください。
innerHTMLでscriptする - Thousand Years
innerHTMLにscriptを代入しても評価されず無視されるのはIEの仕様なのでいいとしてその回避策。最近、昔あの方法で出来たんだけどいつの間にかできなくなってるコードが出てきている気がします(気のせいにしておこう)。 以下は一般的な動かないコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML = "<script type='text/javascript'>alert('動かない')<"+"/script>"; </script> 以下は動くコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML =
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
【連載】いまからはじめるScript.aculo.us (1) 概要と基本的な演出効果 | エンタープライズ | マイコミジャーナル
Script.aculo.usは、Thomas Fuchs氏を中心とするチームにより開発されているJavaScriptライブラリだ。MITライセンスが採用されており、2005年から公開を始め、執筆時点では11月に公開されたバージョン1.8が最新版になる。本稿では、そのバージョン1.8を使って(連載継続中にバージョンアップした場合はそちらに変更する可能性がある)、同ライブラリの基本を6回にわたって紹介しよう。 なお、Script.aculo.usを扱ううえでの必須知識となるPrototype.jsの使用法については、連載『いまからはじめるPrototype.js』で解説しているので、そちらをご覧いただきたい。 Script.aculo.usの概要 Script.aculo.usはPrototype.jsをベースに動作するライブラリだが、Prototype.jsが1つのファイルにすべての機能を
チェックボックスにチェックを入れると行が変わるようにしたい - OKWAVE
cookieを読み書きするスクリプトを書き加えました。 <form>タグが必要になります。 チェックボックスに name を付ける必要があります。 <style> #tbl { margin:0px; padding:2px; color:black; font:9pt 'ＭＳ Ｐゴシック',sans-serif; border-collapse:collapse; } #tbl td { padding:3px; text-align:center; border:1px black solid; } </style> <script type="text/javascript"> var base_col="#EEEEEE";//テーブルの基本色 function changeColor(obj,col){ if(obj.checked){ obj.parentNode.parentN
「JavaScript＠Keynavi.Net」 スクロール位置付URL：kl_urlat_get()
//--------------------------------- //kl_urlat_get(win) //返り値：スクロール位置付URL //win：ウィンドウオブジェクト(略可=selfで代替) //--------------------------------- KL_URLAT_PREFIX="kl_url_"; KL_URLAT_SPLITTER="?"; //or # function kl_urlat_get(win){ ............. } function kl_urlat_go(){ //「-」キーが押された時に実行 location=kl_urlat_get(); return 1; } function kl_urlat_restore(){ //onLoad時に実行 var sp=KL_URLAT_SPLITTER; var px=KL_URL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今回の CSS Nite の件について - IT戦記
【亚博】【乐鱼】官网
glider.js Example
【ハウツー】ゼロからはじめるLightWindow 2.0 - Flashムービーも表示できるAjaxライブラリ (6) 日本語で表示するようにする | パソコン | マイコミジャーナル
502 Bad Gateway