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

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

4
ブートストラップ3グリフィコンCDN
注意を払う! このプルリクエストのマージ後、ブートストラップアイコンが元に戻ります。 過去数週間これを行ったり来たりした後、Glyphiconsアイコンフォントをメインリポジトリに復元することにしました。UIにアイコンがどれほど普及しているかを考えると、CSSやJSと同じ場所にアイコン(または他のアイコンフォント)を含めないことは、ほとんどの人にとっておそらく不利益です。 このアップデートには、次のものが含まれます。 ドキュメントを復元します([コンポーネント]ページ) 新しい変数、@icon-font-pathおよび@icon-font-nameアイコンフォントの追加と削除の柔軟性のために、 最新のグリフィコンへのアップグレード(40個の新しいアイコンの追加) CSSページから古いGly​​phiconsの言及を削除します 将来的には、アイコンフォントのカスタマイズを改善して、フォントライブラリの交換が簡単になるようにする予定です(これが元の削除の全体的な動機でした)。 新しいバージョンのTwitterBootstrapGlyphiconsのCDNURLはどれですか? Bootstrap 3から、それらは別のリポジトリに移動されましたが、CDNは見つかりませんでした。 公式ドキュメントから: Bootstrap 3のリリースに伴い、アイコンは別のリポジトリに移動されました。これにより、プライマリプロジェクトが可能な限り無駄のない状態に保たれ、アイコンライブラリの交換が容易になり、Bootstrapの外部のより多くの人々がGlyphiconsアイコンフォントをより簡単に利用できるようになります。 上の公式サイト、彼らはアイコンのCDNのURLを提供していません。 どこで見つけることができますか?リポジトリをダウンロードしてプロジェクトに含めたくありません。

7
編集可能なDIVをテキストフィールドのようにするにはどうすればよいですか?
ユーザーが編集できるように持っているDIVものがcontentEditable=trueあります。問題は、テキストフィールドのように見えないため、編集できるかどうかがユーザーに明確でない可能性があることです。 DIVテキスト入力フィールドのようにユーザーに表示されるようにスタイルを設定する方法はありますか?
82 html  css 

10
Angular 2:フォームが接続されていないため、フォームの送信がキャンセルされました
フォームを含むモーダルがあります。モーダルが破棄されると、コンソールに次のエラーが表示されます。 フォームが接続されていないため、フォームの送信がキャンセルされました モーダルは、私の最上位<modal-placeholder>要素である、の直接の子である要素に追加され<app-root>ます。 DOMからフォームを削除し、Angular 2でこのエラーを取り除く正しい方法は何ですか?私は現在使用していますcomponentRef.destroy();


