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

HTML（HyperText Markup Language）は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。

9
クロスドメインiframeサイズ変更
別のドメインのiframeのサイズを変更するにはどうすればよいですか -編集 いくつかの解決策については下にスクロールしてください..またはこれを行わない方法を読んでください：D 何時間にもわたるコードハッキングの後、結論として、私のドメインでレンダリングされるスクロールバーでさえ、iframe内のすべてにアクセスできなくなりました。私は無駄に多くのテクニックを試しました。 時間を節約するために、このルートをたどらないでください。クロスドメイン通信にはsendMessagesを使用してください。 私が使用しているHTML <5のプラグインがあります-良い例については一番下に移動してください:) 過去数日間、私はiframeをサイトに統合しようとしています。これは、反対側が開発してAPIを開発している間の短期的な解決策です（数か月かかる可能性があります...）そして、これは短期的な解決策であるため、easyXDMを使用したいと思います-私は他のドメインにアクセスできますが、 p3pヘッダーをそのまま追加..... 3つのiframe 私が見つけた最も近い解決策は3つのiframeでしたが、それはクロムとサファリの精神に影響するため、それを使用することはできません。 クロームで開く http://css-tricks.com/examples/iFrameResize/crossdomain.php#frameId=frame-one&height=1179 スクロールバーを測定する scrollheightを使用してフォームのサイズを変更する方法に関する別の投稿を見つけました。理論的にはうまく機能しますが、iframeのスクロールの高さを使用して適切に適用できませんでした。 document.body.scrollHeight それは明らかに体の高さを使用します（これらのプロパティに100％アクセスすることはできません100％はクライアントの表示canvazに基づいており、xドメインのドキュメントの高さではありません） jqueryを使用してiframeの高さを取得してみました $('#frameId').Height() $('#frameId').clientHeight $('#frameId').scrollHeight クロムとは異なる戻り値、つまり-またはまったく意味がありません。問題は、フレーム内のすべてが拒否されることです-スクロールバーも... 計算されたスタイル しかし、iframeのクロムを調べて要素を表示すると、iframe内のドキュメントの寸法が表示されます（jquery x-domainを使用してiframe.heighを取得します-アクセスが拒否されました）計算されたCSSには何もありません さて、クロムはそれをどのように計算しますか？（edit-browserは、組み込みのレンダリングエンジンを使用してページを再レンダリングし、これらすべての設定を計算しますが、クロスドメイン詐欺を防ぐためにどこにも添付されていません。 HTML4 HTML4.xの仕様を読みましたが、document.elementを介して読み取り専用の値を公開する必要があると書かれていますが、jqueryを介してアクセスが拒否されています プロキシフレーム ユーザーがiframeを介してログインし、プロキシが実際のコンテンツではなくログインページを取得するまで、サイトをプロキシして、どちらが問題ないかを計算するというルートをたどりました。また、ページを2回呼び出すことは受け入れられない人もいます http://www.codeproject.com/KB/aspnet/asproxy.aspx http://www.johnchapman.name/aspnet-proxy-page-cross-domain-requests-from-ajax-and-javascript/ ページを再レンダリングする ここまでは行きませんでしたが、ソースを調べてソースファイルに基づいてページを再レンダリングするjscriptエンジンがあります。しかし、それらのjscriptをハッキングする必要があります..そしてそれは営利団体にとって理想的な状況ではありません...そしていくつかは純粋なJavaアプレットまたはサーバーサイドレンダリングを含みます http://en.wikipedia.org/wiki/Server-side_JavaScript http://htmlunit.sourceforge.net/ <-java not jscript http://maxq.tigris.org/ 2013年9月の更新を編集 これはすべて、HTML5ソケットで実行できます。しかし、easyXDMは、HTML5以外の苦情ページの優れたフォールバックです。 解決策1非常に優れた解決策！ easyXDMの使用 サーバー上で、次の形式のページを設定します。 <html> <head> <script src="scripts/easyXDM.js" type="text/javascript"></script> …
7
摂氏度のシンボルをWebページにエンコードする最良の方法は？
特殊文字をWebページにエンコードするにはどうすればよいですか？たとえば、この記号℃が必要です。これは、現在表示されているように、文字をコピーして貼り付けるだけで使用しました。これは、私がチェックしたデスクトップブラウザ、およびiPadとiPhoneで機能しましたが、テストに使用したBlackberryには何も表示されません。これに対する標準的なベストプラクティスはありますか？ http://www.fileformat.info/info/unicode/char/2103/browsertest.htm
85 html  symbols 
4
ブラウザ/ HTMLsrc =“ data：image / jpeg; base64…”から画像を強制的にダウンロードします
クライアント側で画像を生成し、次のようにHTMLで表示します。 <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgM...."/> 生成された画像をダウンロードする可能性を提供したいと思います。 ブラウザがファイル保存ダイアログを開いている（またはchromeやfirefoxなどの画像をダウンロードフォルダにダウンロードする）ことをどのように認識できますか？ユーザーは右クリックして画像に名前を付けて保存することなく画像を保存できますか？ 私はサーバーの相互作用のないソリューションを好みます。そのため、最初にイメージをアップロードしてからダウンロードを開始すると可能になることを認識しています。 どうもありがとう！
11
テーブルの代わりにHTMLフォームに定義リスト（DL、DD、DT）タグを使用するのはなぜですか？
最近、次のようなことを行ういくつかの例に出くわしました。 <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> HTMLフォームを作成するため。何故ですか？テーブルを使用することに対する利点は何ですか？
85 html  css  forms 
4
Webサイトをランドスケープモードでのみ表示するように強制する
自分のWebサイトをランドスケープモードでのみ表示したいのですが、可能ですか？ユーザーの手にあるデバイスの向きは関係ありませんが、Webサイトは常に横向きモードになります。iPhoneアプリケーションがそのように機能するのを見たことがありますが、これはWebサイトで実行できますか？
9
テキストボックスのonchange（）イベントで古い値を取得する方法
ページが読み込まれると、テキストボックスと値が入力されます。ユーザーがテキストボックスで何かを変更した場合、変更された値（新しい値）と古い値を取得したいのですが、ELEMENT.valueを実行すると、変更された値のみが表示されます 古い価値を得るための提案はありますか？ 以下は私のコードです <head> <script type="text/javascript"> function onChangeTest(changeVal) { alert("Value is " + changeVal.value); } </script> </head> <body> <form> <div> <input type="text" id="test" value ="ABS" onchange="onChangeTest(this)"> </div> </form> </body> </html> 前もって感謝します
12
onKeyPress中に入力テキストボックスのテキストを取得するにはどうすればよいですか？
ユーザーが入力したテキストボックス（jsfiddle playground）でテキストを取得しようとしています。 function edValueKeyPress() { var edValue = document.getElementById("edValue"); var s = edValue.value; var lblValue = document.getElementById("lblValue"); lblValue.innerText = "The text box contains: " + s; //var s = $("#edValue").val(); //$("#lblValue").text(s); } <input id="edValue" type="text" onKeyPress="edValueKeyPress()"><br> <span id="lblValue">The text box contains: </span> コードスニペットを実行する結果を非表示スニペットを展開 ボックスの値が常に変更前の値であることを除いて、コードはエラーなしで実行されinput textます。onKeyPress 質問：テキストボックスのテキストを取得するにはどうすればよいonKeyPressですか？ ボーナスチャター HTMLDOMには「ユーザーが入力しています」に関連する3つのイベントがあります。 onKeyDown onKeyPress …
3
現在のページの1つを保持するためにプロトコル（スキーム）を省略した絶対URL
//somepage.com/resourceURL形式を見ました。例えば： <img src="//remotesite.com/image1.jpg" /> これのポイントは、現在のページ（imgタグを定義するページ）がを使用しているhttp場合、リモートサイトへの要求はhttpを介して行われるということです。httpsの場合-httpsです。これにより、完全に暗号化されていないページに関するブラウザの警告がなくなります。 私の質問は-このURL形式はすべてのブラウザで安全に使用できるかということです。そしてそれは標準ですか？
6
div内で長すぎるテキストを切り抜く
<div style="display:inline-block;width:100px;"> very long text </div> 純粋なCSSを使用して、次の新しい行に表示するのではなく、長すぎるテキストを切り取り、最大100pxのみを表示する方法
85 html  css 
6
テーブル行のパディング
<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …
85 html  css  html-table  row  padding 
10
入力type =“ number”のonchangeイベント
のonchangeをどのように処理でき<input type="number" id="n" value="5" step=".5" />ますか？ユーザーが矢印を使用して値を変更する可能性があるため、keyupまたはを実行できませんkeydown。ぼかしだけでなく、変化するたびに処理したいと思います.change()。何か案は？
85 jquery  html 
24
Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除するにはどうすればよいですか？
Google Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除したいのですが（Firefoxにツールチップが表示されないようです）。 入力フィールド内のテキストではなく、マウスを入力の上に移動したときに表示されるツールチップについて話していることに注意してください。 私は運がなくてこれを試しました： $('#myFileInput').attr('title', '');
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.