運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
jQueryプラグインで彩る、ワンランク上のサイト制作 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
カレンダーによる日付入力補助｜Javascript｜ホームページの素
こちらの意図した書式で入力してもらいたいとき、あるいはユーザーの入力を簡易にするため、カレンダーを表示して日付をクリックするとテキストボックスにセットされます。 手入力もできますので、日付チェックのスクリプトもあわせて使用すると良いでしょう。 日付チェックはこちらを参照してください。 これはToshirou Takahashi氏作成のスクリプトを元に自分の使い勝手の良いように改造したものです。 原本は http://www.fureai.or.jp/~tato/JS/BOOK/INDEX.HTM ダウンロード calendar.txt 上記calendar.txtをダウンロードし、拡張子を「js」に書き換えてください。 calendar.txt -> calendar.js 改造内容 NSの場合もクリックしたそばにウィンドウ表示されるようにする スクリーンの上にでる場合は下に、スクリーン右
Javaスクリプト「モーダルダイアログ・モードレスダイアログ（ポップアップ）」メモ(Hishidama's JavaScript-ModalDialog,ModelessDialog Memo)
ここに書いているのは、新しいHTMLを｛普通に／モードレスダイアログ[/2007-08-12]で／モーダルダイアログで｝開く方法 。 単純なメッセージ表示や文字の入力は別の命令を使う。 まずは、普通にリンクで移動する方法 HTML： <A HREF="dialog_target.html">普通に移動</A> <INPUT TYPE="button" VALUE="スクリプトで移動" onClick="window.location='dialog_target.html'"> <!-- location.href ='dialog_target.html'でも可 --> サンプル：普通に移動 サンプル： モードレスダイアログで開く方法 新しいウィンドウを開いて（ポップアップ）、そこにHTMLを表示させる方法。 モードレス（modeless）というのはモーダルの反対で、そのウィンドウを開い
他のウィンドウからフォームに入力する方法 - Web/DB プログラミング徹底解説
上図のような状況を考えます。これは、下側のウィンドウの [ウィンドウを開く] をクリックすると、上側の子ウィンドウが開きます。上側ウィンドウの [元のフォームのテキストボックスに書き込む]と いうボタンをクリックすると、下側ウィンドウのテキストボックスに "Hello" と書き込まれる様子を示しています。 実行例 下側を form1.html 上側を form2.html とします。それぞれのソースコードは次のようになります。 form1.html <HTML> <BODY> <FORM id="form1"> <INPUT type="text" id="text1"> <INPUT type="button" value="ウィンドウを開く" onClick="window.open( 'form2.html', 'foo', 'width=400, height=150, statu
入力したテキストボックスのデータを別Webページに渡したい
テキストボックスを持つ２つのWebページ(A.html,B.htmlとします)があります。 A.html内にB.htmlを開くJavaScript (window.open("B.html");)を記述しています。 このスクリプトを実行したらB.htmlを新しいウィンドウで開きますが、 このBページ内のテキストボックスに文字データを入力して、 OKを押したら、A.htmlのテキストボックスにデータを表示させたいのです。 こういうことはJavaScriptだけでできないのですか？ cgi+JavaScriptを使わないとできないのでしょうか？ フレーム間の場合はできそうですが、ウィンドウ間と言うのは出きるのか 不明です。 ご存知の方、よろしくお願いします。
データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 - JavaScript TIPSふぁくとりー
《2017年6月16日 12:00 PM 公開/更新》 データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 [機能] サブウインドウ側で何らかの補助的な処理をする場合、親ウインドウから子ウインドウへデータを送り、子ウインドウから親ウインドウへデータを戻す……という処理が必要です。JavaScriptのshowModalDialogメソッドを使って開いたサブウインドウ(モーダルダイアログ)なら、データのやりとりは簡単です。(※既に廃止された仕様なので、今後は使えないブラウザが増す点に注意) ※非推奨:廃止済み 閉じるまで他の操作をできなくするウインドウ(モーダルダイアログ)を開く データの受け渡しをするサブウインドウの例 サブウインドウとの間でデータの受け渡しをする方法 サブウインドウとの間でデータの受け渡しをするサンプル 親(呼び出し元)ウインドウ側のHTMLソース 親
MEAN(MongoDB, Express, AngularJS, Node.js)スタックが優れている理由 - Mozilla Open Web Day in Tokyoを終えて - albatrosary's blog
MEANとは、LAMP(Linux, Apache, MySQL, PHP)に変わる技術としてじわじわと注目されはじめているアーキテクチャです。このアーキテクチャMEAN(MongoDB, Express, AngularJS, Node.js)は、シンプルでかつ強力なアーキテクチャで、現在のJavaを利用したアプリケーション開発とは一線を画すところです。HTML5開発にとってJavaの役割が殆どなくなるというのも注目すべき点だと考えます。MEANで一般的に言われる注目すべき事項は次のところです： JavaScriptフルスタックである データモデルとしてクライアントからデータベースに至までJSON そして、この記事を書こうと思ったきっかけですが、2014/10/5(日) Mozilla Open Web Day in Tokyo | Mozilla Japan でのMEAN解説展示で、様
[JavaScript]Submit前に確認メッセージ(confirm)を出す - DQNEO起業日記
JavaScriptにおける、送信前確認ボタンの出し方。 <input type='submit' value='送信' onclick='return confirm("よろしいですか？");'/> フォーム送信前に確認メッセージを出して、ユーザが「はい」をクリックすると送信され、「いいえ」をクリックすると何も起こらない。
タブで写真切り替え
Innovative Tools for Web Publishing JavaScript + Ruby + PHP + Interaction Design Hi! My name is Ryan Johnson. I develop web applications for businesses in the Puget Sound area, and maintain a number of open source projects. I invite you to explore some of the links below: LivePipe™ Blog Control Suite : High Quality Controls and Widgets for Prototype Object.Event : An Event Model for JavaScript Obj
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
はてなブログ | 無料ブログを作成しよう
念願の資生堂メイクレッスンに行った かしら、かしら？ご存知かしら？ 資生堂のメイクレッスン、美容に興味のある女性はたいてい知っていそうだが一応そこから説明しておく。 世の中にはメイクを教えてくれるサービスがいろいろある。ドラッグストアのカウンター、デパートのカウンター、専門のサロンエト…
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 投稿日2011年06月20日 更新日2011年06月20日 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script
JavaScriptで家電を操作するための赤外線信号の基礎知識
今回は赤外線信号の基礎知識、読み取り／送信方法までを説明し、次回でWebブラウザーのUIとリアルタイムに連携させます。 下記は必要な材料のリストです。今回もGroveモジュールを使います。 Grove Baseシールド →前回使用したものと同じ Grove 4ピンケーブル →2本必要 赤外線センサー（WLS12136P） →このセンサーにリモコンを向け、リモコンのボタンを押すことで赤外線信号を読み取る 赤外線LED（WLS12148P） →リモコンで発生した赤外線パターンと同じ信号をここから発生させて、家電を操作する リモコンはどういう信号を送信しているの？ 早速、某エアコンのメーカーにリモコン信号の仕様を問い合わせましたが、残念ながら公開していないとの回答でした。 でも、大丈夫です。道が閉ざされたわけではありません。リモコンから送信される赤外線パターンを学習し、それと同じ信号を赤外線LE
フォルダツリー｜その他のJSライブラリ｜Ajax｜PHP & JavaScript Room
設置方法はとってもシンプル！ まず、「dtree.css」と「dtree.js」をhead要素内で読み込みます。 <head> <script type="text/javascript" src="dtree.js"></script> <link rel="stylesheet" type="text/css" href="dtree.css" /> </head> 次に、ツリーを格納するオブジェクトを生成し、add()関数にノードを指定していきます。 このtreeObj部分には、任意のツリーオブジェクト名を指定可能です。 そのため、1ページ内に複数のツリーを埋め込む場合は、このツリーオブジェクト名を別々にすればOKです。 ノードをすべて開く：treeObj.openAll(); ノードをすべて閉じる：treeObj.closeAll(); 任意のノードを開く：treeObj.open
自作のjQueryスクリプトをプラグイン化しよう
自作のjQueryスクリプトをプラグイン化しよう 自作したjQueryコードは作成した本人なら簡単にパラメーターの調整などを行いカスタマイズできると思いますが、Webに公開して他の人に使用してもらう場合はなかなかむずかしかったりしますよね。 そこでプラグイン化をすることで誰でも簡単に扱えるようにしてみましょう。 投稿日2011年06月13日 更新日2011年06月13日 外部ファイル化 たとえば「#hide-btn」をクリックすると「#view」がフェードアウトして消えるという簡単なスクリプトがあります。 jQuery script $(function() { $('#hide-btn').click(function(){ $('#view').fadeOut(1000); }); }); まずは外部ファイル化しましょう。 jQueryプラグインは「jquery.プラグイン名.js」と
ドラッグ移動ボックスにおける、移動中のスクロール可否設定
jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおける、ボックス移動中のスクロール可否設定。ウィンドウや親要素を、スクロールさせたくない場合、scroll オプションに false を指定。ウィンドウや親要素を、スクロールさせたい場合、scroll オプションに true を指定する。 実装例（サンプル） 実装例について 実装例（サンプル）は、containment オプションに、parent を指定し、親要素内だけでしか移動できないようにし、スクロールできない移動ボックスとスクロールできる移動ボックスを並べた。 実装例の動作について 「scroll: false」と書いてあるボックスを、ドラッグして、移動させ、破線で示した親要素の枠に近付けてスクロールしようとしてもスクロールしない。 「scroll: true」と書いてあるボックスを、ドラ
Система управления предприятием TeamWox
CRM-система для эффективного управления финансами, продажами и персоналом Избавьтесь от бумажной волокиты Организуйте электронный документооборот и групповую работу с документами Оптимизируйте работу с клиентами Храните все контакты, историю взаимоотношений с контрагентами в единой CRM Повысьте управляемость Ставьте задачи, назначайте ответственных, следите за исполнением Будьте на связи Общайтесь
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://game.gr.jp/ascii/5/top.htm
Node.js のセキュリティの話
- - Watch and Download Free