«dhtml» 태그된 질문

동적 HTML 또는 DHTML은 정적 마크 업 언어 (예 : HTML), 클라이언트 측 스크립팅 언어 (예 : JavaScript)의 조합을 사용하여 대화 형 및 애니메이션 웹 사이트를 만드는 데 함께 사용되는 기술 모음의 포괄적 인 용어입니다. , 프레젠테이션 정의 언어 (예 : 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"); …
1251 javascript  jquery  html  dom  dhtml 


30
<div id =“printarea”> </ div> 만 인쇄 하시겠습니까?
표시된 div를 어떻게 인쇄합니까 (페이지의 다른 모든 내용을 수동으로 비활성화하지 않고)? 새로운 미리보기 대화 상자를 피하고 싶기 때문에이 내용으로 새 창을 만드는 것은 유용하지 않습니다. 페이지에는 두 개의 테이블이 있으며 그중 하나에는 인쇄하려는 div가 포함되어 있습니다. 테이블은 웹에 시각적 스타일로 스타일이 지정되어 인쇄에 표시되지 않아야합니다.

15
Javascript를 사용하여 CSS 파일을로드하는 방법은 무엇입니까?
Javascript를 사용하여 CSS 스타일 시트를 HTML 페이지로 가져올 수 있습니까? 그렇다면 어떻게 할 수 있습니까? 추신 : 자바 스크립트는 내 사이트에서 호스팅되지만 사용자가 &lt;head&gt;웹 사이트 의 태그 를 넣을 수 있기를 원하며 내 서버에서 호스팅 된 CSS 파일을 현재 웹 페이지로 가져올 수 있어야합니다. (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에서 가져 오지 않음) 잠시 동안 동일하게 유지 될 수 있습니다. 내 질문은 배열 (자바 스크립트)으로 모두 …
168 javascript  jquery  ajax  dhtml 


5
페이지를 다시로드하지 않고 쿼리 문자열 수정
사진 갤러리를 만들고 있는데 사진을 검색 할 때 쿼리 문자열과 제목을 변경할 수 있기를 원합니다. 내가 찾고있는 동작은 연속 / 무한 페이지의 일부 구현에서 자주 볼 수 있습니다. 여기서 쿼리 문자열을 아래로 스크롤하는 동안 페이지 번호 ( http://x.com?page=4 ) 등이 계속 증가합니다 . 이론상 간단하지만 주요 브라우저에서 안전한 것을 원합니다. …

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); 이것이 가장 간단하지만 가장 강력한 …
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()방법을 찾았 지만 그것을 추가하는 방법이나 심지어는 그것의 원격 부분을 볼 수 없습니다 (상단 : -75px 만 …
103 jquery  css  dhtml 

8
javascript로 html을 생성하는 모범 사례가 있습니까?
JSON으로 개체 배열을 반환하는 웹 서비스를 호출하고 있습니다. 이러한 개체를 가져 와서 div를 HTML로 채우고 싶습니다. 각 개체에 URL과 이름이 포함되어 있다고 가정 해 보겠습니다. 각 개체에 대해 다음 HTML을 생성하려는 경우 : &lt;div&gt;&lt;img src="the url" /&gt;the name&lt;/div&gt; 이에 대한 모범 사례가 있습니까? 몇 가지 방법을 볼 수 있습니다. 문자열 …
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; hover 속성을 background : # 00ff00으로 변경하고 싶습니다. JavaScript를 사용하여 스타일 배경 속성에 …
93 javascript  html  css  dhtml 

2
textNode 값 변경
웹 브라우저에서 DOM textNode의 값을 변경하는 방법이 있습니까? 특히 새 노드를 만드는 대신 기존 노드를 변경할 수 있는지 확인하고 싶습니다 . 명확히하기 위해 Javascript로이 작업을 수행해야합니다. 브라우저의 모든 텍스트는 다른 HTML 노드의 자식 인 #textNodes에 저장되지만 자체 자식 노드는 가질 수 없습니다. 아래에 대답했듯이 이러한 객체 의 nodeValue 속성을 설정하여 …
91 javascript  dom  dhtml 

7
textNodes에 해당하는 getElementsByTagName ()
textNode문서 내의 모든 개체 컬렉션을 가져올 수있는 방법이 있습니까? getElementsByTagName()Elements에서는 잘 작동하지만 textNodes는 Elements가 아닙니다. 업데이트 : 아래의 많은 사람들이 제안하는대로 DOM을 걷는 것으로 이것이 가능하다는 것을 알고 있습니다. 문서의 모든 노드를 살펴 보는 DOM-walker 함수를 작성하는 방법을 알고 있습니다. 나는 그것을 할 수있는 브라우저 네이티브 방법이 있기를 바랐습니다. 결국 …

10
Javascript에서 사운드를 재생하는 크로스 플랫폼, 크로스 브라우저 방법? [복제]
이 질문에 이미 답변이 있습니다 . 오디오를 재생하는 방법? (20 답변) 휴일 2 개월 전 . 시스템의 대화 형 시뮬레이션을 만드는 dhtml 응용 프로그램을 작성 중입니다. 시뮬레이션을위한 데이터는 다른 도구에서 생성되며 이미 많은 양의 레거시 데이터가 있습니다. 시뮬레이션의 일부 단계에서는 오디오 "음성 더빙"클립을 재생해야합니다. 여러 브라우저에서이 작업을 쉽게 수행 할 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.