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

Ruby on Rails htmlを使用しています。サニタイズまたはイコールメソッドを使用して文字列から削除し、入力タグの値属性内にテキストのみを保持する方法はありますか？

121 html  ruby  string  ruby-on-rails-3 

var i; for(i=10; i>=0; i= i-1){ var s; for(s=0; s<i; s = s+1){ document.write("*"); } //i want this to print a new line /document.write(?); } 星のピラミッドを印刷していますが、新しい行を印刷できません。

121 javascript  html  newline  line-breaks 

プログラムでブラウザーのキャッシュを空にする方法を探しています。これは、アプリケーションが機密データをキャッシュし、「ログアウト」を押したときにそれらを削除したいためです。これは、サーバーまたはJavaScriptを介して行われます。もちろん、キーロガーのようにソフトウェアレベルで打ち負かすことができないより多くの危険があるので、外国/公共のコンピューターでソフトウェアを使用することはまだお勧めできません。

121 javascript  html  caching  browser 

現在、勤務先の会社の社内販売アプリケーションに取り組んでおり、ユーザーが配送先住所を変更できるフォームを持っています。 メインアドレスの詳細に使用しているtextareaがその中のテキストの領域を占めるだけで、テキストが変更された場合は自動的にサイズが変更される場合は、もっと見栄えがよくなると思います。 これが現在のスクリーンショットです。 何か案は？ @クリス 良い点ですが、サイズを変更する理由があります。私はそれが占める領域がそれに含まれる情報の領域であることを望みます。スクリーンショットからわかるように、固定テキスト領域がある場合、垂直方向のスペースがかなり大きくなります。 フォントを減らすことはできますが、大きくて読みやすいアドレスにする必要があります。テキスト領域のサイズを小さくできるようになりましたが、3行または4行（1行は5行）の住所行がある人には問題があります。ユーザーがスクロールバーを使用する必要があるのは、大したことではありません。 私はもう少し具体的であるべきだと思います。私は垂直方向のサイズ変更をした後、幅はそれほど重要ではありません。これで発生する唯一の問題は、ウィンドウの幅が小さすぎると（スクリーンショットで確認できるように）、ISO番号（大きな「1」）がアドレスの下にプッシュされることです。 それはギミックを持つことではありません。それは、ユーザーが編集できるテキストフィールドを用意することで、不要なスペースを取りませんが、その中にすべてのテキストが表示されます。 誰かが問題に取り組む別の方法を思いついたとしても、私もそれを受け入れます。 コードが少し変わっているため、コードを少し変更しました。入力した文字が考慮されないため、キーアップ時にアクティブになるように変更しました。 resizeIt = function() { var str = $('iso_address').value; var cols = $('iso_address').cols; var linecount = 0; $A(str.split("\n")).each(function(l) { linecount += 1 + Math.floor(l.length / cols); // Take into account long lines }) $('iso_address').rows = linecount; };

121 javascript  html  css  textarea  prototypejs 

文字列からすべてのHTMLタグまたは関連するすべてのHTMLを削除する簡単な方法はありますか？ 例えば： string title = "<b> Hulk Hogan's Celebrity Championship Wrestling    <font color=\"#228b22\">[Proj # 206010]</font></b>    (Reality Series,  )" 上記は本当に： "ハルクホーガンのセレブチャンピオンシップレスリング[Proj＃206010]（リアリティシリーズ）"

121 c#  html 

列のスパンにずっと色を付ける方法はありますか？以下の開始例を参照してください。 <table border="1"> <tr> <th>Motor</th> <th colspan="3">Engine</th> <th>Car</th> <th colspan="2">Body</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> </tr> <tr> <td>7</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> </tr> </table> コードスニペットを実行する結果を非表示スニペットを展開 そして、たとえば、「エンジン」と「ボディ」スパンの下にあるすべてのセルを含む、より良い方法（コードが少なく、個別のカラーリングではない）を着色する方法を探しています #DDD <style> .color { background-color: #DDD } </style> <table border="1"> <tr> <th>Motor</th> <th colspan="3" class="color">Engine</th> <th>Car</th> <th colspan="2" …

121 html  css 

私は自分のウェブサイトのgoogle.comをiframeに配置しようとしています。これは、yahooを含む他の多くのウェブサイトで動作します。ただし、空白のiframeが表示されるだけなので、Googleでは機能しません。なぜレンダリングしないのですか？それを行うためのトリックはありますか？ 私はこのようにiframeでウェブサイトを表示する通常の方法でそれを試しました： <iframe name="I1" id="if1" width="100%" height="254" style="visibility:visible" src="http://www.google.com"></iframe> google.comページはiframeにレンダリングされず、空白になります。何が起こっている？

121 html 

ローカルのhref値を持つアンカータグと、href値を使用するが通常の場合とは少し異なる場所にリダイレクトするJavaScript関数があります。タグは次のようになります <a onclick="return follow(this);" href="sec/IF00.html"></a> そして次のようなJavaScript関数 baseURL = 'http://www.someotherdomain.com/'; function follow(item) { location.href = baseURL + item.href; } item.href「sec / IF00.html」という短い文字列を返すだけだと思いますが、代わりに完全なhref「http://www.thecurrentdomain.com/sec/IF00.html」を返します。アンカー<a>タグに入れた短いhrefだけを引き出す方法はありますか？それとも、HTMLの自然な動作によってそれを失うのですか？ 文字列操作を使用してこれを行うことができると思いますが、ローカルページが実際には「http://www.thecurrentdomain.com/somedir/somepath/sec/IF00.html」であり、hrefフィールドがまたは、その中にサブディレクトリがない場合があります（ex href="page.html"vsの場合href="sub/page.html"）。最後のスラッシュの前にあるすべてのものを常に削除できるわけではありません。 なぜ私がこれを要求しているのか不思議に思うかもしれませんが、それは単にページをよりきれいにするだけだからです。（anchor <a>タグに挿入された）短いhrefだけを取得できない場合は、おそらくのようlink="sec/IF00.html"にタグに追加のフィールドを挿入できますが、ここでも少し面倒です。

121 javascript  html  href 

典型的なCSSでは、2つの列の一方を左右に、もう一方の間隔を空けてフロートさせることができます。フレックスボックスでどうすればいいですか？ http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px #000; } #b { width: 20%; border: solid 1px #000; height: 200px; } <div id="container"> <div id="a"> a </div> <div id="b"> b </div> </div> コードスニペットを実行する結果を非表示スニペットを展開

121 html  css  flexbox 

入力数値フィールドの数値を変更するスクロールホイールを無効にすることはできますか？私はスピナーを削除するためにwebkit固有のCSSをいじりましたが、この動作を完全に取り除きたいと思います。type=numberiOSで素晴らしいキーボードが表示されるので、使用するのが好きです。

121 javascript  css  html  forms 

このHTML文字列を追加する方法 var str = '<p>Just some <span>text</span> here</p>'; 'test'DOMにあるID を持つDIVに？ （Btw div.innerHTML += str;は受け入れられません。）

121 javascript  html  dom  browser 

<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; 次回、スクロール位置をコンテナーdivの上部にリセットするにはどうすればよいですか？

121 javascript  html  scroll 

次のようなHTMLを使用します。 <p>Some Text</p> 次に、このようないくつかのCSS： p { color:black; } p:hover { color:red; } タッチ対応デバイスで長いタッチをホバーを複製するようにするにはどうすればよいですか？マークアップを変更したり、JSを使用したりできますが、これを行う簡単な方法は考えられません。

120 javascript  html  css  hover  touch 

テーブルの特定の行の周囲に境界線を配置できるHTML / CSSを設計しようとしています。はい、実際にレイアウトにテーブルを使用することになっているわけではありませんが、完全に置き換えるのに十分なCSSをまだ知りません。 とにかく、私は複数の行と列を持つテーブルを持っています。いくつかはrowspanとcolspanとマージされており、テーブルの一部の周りに単純な境界線を配置したいと思います。現在、私は4つの個別のCSSクラス（上、下、左、右）を使用して<td>います。これらのクラスは、表の上部、下部、左、および右に沿ったセルにそれぞれアタッチします。 .top { border-top: thin solid; border-color: black; } .bottom { border-bottom: thin solid; border-color: black; } .left { border-left: thin solid; border-color: black; } .right { border-right: thin solid; border-color: black; } <html> <body> <table cellspacing="0"> <tr> <td>no border</td> <td>no border here either</td> </tr> <tr> <td …

120 html  css  border  css-tables 

mailtoリンクで複数行が正しく機能しない 私の場合は、Outlookのデフォルトのメールリーダーでテストしています。 以下はアンカーhrefに配置されます： mailto:email@address.com?&subject=test&body=type%20your&body=message%20here 「ここにメッセージ」のみがメール本文に表示されます。（ChromeとIEのどちらを使用しているか） 考え？

120 html  outlook  mailto