5
JavaScriptでフォーム送信を傍受し、通常の送信を防止します
javascriptを使用してフォームを送信する方法については多くの情報があるようですが、フォームが送信されたときにキャプチャしてjavascriptでインターセプトするソリューションを探しています。 HTML <form> <input type="text" name="in" value="some data" /> <button type="submit">Go</button> </form> ユーザーが送信ボタンを押したときにフォームを送信したくないのですが、代わりにJavaScript関数を呼び出したいと思います。 function captureForm() { // do some stuff with the values in the form // stop form from being submitted } 簡単なハックはボタンにonclick関数を追加することですが、私はこの解決策が好きではありません...フォームを送信する方法はたくさんあります...たとえば、入力中にReturnキーを押すと、これは考慮されません。 Ty
82 javascript  html  forms 

7
HTML5とフレームボーダー
HTML5ドキュメントにiframeがあります。検証すると、の属性iframe frameBorderが廃止され、代わりにCSSを使用するというエラーが表示されます。 frameBorder="0"IEで境界線を取り除く方法を理解する唯一の方法だったので、ここにこの属性border:none;があります。運が悪かったので、CSSで試しました。これを修正するための準拠した方法はありますか? ありがとう。

2
Jinja2テンプレートにHTMLファイルを含めるにはどうすればよいですか?
Jinjaテンプレートを使用するサーバーにFlaskマイクロフレームワークを使用しています。 私には親template.htmlといくつかの子テンプレートがchild1.htmlありchild2.html、これらの子テンプレートのいくつかはかなり大きなHTMLファイルであり、作業をより明確にするために何らかの方法でそれらを分割したいと思います。 main.pyスクリプトの内容: from flask import Flask, request, render_template app = Flask(__name__) @app.route('/') @app.route('/<task>') def home(task=''): return render_template('child1.html', task=task) app.run() 簡略化template.html: <!DOCTYPE html> <html> <head></head> <body> <div class="container"> {% block content %}{% endblock %} </div> </body> </html> 魔法はにありchild1.htmlます: {% extends 'template.html' %} {% block content %} {% if task == …
82 python  html  flask  jinja2 

2
高さ:100%または最小-高さ:htmlおよびbody要素の場合は100%?
レイアウトの設計中にhtml, body要素をに設定しheightました100%が、場合によっては失敗するので、何を使用する必要がありますか? html, body { height: 100%; } または html, body { min-height: 100%; } ええと、これは意見に基づくものではありません。それぞれの方法には独自の欠陥があるので、推奨される方法とその理由は何ですか?
82 html  css 


5
追加メソッドの後にJqueryクリックイベントが機能しない
したがって、テーブルに新しい行を追加するこのボタンがありますが、私の問題は.new_participant_form、appendメソッドが実行された後はクリックイベントをリッスンしないことです。 http://jsfiddle.net/cTEFG/ [新しいエントリの追加]をクリックしてから、フォーム名をクリックします。 $('#add_new_participant').click(function() { var first_name = $('#f_name_participant').val(); var last_name = $('#l_name_participant').val(); var role = $('#new_participant_role option:selected').text(); var email = $('#email_participant').val(); $('#registered_participants').append('<tr><td><a href="#" class="new_participant_form">Participant Registration</a></td><td>'+first_name+ ' '+last_name+'</td><td>'+role+'</td><td>0% done</td></tr>'); }); $('.new_participant_form').click(function() { var $td = $(this).closest('tr').children('td'); var part_name = $td.eq(1).text(); alert(part_name); }); }); HTML <table id="registered_participants" class="tablesorter"> <thead> <tr> <th>Form</th> …
82 jquery  html 

13
ブラウザで、オペレーティングシステムが使用している小数点を知るにはどうすればよいですか?
私はWebアプリケーションを開発しています。 GUI自分の管理下にない特定のアプリケーションにコピーして貼り付けることができるように、いくつかの10進データを正しく表示する必要があります。 GUIアプリケーションはロケールに依存し、システムに設定されている正しい小数点記号のみを受け入れます。 から小数点記号を推測できAccept-Language、95%の場合は推測が正しいですが、失敗することがあります。 サーバー側(できれば統計を収集できるようにするため)またはクライアント側でそれを行う方法はありますか? 更新: タスクの要点はそれを自動的に行うことです。 実際、このWebアプリは、フォームに正しく入力するのに役立つレガシーGUIへの一種のオンラインインターフェイスです。 それを使用するユーザーの種類は、ほとんどの場合、小数点記号が何であるかを知りません。 Accept-Languageソリューションを実装して動作しますが、私はそれを改善したいと思います。 Update2: 非常に具体的な設定を取得する必要がありControl Panel / Regional and Language Options / Regional Options / Customizeます。に設定されている小数点。 私は4種類のオペレーティングシステムを扱っています。 DSとしてコンマを使用したロシアのウィンドウ(80%)。 DSとしての期間を持つ英語のWindows(15%)。 不十分に書かれた英語のアプリケーションを機能させるためのDSとしての期間を持つロシアのWindows(4%)。 不十分に記述されたロシア語アプリケーションを機能させるためのDSとしてのコンマ付きの英語ウィンドウ(1%)。 クライアントの100%はすべてロシアにあり、レガシーアプリケーションはロシア政府が発行したフォームを処理するため、国を要求するとロシア連邦の100%が生成され、GeoIPはロシア連邦の80%とその他の20%を生成します(不正解)答えます。

7
カスタムCSSを使用したWebViewでのHTMLのレンダリング
私のアプリはJSoupを使用してメッセージボードページのHTMLをダウンロードしています(この場合、特定のスレッドの投稿を含むページであるとしましょう)。このHTMLを取得し、不要なアイテムを取り除き、カスタムCSSを適用して、WebViewで「モバイル」になるようにスタイルを設定したいと思います。 処理中にスタイルをHTMLに挿入する必要がありますか(とにかく処理するため)、CSSファイルをアプリのアセットに追加して単に参照する良い方法がありますか?後者が理想的だと思いますが、どうすればよいかわかりません。 WebViewのloadDataWithBaseURLに、ローカルアセットを参照できるというヒントがありますが、その使用方法がわかりません。
82 android  html  css  webview 


13
JavaScriptを使用してInternetExplorer(IE)とMicrosoft Edgeを検出するにはどうすればよいですか?
私はよく見てきましたが、InternetExplorerを検出する方法はたくさんあることを理解しています。 私の問題はこれです:クリックすると、あらゆる種類のInternetExplorerと互換性のないJavaScript関数を呼び出すHTMLドキュメント上の領域があります。IEが使用されているかどうかを検出したいので、使用されている場合は、変数をtrueに設定します。 問題は、Notepad ++からコードを記述していることです。ブラウザーでHTMLコードを実行すると、IEを検出する方法が機能しません。問題は、Notepad ++が不足していることだと思います。IEを検出できるようにする必要があります。これにより、変数に基づいて、サイトのその領域を無効にできます。私はこれを試しました: var isIE10 = false; if (navigator.userAgent.indexOf("MSIE 10") > -1) { // this is internet explorer 10 isIE10 = true; window.alert(isIE10); } var isIE = (navigator.userAgent.indexOf("MSIE") != -1); if(isIE){ if(!isIE10){ window.location = 'pages/core/ie.htm'; } } しかし、それは機能しません。Notepad ++からIEを検出するにはどうすればよいですか?それが私がHTMLをテストしているものですが、それで動作するメソッドが必要です。 編集 誰かがこれを重複としてマークしていることに気づきました、そしてそれは理解できます。はっきりしていなかったと思います。JQueryの回答を使用できないため、バニラJSの回答を求めているため、これは重複していません。 編集#2 Microsoft Edgeブラウザを検出する方法もありますか?

6
Html5キャンバスdrawImage:アンチエイリアスを適用する方法
次の例をご覧ください。 http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; ご覧のとおり、drawImageは自動的にアンチエイリアシングを適用すると言われていますが、画像はアンチエイリアシングされていません。私はさまざまな方法を試しましたが、うまくいかないようです。アンチエイリアス画像を取得する方法を教えてください。ありがとう。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.