マップがこのページにあるようなポップアップを作成する必要がありますが、それを行う最善の方法がわからず、誰かがその効果に一致するコードを教えてくれるかどうか疑問に思いましたか?
どんなアイデアでも素晴らしいでしょう。
マップがこのページにあるようなポップアップを作成する必要がありますが、それを行う最善の方法がわからず、誰かがその効果に一致するコードを教えてくれるかどうか疑問に思いましたか?
どんなアイデアでも素晴らしいでしょう。
基本的なダイアログ/モーダルを作成するには、 JavaScript を使用してand (またはその他の高い値) を使用して新しいものを作成するdiv
か、既存のものを表示するdiv
だけです。それはあなたが好きな内容を持つことができます。ダイアログ/モーダル div に加えて、おそらく少なくとも次のスタイルの背景も必要になるでしょう。position: fixed
z-index: 1000
div
div
position: fixed;
height: 100%;
width: 100%;
z-index: 500; // or some other high value
独自のものを作成したくない場合は、jQuery UI ダイアログまたはブートストラップ モーダルを参照してください。
Twitter の Bootstrap モーダル jQuery プラグインは非常に優れています。ここでブートストラップをカスタマイズすることにより、html と javascript を取得できます: http://twitter.github.io/bootstrap/customize.html
コンポーネント セクションからモーダルのみを選択し、jQuery プラグイン セクションからモーダルのみを選択します。次に、ダウンロードします。
使用方法は次の場所にあります。
http://twitter.github.io/bootstrap/javascript.html#modals
基本的に、マークアップで行うことは、ポップアップになる div を作成し、「モーダル非表示フェード」クラスを指定することです。次に、モーダルを切り替えるボタンとなるものを作成し、属性 data-target="(modal div の css セレクター)" および data-toggle="modal" を指定します。