การเขียนโปรแกรม dhtml

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

13

ฉันจะดึงความกว้างและความสูงที่แท้จริงขององค์ประกอบ HTML ได้อย่างไร

สมมติว่าฉันมีสิ่ง<div>ที่ฉันต้องการที่จะศูนย์ในการแสดงผลของเบราว์เซอร์ (วิวพอร์ต) หากต้องการทำเช่นนั้นฉันต้องคำนวณความกว้างและความสูงของ<div>องค์ประกอบ ฉันควรใช้อะไร โปรดระบุข้อมูลเกี่ยวกับความเข้ากันได้ของเบราว์เซอร์

893 javascript html xhtml dhtml

30

พิมพ์ <div id =“ printarea”> </div> เท่านั้น?

ฉันจะพิมพ์ div ที่ระบุได้อย่างไร (โดยไม่ปิดการใช้งานเนื้อหาอื่น ๆ ทั้งหมดในหน้าด้วยตนเอง) ฉันต้องการหลีกเลี่ยงกล่องโต้ตอบแสดงตัวอย่างใหม่ดังนั้นการสร้างหน้าต่างใหม่ด้วยเนื้อหานี้ไม่มีประโยชน์ หน้านี้มีตารางสองตารางโดยหนึ่งในนั้นมี div ที่ฉันต้องการพิมพ์ - ตารางได้รับการจัดรูปแบบด้วยสไตล์ภาพสำหรับเว็บซึ่งไม่ควรแสดงในการพิมพ์

444 javascript css printing dhtml

15

วิธีโหลดไฟล์ CSS โดยใช้ Javascript

เป็นไปได้ไหมที่จะนำเข้า CSS สไตล์ชีทไปยังหน้า html โดยใช้ Javascript ถ้าเป็นเช่นนั้นจะทำอย่างไร? PS จาวาสคริปต์จะถูกโฮสต์ในเว็บไซต์ของฉัน แต่ฉันต้องการให้ผู้ใช้สามารถใส่<head>แท็กของเว็บไซต์ของพวกเขาและมันควรจะสามารถนำเข้าไฟล์ css ที่โฮสต์บนเซิร์ฟเวอร์ของฉันลงในหน้าเว็บปัจจุบัน (ทั้งไฟล์ css และไฟล์จาวาสคริปต์จะโฮสต์บนเซิร์ฟเวอร์ของฉัน)

316 javascript html css dhtml

13

เปลี่ยนเส้นทางหน้าต่างหลักจากการกระทำ iframe

ฉันต้องใช้ JavaScript ใดในการเปลี่ยนเส้นทางหน้าต่างหลักจาก iframe ฉันต้องการให้พวกเขาคลิกไฮเปอร์ลิงก์ซึ่งใช้ JavaScript หรือวิธีอื่นใดจะเปลี่ยนเส้นทางหน้าต่างหลักไปยัง URL ใหม่

312 javascript iframe dhtml

20

รับช่องทำเครื่องหมายที่เลือกทั้งหมดในอาร์เรย์

ดังนั้นฉันมีช่องทำเครื่องหมายเหล่านี้: <input type="checkbox" name="type" value="4" /> <input type="checkbox" name="type" value="3" /> <input type="checkbox" name="type" value="1" /> <input type="checkbox" name="type" value="5" /> และอื่น ๆ มีประมาณ 6 ของพวกเขาและถูกเขียนด้วยมือ (เช่นไม่ดึงจาก db) ดังนั้นพวกเขามีแนวโน้มที่จะยังคงเหมือนเดิมในขณะที่ คำถามของฉันคือฉันจะทำให้พวกมันทั้งหมดอยู่ในอาร์เรย์ (เป็นจาวาสคริปต์) ได้อย่างไรดังนั้นฉันสามารถใช้พวกมันในขณะที่ทำการ$.postร้องขอAJAX โดยใช้ Jquery ความคิดใด ๆ แก้ไข: ฉันต้องการให้เพิ่มกล่องกาเครื่องหมายที่เลือกไว้ในอาร์เรย์เท่านั้น

168 javascript jquery ajax dhtml

6

จับภาพเหตุการณ์ที่สมบูรณ์ของการโหลด iframe

มีวิธีจับภาพเมื่อเนื้อหาของ iframe เต็มจากเพจหลักหรือไม่?

146 javascript html iframe load dhtml

5

การแก้ไขสตริงแบบสอบถามโดยไม่ต้องโหลดหน้าซ้ำ

