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

隠されたtrを使用するアプリケーションにAngular.jsを使用して、下のtdでtrを表示し、divを下にスライドすることにより、スライドアウト効果をシミュレートしています。このプロセスは、これらの行の配列を反復処理するときにknockout.jsを使用して素晴らしく機能しました<!-- ko:foreach -->。これは、両方のtr要素を使用できるためです。 angularの場合ng-repeat、html要素に適用する必要があります。つまり、標準の方法を使用してこれらの二重行を繰り返すことができないようです。これに対する私の最初の対応は、これらの二重trを表すディレクティブを作成することでしたが、ディレクティブテンプレートには単一のルート要素が必要ですが、2つ（<tr></tr><tr></tr>）あるため、不十分でした。 これをクラックしたng-repeatとAngularの経験がある人がこの問題を解決する方法を説明できれば、私は非常に感謝します。 （ng-repeattbodyへのアタッチはオプションですが、これは複数のtbodyを生成することにも注意する必要があります。標準のHTMLの場合はフォームが不適切であると想定していますが、間違っている場合は修正してください）

125 javascript  html  angularjs 

CSS属性を使用して、カスタムグラフィックを置換弾丸文字として指定できることに気づきました。 list-style-image そして、それにURLを与えます。 ただし、私の場合は、「+」記号のみを使用します。そのためのグラフィックを作成し、それをポイントする必要はありません。順序付けられていないリストに、プラス記号を箇条書き記号として使用するように指示するだけです。 これを実行できますか、それとも最初にグラフィックにする必要がありますか？

125 html  css  webkit  mobile-webkit 

thymeleafでdata- *属性を設定できますか？ 私はthymeleafのドキュメントから理解したように、私は試しました： <div th:data-el_id="${element.getId()}"> <!-- doesn't work --> <div data-th-el_id="${element.getId()}"> <!-- doesn't work -->

125 html  thymeleaf 

では、ユーザーが1つのチェックボックスのみを選択できるようにするにはどうすればよいですか？ ラジオボタンが「理想的」であることは知っていますが、私の目的では...そうではありません。 ユーザーが2つのオプションのいずれかを選択する必要がありますが、両方を選択する必要はありません。問題は、ユーザーがオプションの選択も解除できるようにする必要があることです。これは、グループを選択したらオプションを選択する必要があるため、ラジオボタンが失敗する場所です。 私はphpを介して情報を検証しますが、それを提供したい場合は、ユーザーを1つの回答に制限したいと思います。

125 html  checkbox 

