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

私はこれを試しましたが、「未定義」を示しています。 function test() { var t = document.getElementById('superman').value; alert(t); } 単純なJavascriptを使用して値を取得する方法はありますか？jQueryを使用しないでください！

92 javascript  html 

各行に次のような整数値が含まれるテキスト領域があります 1234 4321 123445 ユーザーが本当に有効な値を入力しているかどうかを確認したいのですが、次のような面白い値ではありません 1234, 987l; そのためには、テキスト領域を1行ずつ読み、それを検証する必要があります。javascriptを使用してテキスト領域を1行ずつ読み取るにはどうすればよいですか？

92 javascript  jquery  html  textarea 

HTMLからPOSTリクエストパラメータを読み取ろうとしています。JavaScriptで次のコードを使用して、getリクエストパラメータを読み取ることができます。 $wnd.location.search ただし、POSTリクエストでは機能しません。JavaScriptを使用してHTMLのPOSTリクエストパラメータ値を読み取る方法を教えてもらえますか？

92 javascript  html 

HTML5全体を埋める方法 <canvas>を1つの色で。 私はこのようないくつかの解決策を見ましたCSSを使用して背景色を変更するが、キャンバスが透明なままであるため、これは適切な解決策ではありません。変更されるのは、占有するスペースの色だけです。 もう1つは、キャンバス内の色で何かを作成することです。たとえば、長方形（ここを参照）ですが、それでもキャンバス全体が色で塗りつぶされません（キャンバスが作成した形状よりも大きい場合）。 キャンバス全体を特定の色で塗りつぶす解決策はありますか？

92 javascript  html  canvas 

私はjQueryを初めて使用します。グリッドでDatatablesを使用しましたが、ページ付けする必要はありません。 1ページに注文のリストがあり、データテーブルグリッドに表示しますが、下部にページ付けを表示したくありません。jQueryライブラリのビットカスタマイズを使用して、データテーブルからページネーションを削除または非表示にする方法はありますか？ 私はそれをカスタマイズしようとしましたが、それを行う方法はほとんど見つかりませんでした。 前もって感謝します。

92 jquery  html  pagination  datatables 

フレックスアイテムを中央に配置したいのですが、2行目がある場合は、1の下に5（下の画像から）を配置し、親の中央には配置しません。 これが私が持っているものの例です： ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: none; border: 1px solid gray; margin: 15px; padding: 5px; width: 200px; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> コードスニペットを実行するHide resultsスニペットを展開 http://jsfiddle.net/8jqbjese/2/

92 html  css  flexbox 

