はてなブログ | 無料ブログを作成しようはじめての海外旅行！3週間行って帰ってきた全体の感想編！ はじめに 5/19-6/6 の約3週間でポーランド・イギリス・ドイツを訪れる海外旅行に行きました。 このブログは、この期間を通して何を感じたとかそういいう内容のブログです。 それぞれの地域で何をしたかとかのブログは半分くらい書けていないんですが、写真を見返しなが…
jQuery UI でダイアログ表示 - Pyro Memo
別の記事でも書いたけど、個人で開発しているWebアプリでは、だいたいjQuery UIを使用してる。 今回はその中でもよく利用しているdialogの使い方をまとめておく。dialog機能を使うと、割と簡単にエラーダイアログやフォーム表示用のサブウィンドウを作成することができる。http://jqueryui.com/demos/dialog/ 僕の使い方としては、あらかじめ使用するダイアログやサブウィンドウをHTML内に非表示で埋め込んでおき、必要な時にダイアログとして表示する、という方法をとっている。1つのファイルにまとまってると、本体のHTML、ダイアログ、サブウィンドウを区別なく編集できるので結構楽だと思う。 OKダイアログ（通知やエラー表示用）、確認ダイアログ、フォームダイアログをそれぞれ表示できるサンプルを書いておく。よく使うOKダイアログや確認ダイアログは関数化しておくと便利。
jquery1.3 UI1.7 dialogはIE６だとかなり微妙。。。 - astrsk_horiの日記
jquery1.3でUI1.7のdialogを実装してみた。 最初にはまったのがdoctype指定。 まさか宣言がないとIEでは動かないとは知りませんでした。 おかげでdoctypeについて少し理解。 ただIE６のdialogの挙動がおかしい。 リサイズがものすごいゆっくりドラッグしないとできないのです。。。 →最初はリサイズできないのかと思った。 これは本家サイトをIE６で確認してもらえば再現してます。 早く対応してくれないかなぁ。。。 ■追記 2009/03/26 dialogというかiframeのリサイズに時間がかかっているみたいです。 ■追記 2009/03/28 dialogのbgiframeをfalseにしてオーバレイに隠れるselectの表示・非表示制御を自作実装すると凄く早くなりました。
【ハウツー】Web開発者必見! jQuery UI ウィジェット3選 (3) 思いのままのダイアログを - UI/Dialog | エンタープライズ | マイコミジャーナル
思いのままのダイアログを - UI/Dialog UI/Dialogはダイアログを簡単に作成することができるウィジェット。お知らせといった簡単な文章を表示するダイアログから、リサイズをサポート・ボタンラベルを自由に定義することができるダイアログも作成することが可能だ。こちらも他のウィジェットと同様、$('#dialog').dialog()というように、dialog()メソッドを呼び出して使用する。 HTMLファイル - dialog.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/ht
jQuery UI Dialog w/ Resizable iFrame
Today I went looking for a jQuery Modal Plugin that would allow me to display resizeable iframe content. Although there are many jQuery Modal Plugins out there, there are not many that support iframe content. Out of those that openly support the iframe, I personally didn’t think they look all that good and I didn’t see any that supported the resize feature. So, then I decided to take a deeper dive
jQuery UIのDialog(modal)上でDatepickerを使うときの注意 - ありの日記
ということを、やってたんだけど。うまくいかない。で、よくよく見てみるとモーダルダイアログの後ろに、カレンダーが表示されていた。ということで、CSS（ui.datepicker.css）を以下のようにすると解決。 .ui-datepicker { width: 17em; padding: .2em .2em 0;} ↓このように変更(z-indexをつける)。 .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 2000;} ちなみに、ui.datepicker.cssはテーマごとに違うので注意。 追記 はじめz-index:1003とかにしてたんだけど、ダイアログを閉じたり開いたりするたび、ダイアログのz-indexも増えていって1003より大きくなり、結局Datepickerがダイアログの後ろに隠れてしまう。とりあえ
ダイアログのリサイズイベントを捕捉する - shima111の日記
jqueryui でダイアログを簡単に表示できるんだけど、リサイズに追随してダイアログ内のコンテンツもリサイズしたい時に重宝します。 // ダイアログの初期化 $("#dialog").dialog({ // : // なんやかんや他の初期化パラメータセット // : resizeStart: function() { // ダイアログのリサイズが行われた直後だけ発生する width = $(this).width(); height = $(this).height(); }, resize: function() { // ダイアログのリサイズが行われている間ずっと発生する width = $(this).width(); height = $(this).height(); }, resizeStop: function() { // ダイアログのリサイズが終了する直前だけ発生する
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery UIのDialogの中にあるものをはみ出して表示させたい - ありの日記
jQuery UIとjqTransformを使ってるときに、jqTransformのセレクトボックスってHTMLのselectタグを使うのではなく、divとul,liタグを使ってきれいなスタイルを適用するようになっている。しかし、jQuery UIのダイアログ(Dialog)のスタイルはoverflow: hiddenで設定されている。コレがあると、ダイアログをはみ出したものは表示されなくなってしまう。(ま、普通はこっちのほうが好都合だから、特に気にならないんだけど)こんなふうに。 都道府県のセレクトボックスがダイアログをはみ出している部分で切れてしまっている。overflow: hiddenのあるおかげ。 そして、なぜかこのスタイルはJavaScriptの中(ui.dialog.js)で設定するようになっている。 uiDialog = (this.uiDialog = $('<div/>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery のプラグイン ui の dialog でIE8のバグ - かなぶん読書記録
Dialog | jQuery UI
http://aext.net/2009/12/learning-jquery-optimize-using-modal-window-or-dialog-box-in-jquery-ui/
HOME