jQueryプラグイン「jPlayer」の使い方｜HTML5プレーヤーのWeb埋め込み｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
$('#要素ID').jPlayer({ /* イベントハンドラ */ ready: function(){ /* 再生するメディアの定義(URLは相対・絶対パスどちらでも) */ $(this).jPlayer('setMedia', { mp3: '/content/media/audio/Q701.mp3', m4a: '/content/media/audio/Q701.m4a', oga: '/content/media/audio/Q701.ogg', /* サムネイル画像 */ poster: 'http://phpjavascriptroom.com/content/media/thumb/poster1.png' }).jPlayer('play'); /* 自動再生 */ }, /* プレロード（デフォルトは'metadata'、プレロードする場合は'auto'） */
jQuery UI Datepicker 日付選択 | hijiriworld Web
日付の入力フォームを作った場合、入力されるフォーマットは揃えておきたいものです。 じゃあ、入力フォームの隣に「※日付は『yyyy/mm/dd』形式で入力してください」と書いておこう、なんて、そんな原始的なことをしてはいけません。 ユーザビリティ的にも、ポップアップカレンダーなどの入力支援を設置するのが良いです。 日付の入力支援を実装する方法はいくつかありますが、時代はjQueryだ！ということで、今回は、jQuery UI のDatepickerの実装方法を紹介します。 ・jQuery ・jQuery UI ・jQuery UI Datepicker 目次 1. デザインをカイスタマイズ 2. ダウンロード 3. フォルダ構成 4. 実装 デザインをカイスタマイズ まず、ブラウザ上で、jQueryで実装できるUIのカスタマイズをまとめて行います。 →jQuery UI ThemeRolle
iNettuts - Welcome!
Hello, welcome to the iNettuts demonstration. The tutorial which details how this interface was created can be found on NETTUTS.com. This demo and its accompanying tutorial were made by James Padolsey. NOTE: You'll notice that you cannot move, edit, remove or collapse this particular widget - the script which this is running on allows for per-widget settings and this widget has been set not to all
格子状に並べたリストをドラッグ＆ドロップで並べ替え
jQuery UI の Sortable プラグインを使い、格子（グリッド）状に並べたリストを、ドラッグ＆ドロップで並べ替えられるようにする方法。 実装例（サンプル） 項目 1 項目 2 項目 3 項目 4 項目 5 項目 6 項目 7 項目 8 項目 9 実装例の動作について 「項目 1」をドラッグして、中央へ動かし、「項目 5」の上に持ってくると、「項目 5」が左へ移動し、「項目 5」と「項目 6」の間にスペースができる。そのスペースへドロップすると、「項目 1」が中央へ移動し、中央の行は「項目 5」「項目 1」「項目 6」…の順番になる。上の行は「項目 2」「項目 3」「項目 4」…の順番になる。下の行は「項目 7」「項目 8」「項目 9」…の順番のまま。 実装例のソースコード 読み込み 読み込み方は、2種類ある。パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場
全体をドラッグで動かせるグリッドレイアウトのイメージギャラリーをjQueryで構築するチュートリアル - かちびと.net
画面いっぱいに広がったグリッドレイアウト のイメージギャラリーをドラッグで動かす 事ができるコンテンツをjQueryで実装する 為のチュートリアルです。かなり良く出来 てます。iPhoneでも一応可能でしたので 工夫すればスマートフォンにも使えるかも。 Codropsのチュートリアルが相変わらず素敵なのでメモがてら。画面全体に広がったグリッドレイアウトのイメージギャラリーを丸ごとドラッグで動かせるようにする、というチュートリアル。 Draggable Image Boxes Grid 画面全体にギャラリーが広がり、全体をドラッグで動かせます。これは、Stephen HamiltonのWebサイトをオマージュしたもの。Stephen HamiltonはFlashですが、同じようなUIをjQueryで作ろう、という趣旨みたいです。ドラッグにはjQuery.kineticを使用しています。 サム
あなたのWebを入力しやすくするjQueryプラグイン10選
あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。
Bridge Word
This shop will be powered by Are you the store owner? Log in here
Javascript 子ウィンドウからwindow.openerを使って親ウィンドウを操作する | JUGEMの自作テンプレートを配布 Show-U
ほぼ知識ゼロでLinuxサーバーを構築して、Aapche、PHP、MySQLによるWEBサイトを作るまでの備忘録ブログ。JUGEMの自作テンプレートをカスタマイズして配布したりも。■window.openで開いた子ウィンドウからwindow.openerプロパティを使って親ウィンドウのテキストボックスに値を設定する 「親ウィンドウ部分」 <html> <head> <title>親ウィンドウ</title> </head> <body> <input type="button" value="子ウィンドウを開く" onClick="window.open('sub.html','sub','width=640,height=480');return false;"> <div id="title01"></div> <form action="send.cgi" meth
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
フォームのリセットボタンに確認機能を加える方法 - JavaScript TIPSふぁくとりー
《2017年6月10日 2:00 PM 公開/更新》 フォームのリセットボタンに確認機能を加える方法 [入力フォーム] 入力フォームに「リセット」ボタンは不要です。しかし、どうしても設置しなくてはならないなら、せめて誤操作を防げる仕組みを追加したリセットボタンにしましょう。そこで、確認機能付きリセットボタンをJavaScriptで作る方法をご紹介。クリックされた際に「本当にリセットして良いのか？」と確認ダイアログを表示する機能を加えます。これなら、誤ってクリックされても入力内容が削除されてしまうことを防げます。 入力フォームにリセットボタンは不要だが…… リセットしても良いかどうかを確認するダイアログが出るリセットボタンの例 フォームのリセットボタンにJavaScriptで確認機能を加える方法 確認ダイアログを表示するconfirmメソッド 入力フォームにリセットボタンは不要だが…… 入力
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サンプル – 少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス
公海555000kk线路检测—首页（欢迎您）