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

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

5
JavaScriptを使用したアンカージャンプ
よくある質問があります。問題は、明確な解決策がどこにも見つからないことです。 アンカーに関して2つの問題があります。 主な目標は、アンカーを使用してページにジャンプするときに、ハッシュを含まないきれいなURLを取得することです。 したがって、アンカーの構造は次のとおりです。 <ul> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> </ul> <div class="wrap"> <a name="one">text 1</a> <a name="two">text 2</a> <a name="three" class="box">text 3</a> </div> さて、あなたがいずれかのリンクをクリックすると、URLは自動的に変更されます www.domain.com/page#1 最後に、これはちょうど： www.domain.com/page ここまでは順調ですね。2つ目は、その問題をインターネットで検索するjavascriptと、解決策が見つかることです。 私はこの機能を見つけました： function jumpto(anchor){ window.location.href = "#"+anchor; } そしてその関数を次のように呼び出します： <a onclick="jumpto('one');">One</a> 以前と同じです。ハッシュをURLに追加します。私も追加しました <a onclick="jumpto('one'); return false;"> 成功なし。ですから、これを解決する方法を教えてくれる人がいれば、本当にありがたいです。 どうもありがとう。
6
インラインJavaScript（HTML）はどのように機能しますか？
これは悪い習慣だと知っています。可能な限り、このようなコードは記述しないでください。 もちろん、インラインJavascriptの巧妙なスニペットで問題にすばやく対処できる状況では、常に自分自身を見つけます。 次のようなものが書かれたときに何が起こるか（そして潜在的な落とし穴）を完全に理解するために、このクエリを追求しています。 <a href="#" onclick="alert('Hi')">Click Me</a> 私が知る限り、これは機能的には同じです <script type="text/javascript"> $(function(){ // I use jQuery in this example document.getElementById('click_me').onclick = function () { alert('Hi'); }; }); </script> <a href="#" id="click_me">Click Me</a> これから推定すると、属性に割り当てられた文字列onclickは、要素のクリックハンドラーに割り当てられた無名関数内に挿入されているようです。これは本当ですか？ 私はこのようなことを始めているので： <a href="#" onclick="$(this).next().fadeIn(); return false;">Display my next sibling</a> <!-- Return false in handler so as not to …
129 javascript  html 
6
CSSまたはJavaScriptを使用してWebページのカーソルを非表示にすることはできますか？
建物のホールに情報を表示するためのWebページを表示するときにカーソルを非表示にしたい。インタラクティブである必要はまったくありません。カーソルプロパティと透明なカーソルイメージを試しましたが、機能しませんでした。 これができるかどうか誰かが知っていますか？これは、ユーザーがどこをクリックしているのかわからないセキュリティ上の脅威と考えられるため、あまり楽観的ではありません...ありがとうございます。
129 javascript  html  css 
4
HTMLフォームデータを使用してJSONオブジェクトを送信する方法
だから私はこのHTMLフォームを持っています： <html> <head><title>test</title></head> <body> <form action="myurl" method="POST" name="myForm"> <p><label for="first_name">First Name:</label> <input type="text" name="first_name" id="fname"></p> <p><label for="last_name">Last Name:</label> <input type="text" name="last_name" id="lname"></p> <input value="Submit" type="submit" onclick="submitform()"> </form> </body> </html> ユーザーが送信をクリックしたときに、このフォームのデータをJSONオブジェクトとしてサーバーに送信する最も簡単な方法はどれですか。 更新：私はこれまで行ってきましたが、うまくいかないようです： <script type="text/javascript"> function submitform(){ alert("Sending Json"); var xhr = new XMLHttpRequest(); xhr.open(form.method, form.action, true); xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); var j …
129 javascript  jquery  html  json  forms 
2
あるキャンバスのコンテンツをローカルで別のキャンバスにコピーする方法
あるキャンバスのすべてのコンテンツをコピーして、クライアント側で別のキャンバスにすべて転送したい canvas.toDataURL()and context.drawImage()メソッドを使用してこれを実装すると思いますが、いくつかの問題が発生しています。 私の解決策は、これを取得Canvas.toDataURL()してJavaScriptのImageオブジェクトに格納し、context.drawImage()メソッドを使用して元に戻すことです。 ただし、このtoDataURLメソッドは64ビットのエンコードされたタグを"data:image/png;base64,"前に付加して返すと思います。これは有効なタグではないようです（常に一部のRegExを使用してこれを削除できます）が、その64ビットのエンコードされた文字列は、"data:image/png;base64,"サブストリングの後に有効なイメージですか？と言ってimage.src=iVBORw...ASASDAS、これをキャンバスに描画できますか？ 私はいくつかの関連する問題を見てきました： base64を使用してキャンバス画像をあるキャンバスから別のキャンバスに表示します しかし、解決策は正しくないようです。
129 html  canvas 
10
選択ボックスオプションの背景色を変更する
私が持っているselect箱を、私は時にオプションの背景色を変更しようとしているselectボックスは、すべてのオプションをクリックし、ショーされています。 フィドルを参照 HTML： <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option 2</option> <option val="3">Option 3</option> <option val="4">Option 4</option> </select> CSS： select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }
8
$ _POSTを使用してHTMLから選択オプションの値を取得する
私はselect以下のように使用します： <select name="taskOption"> <option>First</option> <option>Second</option> <option>Third</option> </select> selectPHPでオプションから値を取得し、将来使用するために変数に格納するにはどうすればよいですか？
128 php  html  arrays 
1
IllustratorからWeb用のSVGをエクスポートするための最適な設定は？
すべてのデバイスのレスポンシブデザインで見栄えを良くするために、ウェブサイトにSVGロゴを使用したいと考えています。 ただし、問題があるため、できるだけ多くのデバイスとブラウザをサポートしたいと考えています。ロード速度も重要な考慮事項です。Adobe Illustratorのエクスポート設定は、これらすべてにどのように適合しますか？ Illustratorには、SVGエクスポートのオプションがいくつかあります。まず、どのSVGプロファイルが最適ですか？ SVG Tinyの方がファイルサイズが小さいと思いますか？多くのデバイスがSVG Tinyをサポートしていますか？最も重要な違いは何ですか？（このW3モンスターを読む必要はありません。） 次に、画像の場所の最適なオプションは「リンク」だと思いますか？（感嘆符の後の説明を参照してください。） または、ブラウザは「埋め込み」オプションをどのようにサポートしていますか？ ありがとうございました！ PSフォールバックalpha-PNGオプションがありますが、SVGを可能な限りサポートする必要があります。（考えてみてください。JPGのようなフォールバックオプションは、alpha-PNG自体が古いIEのソリューションを必要とするため、おそらくこの場合に最適です。） 更新：構成可能なオプションがさらにあります。私はテキストを扱っていないので、私が見る唯一の関連するものは小数点以下です。ロゴの場合、最大200x200px（Retinaディスプレイでは400x400px）として表示されるものは、「3」が最適な設定ですか？または「2」でファイルサイズを最小化しますか？
9
ブラウザが「奇妙な」モードにあるかどうかを確認するにはどうすればよいですか？
かなり厳密なdoctypeとHTMLマークアップを備えたページがあり、それにほぼ準拠しているが、おそらくユーザーのコンテンツが制御不能なために、いくつかのばかげた方法で見落としているとしましょう...コンテンツで作業しているとしましょう管理システムまたはコンテンツ管理システムのテーマであり、基本的な構造をいくつか制御し、JavaScriptが必要ですが、ページに入る他のすべてのことについては責任を負いません。 ブラウザーがより標準に準拠したエンジンを使用するのではなく、「quirks」モードに移行することを決定した場合、どのようにして（または：何を決定するのか）を判断できますか？ もちろん、IE、Chrome、Safari、Firefoxはすべて異なる方法で処理するため、主要なブラウザーのそれぞれについて回答を探しています。単一のエラーでそれを強制するのに十分ですか、それとも余裕がありますか？
15
ブートストラップポップオーバーがすべての要素の上に表示されない
私はブートストラップサイトで作業しており、2.0からブートストラップ2.2に更新した後、ポップオーバー以外はすべて機能しました。 ポップオーバーは引き続き正常に表示されますが、他のすべての要素の上に表示されるわけではありません。 <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. </div> </div> </div> 誰もがポップオーバーの動作が変更された理由、またはどうすればそれを修正できるかについて何か考えがありますか？ありがとう。
7
単純なonClickイベントハンドラーをcanvas要素に追加するにはどうすればよいですか？
私は経験豊富なJavaプログラマーですが、JavaScript / HTML5関連のものを約10年ぶりに検討しています。私はこれまでで最も簡単なものであるべきものに完全に困惑しています。 例として、何かを描き、それにイベントハンドラを追加したかっただけです。私は愚かなことをしていると確信していますが、私はすべてを検索しましたが、何も提案されていません（たとえば、この質問への回答： JavaScriptで入力するonclickプロパティを追加）は機能します。Firefox 10.0.1を使用しています。私のコードが続きます。複数のコメント行が表示され、各行の最後に何が起こったか（または何が起こらなかったか）の説明が表示されます。 ここで正しい構文は何ですか？私はおかしくなりそうだ！ <html> <body> <canvas id="myCanvas" width="300" height="150"/> <script language="JavaScript"> var elem = document.getElementById('myCanvas'); // elem.onClick = alert("hello world"); - displays alert without clicking // elem.onClick = alert('hello world'); - displays alert without clicking // elem.onClick = "alert('hello world!')"; - does nothing, even with clicking …
7
Djangoフォームフィールドを非表示フィールドに変更する
私は、RegexField通常のテキスト入力フィールドと非常によく似ている、を使ったDjangoフォームを持っています。 私の見解では、特定の条件下では、ユーザーに対してフォームを非表示にし、フォームをできるだけ類似させたいと考えています。このフィールドをフィールドに変える最良の方法は何HiddenInputですか？ 私はフィールドに属性を設定できることを知っています： form['fieldname'].field.widget.attr['readonly'] = 'readonly' そして、私は希望する初期値を次のように設定できます： form.initial['fieldname'] = 'mydesiredvalue' ただし、ウィジェットのフォームは変更されません。 このフィールドをフィールドにするための最良の/最も「django-y」/最も「ハッキー」な方法は<input type="hidden">何ですか？
8
HTMLファイルからPDFへの変換[終了]
現在のところ、この質問はQ＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 既存の（X）HTMLドキュメントからPDFファイルを自動的に生成する必要があります。入力ファイル（レポート）は、かなりシンプルなテーブルベースのレイアウトを使用しているので、JavaScript / CSSのような豪華なもののサポートはおそらく必要ありません。 私はJavaでの作業に慣れているので、javaプロジェクトで簡単に使用できるソリューションが望ましいです。ただし、Windowsシステムでのみ動作する必要があります。 feasableですが、（少なくとも、箱から出して）良い品質の出力を生成しません、それを行うための1つの方法は、使用しているCSS2XSLFO PDFファイルを作成するには、とApache FOPを。私が遭遇した問題は、CSS属性が適切に変換されていても、テーブルレイアウトがめちゃくちゃになっていて、テキストがテーブルセルからはみ出していることです。 また、Geckoレンダリングエンジンを使用するためのJava-APIであるJrexについても簡単に説明しました。 おそらくInternet Explorerのレンダリングエンジンからレンダリングされたページを取得し、それをPDF-Printerツールに自動的に送信する方法はありますか？私はWindowsでのOLEプログラミングの経験がないので、何が可能で何が不可能であるかについての手がかりはありません。 アイデアはありますか？
128 java  html  pdf  pdf-generation 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.