プログラミング html

7

HTML <select>アイテムから選択したオプションのインデックスを取得する方法について少し混乱しています。で、このページの2つの方法があります。ただし、どちらも常にを返し-1ます。ここに私のjQueryコードがあります： $(document).ready(function(){ $("#dropDownMenuKategorie").change(function(){ alert($("#dropDownMenuKategorie option:selected").index()); alert($("select[name='dropDownMenuKategorie'] option:selected").index()); }); }); そしてhtmlで (...) <select id="dropDownMenuKategorie"> <option value="gastronomie">Gastronomie</option> <option value="finanzen">Finanzen</option> <option value="lebensmittel">Lebensmittel</option> <option value="gewerbe">Gewerbe</option> <option value="shopping">Shopping</option> <option value="bildung">Bildung</option> </select> (...) なぜこの動作ですか？メソッドselectを割り当てるときに「準備ができていない」可能性はありますchange()か？さらに、に変更.index()する.val()と正しい値が返されるので、それが私をさらに混乱させています。

171 jquery html select indexing

20

HTML5ビデオのダウンロード（右クリックで保存）を禁止しますか？

ブラウザーの右クリックメニューから[名前を付けてビデオを保存...]を無効にして、クライアントがビデオをダウンロードできないようにするにはどうすればよいですか？クライアントがファイルパスに直接アクセスできないようにする完全なソリューションはありますか？

171 javascript html menu html5-video right-click

5

テキストエリアのサイズ変更を無効にする方法は？

テキストエリアの水平方向のサイズ変更を無効にする必要があります。textareaで垂直方向のサイズ変更を許可したい場合があります。お問い合わせページを作成するたびに、textareaによってデザインが見苦しくなります。誰かが私にそれを無効にする解決策を教えてくれませんか？

171 html css

5

divをその親の上部に配置し、インラインブロックの動作を維持する方法は？

見る： http //jsfiddle.net/b2BpB/1/ Q：box1とbox3を親divの上に揃えるにはどうすればよいですboxContainerか？ #boxContainerContainer { background: #fdd; text-align: center; } #boxContainer { display: inline-block; border: thick dotted #060; margin: 0px auto 10px auto; text-align: left; } #box1 { width: 50px; height: 50px; background: #999; display: inline-block; } #box2 { width: 50px; height: 100px; background: #999; display: inline-block; } #box3 …

171 css html

11

モバイルビューの上部にあるブートストラップ右列

私はこのようなブートストラップページを持っています： <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> 次のようになります。 ----- |A|B| ----- したがって、モバイルデバイスでそれを見ると、列Aが上にありますが、Bが上にあります。これは可能ですか？プッシュプルで試してみましたが、うまくいきませんでした。

171 html css twitter-bootstrap-3

11

CSS / HTML：入力フィールドの周囲に輝く境界線を作成します

私は自分のフォームに適切な入力を作成したいのですが、TWITTERが入力の周りに輝く境界をどのように処理するかを知りたいです。 Twitterボーダーの例/画像：また、角を丸くする方法もよくわかりません。

171 html css input border glow

18

無効なボタンでブートストラップツールチップを有効にする方法は？

無効なボタンにツールチップを表示し、有効なボタンからツールチップを削除する必要があります。現在、それは逆に動作します。この行動を逆転させる最良の方法は何ですか？ $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button class="btn" rel="tooltip" data-title="Dieser Link führt zu Google">button not disabled</button> コードスニペットを実行する結果を非表示スニペットを展開ここにデモがあります PS：私はdisabled属性を保持したいと思います。

171 javascript jquery html twitter-bootstrap twitter-bootstrap-tooltip

26

入力フィールドの幅をその入力に合わせる

<html> <head> </head> <body> <input type="text" value="1" style="min-width:1px;" /> </body> </html> これは私のコードであり、機能していません。HTML、JavaScript、PHP、CSSで最小幅を設定する他の方法はありますか？動的に変化する幅を持つテキスト入力フィールドが必要です。これにより、入力フィールドはそのコンテンツの周囲で流動的になります。すべての入力には、の組み込みパディングがあります2em。これが問題であり、2番目の問題は、min-width入力に対してまったく機能しないことです。プログラム全体が乱雑になるよりも必要以上に幅を設定した場合、1pxの幅が必要になります（必要な場合のみ）。

171 javascript html css

3

React.js：innerHTMLとdangerouslySetInnerHTMLを設定する

要素のinnerHTMLを設定することと、要素にdangerouslySetInnerHTMLプロパティを設定することとの「裏側」の違いはありますか？簡単にするために、適切にサニタイズしていると仮定します。例： var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); 対 var test = React.createClass({ componentDidUpdate: function(prevProp, prevState){ this.refs.test.innerHTML = "Hello"; }, render: function(){ return ( <div contentEditable='true' ref='test'></div> ); } }); 上記の例よりも少し複雑なことをしていますが、全体的な考え方は同じです

171 javascript html reactjs

6

DOMへのデータ属性の追加

$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work jquery内に要素を作成しています。その後、属性「データ」を追加したいと思います。彼は好きで追加されていますが、DOMではこれは明らかではなく、次を使用してアイテムを取得できません $('div[data-example="example"]').html() jsfiddle

170 jquery html custom-data-attribute

4

レスポンシブスクエアのグリッド

StackаэтотвопросестьответынаStack Overflowнарусском：Сеткаизадаптивных（sensitive）квадратов レスポンシブな正方形のレイアウトを作成するにはどうすればよいのでしょうか。各正方形には、垂直方向と水平方向に配置されたコンテンツがあります。具体的な例を以下に示します...

170 html css responsive-design grid-layout aspect-ratio

9

表のセル（単一のセルではない）の列で改行を防ぐ方法は？

テーブルの列（単一のセルではない）の自動改行を防ぐにはどうすればよいですか？

170 html css layout

10

<div>を常にフルスクリーンにする方法は？

その内容がどのようなものであっても。これは可能ですか？

170 html css responsive

2

HTML 5 Favicon-サポート？

ウィキペディアのファビコンのページを読んでいました。彼らはファビコンのHTML 5仕様について言及しています。現在のHTML5仕様では、タグ内で属性rel = "icon" sizes = "スペースで区切られたアイコンディメンションのリスト"を使用して、サイズアイコンを複数のサイズで指定することを推奨しています。[ source ]アイコンのコンテンツタイプをtype = "file content-type"の形式で含めることにより、Microsoft .icoやMacintosh .icnsファイルなどのコンテナフォーマットを含む複数のアイコンフォーマットを提供できます。鬼ごっこ。引用記事（W3）を見ると、この例が示されています。 <link rel=icon href=favicon.png sizes="16x16" type="image/png"> <link rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.microsoft.icon"> <link rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768"> <link rel=icon href=iphone.png sizes="57x57" type="image/png"> <link rel=icon href=gnome.svg sizes="any" type="image/svg+xml"> 私の質問は、HTML 5メソッドをサポートしているブラウザーはありますか？注：Appleはapple-touch-iconHTML5メソッドよりもメタタグメソッドを使用しています。ウィキペディアの記事はこう主張しています：ただし、Google Chrome …

170 html browser favicon

10

CSSで長方形の画像を正方形に「トリミング」する方法は？

CSSを使用して実際に画像を変更することは不可能であることを知っています。そのため、作物を引用符で囲みました。私がしたいのは、長方形の画像を取得し、CSSを使用して画像をまったく歪ませることなく正方形に見せることです。私は基本的にこれを有効にしたいと思います：これに：

170 html css image crop

タグ付けされた質問 「html」

タグ付けされた質問「html」