ご覧のとおりlist-items、最初のrowは同じheightです。しかし、2番目のアイテムrowは異なりheightsます。すべてのアイテムにユニフォームを付けてほしいheight。 固定の高さを与えずにフレックスボックスのみを使用してこれを達成する方法はありますか？ これが私の code .list { display: flex; flex-wrap: wrap; max-width: 500px; } .list-item { background-color: #ccc; display: flex; padding: 0.5em; width: 25%; margin-right: 1%; margin-bottom: 20px; } .list-content { width: 100%; } <ul class="list"> <li class="list-item"> <div class="list-content"> <h2>box 1</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> …

92 html  css  flexbox 

ウェブサイト全体で「アルジェリア」という名前の単一のフォントを使用したい。したがって、すべてのHTMLタグを変更する必要があり、次のように異なるタグに異なるコードを記述したくありません。 button{font-family:Algerian;} div{font-family:Algerian;} 以下に書かれた方法も非常に推奨されていません： div,button,span,strong{font-family:Algerian;}

91 html  css  fonts  font-face 

PHP（VideoCMS）で実行されるサイトを再設計してほしいと思っている男性がいます。しかし、私に彼にソースを送るように頼んだとき、彼は* .phpの代わりに* .tplファイルを私に与えました。それらの中にいくつかのコードがあります： {include file='header.tpl' p="article"} <br /> <table width="886" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="150" valign="top"> <div id="reg_box"> <h3 class="captions">{$lang.articles}</h3> <div id="list_cats"> <ul> {$article_categories} </ul> </div> </div> <br /> <div id="reg_box"> <h3 class="captions">{$lang.members}</h3> {if $logged_in == '1'} {include file='loggedin_body.tpl'} {else} {include file='login_body.tpl'} {/if} または {include file='header.tpl' p="index"} {php} $_SESSION['isFair'] …

91 php  html  smarty 

私はpremailer-rails3HTMLメールのスタイルをインラインでプルするgemを使用しており、Twitterブートストラップで動作するようにしています。 https://github.com/fphilipe/premailer-rails3 一部のスタイルは正しく組み込まれているようですが、すべてのスタイルが組み込まれているわけではありません。私は誰かが彼らのTwitter Bootstrap css（変更されているかどうかにかかわらず）をhtml電子メールに送信する素晴らしい実例があるかどうか疑問に思っています。 ありがとう！

91 html  twitter-bootstrap  html-email 

私は現在、このコードを使用してリストをレンダリングしています： <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> ただし、<div>一部のブラウザでは、この要素が原因で非常に小さなレンダリングの欠陥が発生しています。divコンテナーなしでng-repeatを実行する方法、または同じ効果を達成するためのいくつかの代替方法があることを知りたいです。

91 javascript  css  html  angularjs 

些細なpostMessage例を機能させようとしています... IE10 ウィンドウ/タブ間（対iframe） 起源を超えて これらの条件のいずれかを削除すると、物事はうまくいきます:-) しかし、私の知る限りでは、ウィンドウ間はpostMessage、両方のウィンドウがオリジンを共有している場合にのみIE10で機能するように見えます。（まあ、実際-そして奇妙なことに-振る舞いはそれよりも少し寛容です：ホストを共有する2つの異なるオリジンも機能しているようです）。 これは文書化されたバグですか？回避策やその他のアドバイスはありますか？ （注：この質問は問題に触れていますが、答えは10ではなくIE8とIE9についてです） 詳細+例... ランチャーページのデモ <!DOCTYPE html> <html> <script> window.addEventListener("message", function(e){ console.log("Received message: ", e); }, false); </script> <button onclick="window.open('http://jsbin.com/ameguj/1');"> Open new window </button> </html> ローンチしたページのデモ <!DOCTYPE html> <html> <script> window.opener.postMessage("Ahoy!", "*"); </script> </html> これはhttp://jsbin.com/ahuzir/1で動作します-両方のページが同じオリジン（jsbin.com）でホストされているためです。しかし、2ページ目を他の場所に移動すると、IE10で失敗します。

91 html  cross-browser  compatibility  internet-explorer-10  postmessage 

私はこのコードを持っています、 <tr> <td><?php echo $entry_keyword; ?></td> <td><input type="text" name="keyword" value="<?php echo $keyword; ?>" /></td> </tr> <tr> <td><?php echo $entry_sort_order; ?></td> <td><input name="sort_order" value="<?php echo $sort_order; ?>" size="1" /></td> </tr> 両方を一度にコメントしたいのですが… <!-- <tr> <td><?php echo $entry_keyword; ?></td> <td><input type="text" name="keyword" value="<?php echo $keyword; ?>" /></td> </tr> <tr> <td><?php echo $entry_sort_order; ?></td> …

91 php  html 

クラシファイド広告のWebサイトを持っていて、広告が表示されるページで、「友達にヒントを送る」フォームを作成しています... したがって、誰でも広告のヒントを友達にメールで送信できます。 フォームをphpページに送信する必要があると思いますか？ <form name='tip' method='post' action='tip.php'> Tip somebody: <input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);"/> <input type="submit" value="Skicka Tips"/> <input type="hidden" name="ad_id" /> </form> フォームを送信すると、ページが再読み込みされます...したくない... リロードせずにメールを送信する方法はありますか？できればajaxやjqueryなしで... ありがとう

91 php  javascript  html  forms 

この質問がすでに回答されている場合は、お詫び申し上げます。解決策を探してみましたが、自分のコードに適したものは見つかりませんでした。私はまだjQueryを初めて使用します。 2つの異なるページに2種類のスティッキーメニューがあります。これが両方のコードです。 $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('content-nav-sticky'); } else {; $('.content-nav').removeClass('content-nav-sticky') } }; stickyNav(); $(window).scroll(function () { stickyNav(); }); }); $(document).ready(function () { var stickyNavTop = $('.nav-map').offset().top; // var contentNav = $('.content-nav').offset().top; …

91 javascript  jquery  html  css  dom