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

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

17
JQueryを使用してHTML 5ビデオを再生/一時停止する
JQueryを使用してHTML5ビデオを制御しようとしています。タブ付きインターフェイスに2つのクリップがあり、合計6つのタブがあり、他のタブには画像のみがあります。タブをクリックしたときにビデオクリップを再生し、他のいずれかをクリックしたときに停止するようにしています。 これは簡単なことですが、うまく機能していないようです。ビデオの再生に使用しているコードは次のとおりです。 $('#playMovie1').click(function(){ $('#movie1').play(); }); 私は、ビデオ要素を制御できるようにするためにビデオ要素を公開する必要があることを読みましたが、例を見つけることができません。私はそれをJSを使って機能させることができます: document.getElementById('movie1').play(); どんなアドバイスでも素晴らしいでしょう。ありがとう
206 jquery  css  html  html5-video 

5
このCSSはどのようにして円を生成しますか?
これはCSSです: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } 下の円はどのように生成されますか? 長方形の幅が180ピクセルで高さが180ピクセルの場合、次のように表示されます。 ボーダー半径30ピクセルを適用すると、次のようになります。 長方形は小さくなり、半径のサイズが大きくなるとほとんど見えなくなります。 では、180ピクセルの境界線はどのようにしheight/width-> 0pxて半径180ピクセルの円になるのでしょうか。
206 html  css  css-shapes 


12
フォームの送信を停止するJavaScriptコード
フォームの送信を停止する1つの方法は、JavaScript関数からfalseを返すことです。 送信ボタンがクリックされると、検証関数が呼び出されます。フォーム検証のケースがあります。その条件が満たされた場合、returnToPreviousPage()という名前の関数を呼び出します。 function returnToPreviousPage() { window.history.back(); } JavaScriptとDojo Toolkitを使用しています。 前のページに戻るのではなく、フォームを送信します。この送信を中止して前のページに戻るにはどうすればよいですか?
206 javascript  html  forms 

3
socket.ioの良い初心者向けチュートリアル?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。回答は事実、参考文献、専門知識によって裏付けられると期待していますが、この質問は、議論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 私はWeb開発の世界に非常に慣れていないので、HTML5のコンセプトが非常に興味深いと思うので、バンドワゴンに飛び込みました。私はcanvasでの作業にかなり自信を持っているので、canvasの一部であるwebsocketsに移動したいと思います。私は、socket.ioがWebソケットを操作したいときに、はるかに操作するフレームワークであることを理解しました。 完全なダミーについて参照するチュートリアルと例についてのポインタがあれば、ぜひ教えてください。



10
オーバーフロー:最後の非表示のドット
「大きなお尻が好きで嘘をつくことができない」という文字列があり、でカットしたとするとoverflow:hidden、次のように表示されます。 私は大きなお尻が好きで、私はできません テキストを切り取ります。これを次のように表示することは可能ですか? 私は大きなお尻が好きで、私はできません... CSSを使用していますか?
205 html  css 

14
HTML-省略記号がアクティブな場合にのみツールチップを表示するにはどうすればよいですか
私のページには、ellipsisスタイル付きの動的データのスパンがあります。 .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; この要素のツールチップに同じコンテンツを追加したいのですが、コンテンツが長く、省略記号が画面に表示されている場合にのみ表示されます。 それを行う方法はありますか?がアクティブ になるellipsisと、ブラウザはイベントをスローしますか? *ブラウザ:Internet Explorer


13
Webページ上でマウスを使って振戦(パーキンソン病など)をシミュレートしますか?
私はインターネットのアクセシビリティに対する意識を高める財団のために働いています。プレゼンテーションのために、人々にさまざまな障害/障害をシミュレートする小さなワークショップを提供したいと思います。これは、このプレゼンテーションのために特別に作成されたWebサイトを介して行われます。 示されている障害の1つは、震えです。つまり、揺れがあり、制御が難しい手の動きを経験します。この障害により、マウスカーソルを正確に移動し、マウスがリンク上にあるときにマウスボタンを押すことは非常に困難です。一部の高齢者とパーキンソン病などの病気の人の両方が振戦に苦しむ可能性があります。 では、どういうわけか、マウスカーソルを予測できない方法で動かして、小さなボタンをクリックするのが非常に難しいようにしたいと思います。JavaScriptではマウスカーソルを直接移動できないため、これを実現する他の方法を探しています。私は次のアイデアを思いつきました: マウスの揺れをシミュレートするマウスドライバー/ユーティリティの使用。 CSSを介してマウスカーソルを非表示にし、シェイクマウスカーソルのGIFアニメーションを(JavaScriptを使用して)元のカーソルの場所に配置してから、ターゲットリンクを数秒おきにのみクリック可能にします。これは、少なくとも間違った瞬間にクリックするような感覚を少なくとも与えます。 最初のアイデアはかなりクールですが、Mac用でもWindows用でも、このようなツールは見つかりませんでした。そして、私はそのようなものを自分でプログラミングするスキルがありません。 2番目のアイデアは少し不格好に見えますが、望ましい効果が得られると思います。 誰か他のアイデアがありますか?

25
Twitter Bootstrap 3スティッキーフッター
Twitterブートストラップフレームワークをかなり長い間使用していますが、最近バージョン3に更新されました! スティッキーフッターを下に貼り付けるのに問題があります。TwitterブートストラップWebサイトから提供されているスターターテンプレートを使用しましたが、まだうまくいきません。


15
絶対配置されたdivが親divの高さを拡張するようにする
以下のCSSでわかるように、自分child2自身をの前に配置したいと思いchild1ます。これは、私が現在開発しているサイトがモバイルデバイスでも機能する必要があるためです。child2、モバイルデバイスのコンテンツの下に必要なナビゲーションが含まれているため、下部必要がです。-なぜ2つのマスターページではないのですか?これはdivsHTML全体で再配置される唯一の2つであるため、この小さな変更の2つのマスターページはやりすぎです。 HTML: <div id="parent"> <div class="child1"></div> <div class="child2"></div> </div> CSS: parent { position: relative; width: 100%; } child1 { width: auto; margin-left: 160px; } child2 { width: 145px; position: absolute; top: 0px; bottom: 0px; } child2 さまざまなサブサイトでナビゲーションアイテムの数が増減する可能性があるため、高さは動的です。 絶対配置された要素がフローから削除され、他の要素によって無視されることを知っています。親divに 設定しようとしoverflow:hidden;ましたが、それも役に立ちませんでしたclearfix。 私の最後の手段は、JavaScriptを2つにdivs応じて再配置することですが、ここでは、JavaScript以外の方法でこれを実行する方法があるかどうかを確認します。


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