そすいさんぽ 全34.8キロを全部歩いてきた。疏水分線コース編 そすいさんぽ完全制覇の日記です。前回、前々回と、琵琶湖から宇治川までを歩く大津-鴨川コースと鴨川運河コースを歩いてきた様子を書きました。 daiary.hatenadiary.jp daiary.hatenadiary.jp 琵琶湖疏水はこれ以外にも、蹴上のあたりで北に分岐して京都市内に水を送…
別の記事でも書いたけど、個人で開発しているWebアプリでは、だいたいjQuery UIを使用してる。 今回はその中でもよく利用しているdialogの使い方をまとめておく。dialog機能を使うと、割と簡単にエラーダイアログやフォーム表示用のサブウィンドウを作成することができる。http://jqueryui.com/demos/dialog/ 僕の使い方としては、あらかじめ使用するダイアログやサブウィンドウをHTML内に非表示で埋め込んでおき、必要な時にダイアログとして表示する、という方法をとっている。1つのファイルにまとまってると、本体のHTML、ダイアログ、サブウィンドウを区別なく編集できるので結構楽だと思う。 OKダイアログ(通知やエラー表示用)、確認ダイアログ、フォームダイアログをそれぞれ表示できるサンプルを書いておく。よく使うOKダイアログや確認ダイアログは関数化しておくと便利。
jquery1.3でUI1.7のdialogを実装してみた。 最初にはまったのがdoctype指定。 まさか宣言がないとIEでは動かないとは知りませんでした。 おかげでdoctypeについて少し理解。 ただIE6のdialogの挙動がおかしい。 リサイズがものすごいゆっくりドラッグしないとできないのです。。。 →最初はリサイズできないのかと思った。 これは本家サイトをIE6で確認してもらえば再現してます。 早く対応してくれないかなぁ。。。 ■追記 2009/03/26 dialogというかiframeのリサイズに時間がかかっているみたいです。 ■追記 2009/03/28 dialogのbgiframeをfalseにしてオーバレイに隠れるselectの表示・非表示制御を自作実装すると凄く早くなりました。
思いのままのダイアログを - 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
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
ということを、やってたんだけど。うまくいかない。で、よくよく見てみるとモーダルダイアログの後ろに、カレンダーが表示されていた。ということで、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がダイアログの後ろに隠れてしまう。とりあえ
jqueryui でダイアログを簡単に表示できるんだけど、リサイズに追随してダイアログ内のコンテンツもリサイズしたい時に重宝します。 // ダイアログの初期化 $("#dialog").dialog({ // : // なんやかんや他の初期化パラメータセット // : resizeStart: function() { // ダイアログのリサイズが行われた直後だけ発生する width = $(this).width(); height = $(this).height(); }, resize: function() { // ダイアログのリサイズが行われている間ずっと発生する width = $(this).width(); height = $(this).height(); }, resizeStop: function() { // ダイアログのリサイズが終了する直前だけ発生する
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とjqTransformを使ってるときに、jqTransformのセレクトボックスってHTMLのselectタグを使うのではなく、divとul,liタグを使ってきれいなスタイルを適用するようになっている。しかし、jQuery UIのダイアログ(Dialog)のスタイルはoverflow: hiddenで設定されている。コレがあると、ダイアログをはみ出したものは表示されなくなってしまう。(ま、普通はこっちのほうが好都合だから、特に気にならないんだけど)こんなふうに。 都道府県のセレクトボックスがダイアログをはみ出している部分で切れてしまっている。overflow: hiddenのあるおかげ。 そして、なぜかこのスタイルはJavaScriptの中(ui.dialog.js)で設定するようになっている。 uiDialog = (this.uiDialog = $('<div/>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く