javascriptの質問です。 ページ遷移したときに、いきなりサブウインドウが一緒に開く方法を教えてください。 また、サブウインドウでボタンを押すと、親ウインドウ側のページが遷移され、サブウインドウが閉じるということも盛り込みたいです。 座標と大きさ指定の仕方はわかります。 よろしくお願いします。
javascriptの質問です。 ページ遷移したときに、いきなりサブウインドウが一緒に開く方法を教えてください。 また、サブウインドウでボタンを押すと、親ウインドウ側のページが遷移され、サブウインドウが閉じるということも盛り込みたいです。 座標と大きさ指定の仕方はわかります。 よろしくお願いします。
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記(09/07/24) 若干修正し、2.1にバージョンアップしました。 (今までのでも問題なく動作します。) ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
プラグインを実際に使ってみよう では、完成したばかりのプラグインをさっそく使ってみましょう。 最初にjQueryライブラリファイルを読み込ませたあと、プラグインファイルを読み込ませます。 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="js/furigana.js"></script> これだけではプラグインは機能しないので、ページが読み込まれた後に実行するように、以下のスクリプトを書き加えます。ID名が「sampleDoc」のエレメントだけにふりがなをつける場合は、以下のようにします。 <script type="text/javascript"><!-- $(function () { $("#sampleDoc").fur
この記事は「【短期集中連載】この冬作ろう! jQueryプラグイン講座」のウォーミングアップ編です→[連載インデックス]へ 数あるJavaScript/Ajaxライブラリの中でも2008年、もっとも勢いがあったのが「jQuery」だ。jQueryは従来の“Webアプリケーション”のプログラマーだけでなく、コーダーやデザイナーといった“Webサイト”の作り手からも広く支持を集めた。そのjQueryの特徴の1つである「プラグイン」の作成方法について本連載では解説する。簡単なプラグインを1日1本、 実際に作っていく6日間の集中講座だ。ぜひこの冬休みを利用して、楽しみながらjQueryプラグインを作ってみよう。 そもそも「jQuery」ってなんだ? 「jQuery(ジェイクエリー)」は代表的なAjax/JavaScriptライブラリの1つです。jQueryの特徴としては「少ないプログラムコードで、
はっ!?内容とリード文があってない!? ってことでいつのまにやら修正しておく。 背景色とか文字色とか、色関係をアニメーションさせようと思っても、 どうやらjQuery単体ではアニメーションできない。 なぜ!? とまぁ、背景とか色関係をアニメーションで使いたいなと思ったので、 色関係を扱えるようにするプラグインを見つけたので、メモエントリーしておく。 jQueryだけだと背景色と文字色はアニメーションできない jQuery単体だけだと、背景色や文字色のアニメーションができないのです。 理由は下記の通りのようです。 数値型の値をとらない属性(backgroundColorなど)には、animate関数は対応していません。 animate - jQuery 1.2.6 日本語リファレンス つまり、アニメーションさせるには変化させるための数値が必要。 ところが色の値などはデフォルトの状態では数値化
jQuery Cycle Plugin を使ってみました 少し前にSBMなんかでよく見かけたjQuery Cycle Plugin、かっちょいいからいつか使いたいなーと思ってたんですが、タイミングよく機会があったので使ってみました。 jQuery Cycle Plugin って何? jsライブラリ「jQuery」のプラグインで、これを使うといろんな種類のエフェクトを使って画像のギャラリーが簡単に作れるという物です。エフェクトというと、なんとなく「script.aculo.us」を連想したりもするんですが、とりあえずサイトでjQuery使ってるし、その流れでjQuery Cycle Pluginを使ってみようということになりました。いろんな動きがあるので、まだ見たことない方は一度jQuery Cycle Pluginでデモを見たらいいかも、です。 設置方法も簡単だった で、さっそく準備。jQ
画像でのナビゲーションをフェードで切り替えるのに以前はプラグインとか使っていたけど、最近は自分で作るので備忘録としてメモ。 まずナビゲーション部分のHTML。 <!– navi –> <ul id="navi"> <li class="navi01"><a href="#"><img src="/sample/fadenavi/imgs/navi-01.gif" width="120" height="30" alt="Navigation1" /></a></li> <li class="navi02"><a href="#"><img src="/sample/fadenavi/imgs/navi-02.gif" width="120" height="30" alt="Navigation2" /></a></li> <li class="navi03"><a href="#"><i
エレメントの背景色を徐々に変更していきます。 原色使うと目に悪いです。 サイトテロに最適! ダウンロード 標準的な使い方 高度な使い方 その他の使い方 スクリプトの使用について 免責事項 標準的な使い方 使用例 上のダウンロードよりjsファイルをダウンロードし、適当にアップロードしてください。 そしてHTMLのHEADタグ内から <script type="text/javascript" src="colch.js"> </script> で呼び出し、 そして、 <span onmouseover="colorChangeForElement(0,'#ffffff',0)">ほげほげ</span> <span onmouseover="colorChangeForElement(0,'#0000ff',1)">ほげほげ</span> のように変更させるものを書いたあと
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Editor’s note: When I first pushed out this latest redesign for CSS-Tricks, it featured a simple color fading animation in the main navigation. Liam quickly noticed a flaw in the code I was using to do it, where if you very quickly moused back and forth over the menu items some of the transi
このブログのロゴでも使用してるんだけど、ロールオーバーでフェードするボタンを簡単に実装できるJavaScriptをご紹介します。(スクリプトの名前は不明) どうやら利用は自由のよう。作者様に大感謝です。 ちょっと追記(2009-04-02) このスクリプト、どうやら「shift-jis」コードのHTMLでは動作しないようです。 そんなことって常識なんでしょうかね?僕にはわかりません。 とりあえず「UTF-8」と「euc-jp」では動きました。以上、些細な報告でした。 こちらにいただいたコメントによって解決しました! まだまだ自分は勉強不足だと、改めて実感しました。 コメントをくれた名も無い方、ありがとうございます。 まずはこちら↓から「rollover2.js」をダウンロード。 クロスフェードするロールオーバー処理をお手軽に実装するJavaScript – KAZUMiX memo
Example 1 This example shows the layer appears on top or bottom. Lorem ipsum dolor Consectetuer adipiscing elit. Donec eu massa vitae arcu laoreet aliquet. Praesent Maecenas est erat, aliquam a, ornare eu, pretium nec, pede. In hac habitasse Quisque ipsum est, fermentum quis, sodales nec, consectetuer sed, quam. Nulla feugiat lacinia odio. Fusce rhoncus Praesent pellentesque nibh sed nibh. Sed ac
マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。
jQuery・・・。 便利だけど、意外と IE でうごかねぇよ・・・。 option の最後に , を書いた場合。 例えばこんなとき $.ajax({ url: "〜〜〜〜", type: 'POST', dataType: 'xml', timeout: 10000, data: { "keyword": "test", }, error: function(){ alert('Error loading XML document'); }, success: function(xml){ hogehoge_success_flow; } });これ、IE でエラーがでる・・・。 原因は "keyword": "test",こいつです。 option を指定するとき、最後の1行には,を書いてはダメ。 firefox だと大丈夫だけどね。 $("<a>") みたいな感じで aタグのエレメン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く