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

ダイナミックHTML(DHTML)は、静的マークアップ言語(HTMLなど)とクライアント側のスクリプト言語(JavaScriptなど)の組み合わせを使用してインタラクティブなアニメーションWebサイトを作成するために一緒に使用されるテクノロジのコレクションの総称です。 、プレゼンテーション定義言語(CSSなど)、およびドキュメントオブジェクトモデル。

13
jQuery document.createElementと同等ですか?
私はいくつかの古いJavaScriptコードをリファクタリングしており、多くのDOM操作が行われています。 var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); jQueryを使用してこれを行うより良い方法があるかどうか知りたいのですが。私は実験してきました: var odv = $.create("div"); $.append(odv); // And many more しかし、これがもっと良いかどうかはわかりません。
1251 javascript  jquery  html  dom  dhtml 


30
<div id =“ printarea”> </ div>のみを印刷しますか?
(ページの他のすべてのコンテンツを手動で無効にすることなく)指定されたdivを印刷するにはどうすればよいですか? 新しいプレビューダイアログを避けたいので、このコンテンツで新しいウィンドウを作成しても役に立ちません。 このページにはいくつかのテーブルが含まれており、そのうちの1つには印刷したいdivが含まれています。

15
JavaScriptを使用してCSSファイルをロードする方法
JavaScriptを使用してCSSスタイルシートをHTMLページにインポートすることは可能ですか?もしそうなら、それはどのように行うことができますか? PS JavaScriptは私のサイトでホストされますが、ユーザー&lt;head&gt;が自分のWebサイトのタグを挿入できるようにして、サーバーでホストされているCSSファイルを現在のWebページにインポートできるようにする必要があります。(cssファイルとjavascriptファイルの両方が私のサーバーでホストされます)。
316 javascript  html  css  dhtml 


20
配列内の選択されたすべてのチェックボックスを取得する
だから私はこれらのチェックボックスを持っています: &lt;input type="checkbox" name="type" value="4" /&gt; &lt;input type="checkbox" name="type" value="3" /&gt; &lt;input type="checkbox" name="type" value="1" /&gt; &lt;input type="checkbox" name="type" value="5" /&gt; 等々。そのうちの約6つがあり、手作業でコーディングされている(つまり、dbからフェッチされていない)ため、しばらく同じままになる可能性があります。 私の質問は、それらをすべて(JavaScriptで)配列で取得する方法です。そのため、$.postJqueryを使用してAJAX リクエストを作成するときにそれらを使用できます。 何かご意見は? 編集:選択したチェックボックスのみをアレイに追加したい
168 javascript  jquery  ajax  dhtml 


5
ページをリロードせずにクエリ文字列を変更する
フォトギャラリーを作成しています。写真を閲覧するときにクエリ文字列とタイトルを変更できるようにしたいと考えています。 私が探している動作は、連続/無限ページの一部の実装でよく見られます。クエリ文字列を下にスクロールしても、ページ番号(http://x.com?page=4)が増加し続けます。これは理論的には単純ですが、主要なブラウザで安全なものを求めています。 私はこの素晴らしい投稿を見つけ、で例を追おうとしましたwindow.history.pushstateが、それは私にはうまくいかないようです。また、ブラウザーの履歴を変更する必要がないので、それが理想的かどうかはわかりません。 写真が変更されるたびにページをリロードすることなく、現在表示されている写真をブックマークする機能を提供できるようにしたいだけです。 以下は、クエリ文字列を変更する無限ページの例です。http://tumbledry.org/ UPDATEはこのメソッドを見つけました: window.location.href = window.location.href + '#abc'; それは私のために動作するように見えますが、私は新しいクロムを使用しています。それはおそらく古いブラウザでいくつかの問題を引き起こすでしょうか?

11
img要素を作成するのに最適なJavaScriptコードは何ですか
背景に画像要素を作成し、何も表示しない簡単なJSコードを作成したいと思います。画像要素はトラッキングURL(Omnitureなど)を呼び出し、シンプルで堅牢で、IE 6 = &lt;でのみ機能する必要があります。これが私が持っているコードです: var oImg = document.createElement("img"); oImg.setAttribute('src', 'http://www.testtrackinglink.com'); oImg.setAttribute('alt', 'na'); oImg.setAttribute('height', '1px'); oImg.setAttribute('width', '1px'); document.body.appendChild(oImg); これは最も簡単ですが、最も堅牢な(エラーのない)方法ですか? jQueryのようなフレームワークを使用できません。プレーンなJavaScriptである必要があります。
107 javascript  dhtml 

7
jqueryを使用してdivにスタイル属性を追加および削除する
自分が取り組んでいるプロジェクトを継承し、いくつかのjqueryアニメーションを更新しています(jqueryの練習はほとんどありません)。 スタイル属性を追加および削除する必要があるdivがあります。ここにdivがあります: &lt;div id='voltaic_holder'&gt; アニメーションのある時点で、それにスタイルを追加する必要があります。 &lt;div id='voltaic_holder' style='position:absolute;top:-75px'&gt; 私は周りを検索して.removeAttr()メソッドを見つけましたが、それを追加する方法、またはそのリモート部分(top:-75pxのみなど)さえもわかりません。 おかげで、
103 jquery  css  dhtml 

8
JavaScriptでHTMLを生成するためのベストプラクティスはありますか
JSONでオブジェクトの配列を返すWebサービスを呼び出しています。これらのオブジェクトを取得して、divにHTMLを入力したいと思います。各オブジェクトにURLと名前が含まれているとしましょう。 オブジェクトごとに次のHTMLを生成したい場合: &lt;div&gt;&lt;img src="the url" /&gt;the name&lt;/div&gt; このためのベストプラクティスはありますか?私はそれを行ういくつかの方法を見ることができます: 文字列を連結する 要素を作成する テンプレートプラグインを使用する サーバー上でhtmlを生成し、JSONを介して提供します。
103 javascript  html  ajax  dynamic  dhtml 

13
JavaScriptでCSSプロパティをホバーする
JavaScriptを使用してCSS:hoverプロパティを変更する方法を見つける必要があります。 たとえば、次のHTMLコードがあるとします。 &lt;table&gt; &lt;tr&gt; &lt;td&gt;Hover 1&lt;/td&gt; &lt;td&gt;Hover 2&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; そして次のCSSコード: table td:hover { background:#ff0000; } JavaScriptを使用して、&lt;td&gt;ホバープロパティをたとえばbackground:#00ff00に変更したいと思います。JavaScriptを使用してスタイルの背景プロパティにアクセスできることを知っています。 document.getElementsByTagName("td").style.background="#00ff00"; しかし、私は:hoverに相当するJavaScriptを知りません。JavaScriptを使用してこれらの&lt;td&gt;の:hover背景を変更するにはどうすればよいですか? あなたの助けは大歓迎です!
93 javascript  html  css  dhtml 

2
textNode値を変更する
WebブラウザーでDOM textNodeの値を変更する方法はありますか? 新しいノードを作成するのではなく、既存のノードを変更できるかどうかを確認したいのです。 明確にするために、Javascriptでこれを行う必要があります。ブラウザのすべてのテキストは、他のHTMLノードの子である#textNodesに保存されますが、独自の子ノードを持つことはできません。 以下で回答するように、これらのオブジェクトのnodeValueプロパティを設定することでコンテンツを変更できます。
91 javascript  dom  dhtml 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.