いくつかのプラグイン、カスタムウィジェット、およびJQueryのその他のライブラリを使用しています。その結果、いくつかの.jsファイルと.cssファイルがあります。読み込みに時間がかかるため、サイトのローダーを作成する必要があります。すべてをインポートする前にローダーを表示できると便利です。 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> ... .... etc JavaScriptライブラリを非同期でインポートできるチュートリアルをいくつか見つけました。たとえば、私は次のようなことができます： (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 何らかの理由で、すべてのファイルに対して同じことをすると、ページが機能しません。私は問題がどこにあるかを見つけるために長い間努力してきましたが、私はそれを見つけることができません。まず、それはおそらく一部のJavaScript関数が他の関数に依存しているためだと思いました。しかし、タイムアウト関数を使用してそれらを正しい順序でロードし、1つが完了したときに次のページに進んでも、ページがまだ奇妙に動作します。たとえば、リンクなどをクリックできません...アニメーションはまだ機能します。 いずれかの方法 これが私が考えていることです...私はブラウザがキャッシュを持っていると思います。そのため、最初にページをロードするのに時間がかかり、次にページをロードするのに時間がかかります。したがって、私が考えているのは、index.htmlページを、このすべてのファイルを非同期でロードするページに置き換えることです。ajaxが完了すると、それらすべてのファイルがロードされ、使用する予定のページにリダイレクトされます。そのページを使用する場合、ファイルはブラウザのキャッシュに含まれているはずなので、ロードに時間がかからないはずです。インデックスページ（.jsファイルと.cssファイルが非同期で読み込まれるページ）でエラーが発生することは気にしません。ローダーを表示し、完了したらページをリダイレクトします... このアイデアは良い代替案ですか？または私は非同期にメソッドを実装しようとし続ける必要がありますか？ 編集 すべてを非同期でロードする方法は次のとおりです： importScripts(); function importScripts() { //import: …

125 javascript  ajax  html  asynchronous 

divの右上隅に画像を表示する必要がありますが（画像は「対角線」のリボンです）、内部のdivに含まれる現在のテキストを維持します。 別のdivに画像を含めるか、そのクラスを次のように定義するなど、さまざまなことを試しました。 .ribbon { position: relative; top: -16px; right: -706px; } <div id="content"> <img src="images/ribbon.png" class="ribbon"/> <div>some text...</div> </div> しかし運がありません。私が得た最良の結果は、画像の同じ高さサイズですべてのテキストが下にスクロールされたことです。 何か案が？

125 html  css 

StackаэтотвопросестьответынаStack Overflowнарусском：スクロールとパディング Chromeで.htmlページを一定の幅に維持しようとすると、小さな問題が発生します。たとえば、ビューポート（右の単語？）の高さからオーバーフローするコンテンツがたくさんあるページ（1）があるため、垂直スクロールバーがあります。そのページ（1）ページ（2）では、同じレイアウト（メニュー、div、...など）を持っていますが、コンテンツが少ないため、垂直スクロールバーはありません。 問題は、ページ（1）ではスクロールバーが要素を少し左に押しているように見える（幅に追加されているか？）一方で、すべてがページ（2）の中央に表示されていることです。 私はまだHTML / CSS / JSの初心者ですが、これはそれほど難しいことではないと確信していますが、解決策を見つけることができませんでした。IE10とFireFox（干渉しないスクロールバー）では意図したとおりに機能しますが、これはChromeでのみ発生しました。

125 html  css  google-chrome  scrollbar 

Angular 2でルートを変更するときにロード画面を表示するにはどうすればよいですか？

124 html  css  angular  angular2-routing 

JavaScriptが入力されたドロップダウンリストがあります。 負荷時に表示するデフォルト値を決定する際、次のプロパティはまったく同じ値を示すことに気付きました。 innerText innerHtml label text textContent outerText 私自身の調査では、ベンチマークテストまたはそれらのいくつかの間の比較を示していますが、すべてではありません。 私は自分の常識を使用して、同じ結果を提供するのでどちらか一方を選択できますが、データが変更された場合、これは良い考えではないのではないかと心配しています。 私の発見は： innerText 値をそのまま表示し、含まれている可能性のあるHTML形式を無視します innerHTML 値を表示し、HTMLフォーマットを適用します labelと同じようinnerTextに見えるので、違いがわかりません textinnerTextjQuery省略バージョンと同じように見えますが textContentと同じように見えますが、innerTextフォーマットを維持します（など\n） outerText と同じように見える innerText 私の研究は私の研究が正しければ、何の特別な約がある場合にも、これまでのところ私は私が考えるか公開されているものを読むことができるものをテストすることができるよういずれかの確認を私にすることができます取ることができますlabelとouterText？

124 javascript  html  dom 

私はこれを何度も見てきたが、負のパディングの可能性が、特定のページ要素のCSSの開発を改善するのに役立つ可能性がある。しかし、W3C CSSには負のパディングの規定はありません。この背後にある理由は何ですか？そのような使用を妨げるプロパティへの障害はありますか？ご回答ありがとうございます。 更新 たとえば、20pxの垂直方向のスペースがあるフォントを使用していて、ハイパーリンクが表示されたときなどに、フォントの下部に破線のボーダーを適用したい場合などです。このような場合、破線の枠線が指定した単語の20ピクセル下に表示されるため、スタイルが粗末すぎることがわかります。負のマージンを使用する場合、マージンは境界の外側の領域を変更するため、機能しません。このような状況では、負のパディングが役立つ場合があります。

124 html  css  padding 

バックグラウンド 私は2つの無料ウェブサイト用の非常にシンプルなCGIベースの（Perl）コンテンツ管理ツールを作成して使用しています。Webサイト管理者に、フィールド（日付、場所、タイトル、説明、リンクなど）に入力して保存するイベントのHTMLフォームを提供します。そのフォームでは、管理者がイベントに関連する画像をアップロードできるようにします。フォームを表示するHTMLページで、アップロードされた画像のプレビュー（HTML imgタグ）も表示しています。 問題 問題は、管理者が画像を変更したい場合に発生します。彼は「ブラウズ」ボタンを押し、新しい写真を選んで「OK」を押すだけです。そして、これはうまくいきます。 画像がアップロードされると、バックエンドのCGIがアップロードを処理し、フォームを適切に再読み込みします。 問題は、表示される画像が更新されないことです。データベースに正しい画像が保持されていても、古い画像は表示されます。画像をWebブラウザーでキャッシュしているという事実に絞り込みました。管理者がFirefox / Explorer / SafariのRELOADボタンを押すと、すべてが正常に更新され、新しい画像が表示されます。 私の解決策-機能しない 過去の非常に古い日付のHTTP Expires命令を記述して、キャッシュを制御しようとしています。 Expires: Mon, 15 Sep 2003 1:00:00 GMT 私は管理者側にいることを忘れないでください。ページは常に期限切れであるため、ページのロードに少し時間がかかるかどうかは特に気にしません。 しかし、これも機能しません。 ノート 画像をアップロードするとき、そのファイル名はデータベースに保持されません。これは、Image.jpgに名前が変更されます（使用するときに単にわかりやすくするため）。既存の画像を新しい画像に置き換える場合、名前も変更されません。画像ファイルの内容のみが変更されます。 ウェブサーバーはホスティングサービス/ ISPによって提供されます。Apacheを使用します。 質問 画像ではなく、このページの内容をキャッシュしないようにWebブラウザに強制する方法はありますか？ 実際にデータベースに「ファイル名を保存する」オプションを調整しています。このように、画像が変更されると、IMGタグのsrcも変更されます。ただし、これにはサイト全体に多くの変更が必要であり、より良い解決策がある場合は、むしろ変更を行いません。また、アップロードされた新しい画像に同じ名前が付いている場合、これは機能しません（たとえば、画像が少しフォトショップされて再アップロードされたとします）。

124 html  image  caching  browser-cache  image-caching 

アンカーリンクにaltタグを使用することは正しいですか？ <a href="#" class="test" alt="Something" src="sfasfs" ></a>

124 html  anchor  alt 

PNG画像の選択された（x、y）ポイントが透明かどうかを確認する方法はありますか？

124 javascript  html  image-processing 

私は同じような状況を持っているHERE この問題を解決するには、「-allow-file-access-from-files」モードでChromeを使用してhtmlファイルを起動する必要があります。次の手順を何度も試しましたが、うまくいきません。 Windows 7でcmdを起動します chrome.exeフォルダに直接 これを行う chrome --allow-file-access-from-files file:///C:/test%20-%203.html

124 javascript  html  google-chrome 

私はまったくの初心者です。jQueryではなく元のJavascriptを使用してHTML要素を削除する方法を誰かに教えてもらえますか？ index.html <html> <head> <script type="text/javascript" src="myscripts.js" > </script> <style> #dummy { min-width: 200px; min-height: 200px; max-width: 200px; max-height: 200px; background-color: #fff000; } </style> </head> <body> <div id="dummy"></div> <form> <input type="submit" value="Remove DUMMY" onclick="removeDummy(); "/> </form> </body> myscripts.js function removeDummy() { var elem = document.getElementById('dummy'); elem.parentNode.removeChild(elem); } [送信]ボタンをクリックすると、非常に短い時間で表示が消え、すぐに表示されます。ボタンをクリックしたときに要素を完全に削除したい。

124 javascript  html