ฉันกำลังสร้างแกลเลอรีรูปภาพและต้องการที่จะเปลี่ยนสตริงการสืบค้นและชื่อเรื่องเมื่อมีการเรียกดูรูปภาพ พฤติกรรมที่ฉันกำลังมองหามักจะเห็นได้จากการใช้งานเพจต่อเนื่อง / ไม่มีที่สิ้นสุดโดยที่ในขณะที่คุณเลื่อนสตริงการค้นหาลงจะเพิ่มหมายเลขหน้า ( http://x.com?page=4 ) เป็นต้นซึ่งควรจะเป็น ตามหลักทฤษฎี แต่ฉันต้องการสิ่งที่ปลอดภัยในเบราว์เซอร์หลัก ๆ ฉันพบโพสต์ที่ยอดเยี่ยมนี้และพยายามทำตามตัวอย่างด้วยwindow.history.pushstateแต่ดูเหมือนจะไม่ได้ผลสำหรับฉัน และฉันไม่แน่ใจว่าจะเหมาะหรือไม่เพราะฉันไม่สนใจเกี่ยวกับการแก้ไขประวัติเบราว์เซอร์ ฉันแค่ต้องการให้สามารถบุ๊กมาร์กรูปภาพที่ดูอยู่ในปัจจุบันโดยไม่ต้องโหลดหน้าซ้ำทุกครั้งที่มีการเปลี่ยนแปลงรูปภาพ นี่คือตัวอย่างของเพจที่ไม่มีที่สิ้นสุดที่แก้ไขสตริงการสืบค้น: http://tumbledry.org/ UPDATEพบวิธีนี้: window.location.href = window.location.href + '#abc'; ดูเหมือนว่าจะใช้ได้สำหรับฉัน แต่ฉันใช้ Chrome ใหม่ .. มันอาจจะทำให้เกิดปัญหากับเบราว์เซอร์รุ่นเก่าหรือไม่

114 javascript jquery query-string dhtml

11

โค้ด JavaScript ที่ดีที่สุดในการสร้างองค์ประกอบ img คืออะไร

ฉันต้องการสร้างโค้ด JS ง่ายๆที่สร้างองค์ประกอบภาพในพื้นหลังและไม่แสดงอะไรเลย องค์ประกอบรูปภาพจะเรียก URL ติดตามผล (เช่น Omniture) และต้องเรียบง่ายและมีประสิทธิภาพและทำงานได้ใน IE 6 = <เท่านั้น นี่คือรหัสที่ฉันมี: 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

8

มีแนวทางปฏิบัติที่ดีที่สุดในการสร้าง html ด้วยจาวาสคริปต์หรือไม่

ฉันกำลังเรียกใช้บริการเว็บที่ส่งคืนอาร์เรย์ของวัตถุใน JSON ฉันต้องการรับวัตถุเหล่านั้นและเติม div ด้วย HTML สมมติว่าแต่ละออบเจ็กต์มี url และชื่อ หากฉันต้องการสร้าง HTML ต่อไปนี้สำหรับแต่ละออบเจ็กต์: <div><img src="the url" />the name</div> มีแนวทางปฏิบัติที่ดีที่สุดสำหรับสิ่งนี้หรือไม่? ฉันสามารถดูวิธีการทำได้สองสามวิธี: เชื่อมต่อสตริง สร้างองค์ประกอบ ใช้ปลั๊กอินเทมเพลต สร้าง html บนเซิร์ฟเวอร์จากนั้นให้บริการผ่าน JSON

103 javascript html ajax dynamic dhtml

7

การเพิ่มและลบ style attribute จาก div ด้วย jquery

ฉันได้รับช่วงโปรเจ็กต์ที่ฉันกำลังทำอยู่และฉันกำลังอัปเดตแอนิเมชั่น jquery (ฝึก jquery น้อยมาก) ฉันมี div ฉันต้องการเพิ่มและลบแอตทริบิวต์สไตล์จาก นี่คือ div: <div id='voltaic_holder'> จนถึงจุดหนึ่งของแอนิเมชั่นฉันต้องเพิ่มสไตล์ให้กับมัน: <div id='voltaic_holder' style='position:absolute;top:-75px'> ฉันค้นหารอบ ๆ และพบ.removeAttr()วิธีการแล้ว แต่ฉันไม่เห็นวิธีการเพิ่มหรือแม้แต่ส่วนระยะไกลของมัน (เช่นด้านบน: -75px เท่านั้น) ขอบคุณ

103 jquery css dhtml

13

เปลี่ยน: วางเมาส์เหนือคุณสมบัติ CSS ด้วย JavaScript

ฉันต้องหาวิธีเปลี่ยนคุณสมบัติ CSS: hover โดยใช้ JavaScript ตัวอย่างเช่นสมมติว่าฉันมีโค้ด HTML นี้: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> และโค้ด CSS ต่อไปนี้: table td:hover { background:#ff0000; } ฉันต้องการใช้ JavaScript เพื่อเปลี่ยน <td> คุณสมบัติโฮเวอร์เป็นพื้นหลัง: # 00ff00 รู้ว่าฉันสามารถเข้าถึงคุณสมบัติพื้นหลังสไตล์โดยใช้ JavaScript เป็น: document.getElementsByTagName("td").style.background="#00ff00"; แต่ฉันไม่รู้ว่า JavaScript เทียบเท่ากับ: hover ฉันจะเปลี่ยนพื้นหลังโฮเวอร์ของ <td> เหล่านี้โดยใช้ JavaScript ได้อย่างไร ความช่วยเหลือของคุณได้รับการชื่นชมอย่างมาก!

93 javascript html css dhtml

2

เปลี่ยนค่า textNode

มีวิธีใดในการเปลี่ยนค่าของ DOM textNode ในเว็บเบราว์เซอร์หรือไม่? ฉันต้องการทราบเป็นพิเศษว่าฉันสามารถเปลี่ยนโหนดที่มีอยู่ได้หรือไม่แทนที่จะสร้างโหนดใหม่ เพื่อความชัดเจนฉันต้องทำสิ่งนี้ด้วย Javascript ข้อความทั้งหมดในเบราว์เซอร์จะถูกเก็บไว้ใน #textNodes ซึ่งเป็นลูกของโหนด HTML อื่น ๆ แต่ไม่สามารถมีโหนดลูกของตนเองได้ ตามคำตอบด้านล่างเนื้อหาสามารถเปลี่ยนแปลงได้โดยการตั้งค่าคุณสมบัติnodeValueของ Objects เหล่านี้

93 javascript dom dhtml

คำถามติดแท็ก dhtml