22-05-2007, 16:13
|
|
|
|
חבר מתאריך: 02.10.05
הודעות: 2,355
|
|
סגירה אוטומתית של אלמנטים בשימוש ב- innerHTML
באשכול הקודם שפירסמתי בנושא אלמנטים ניתנים לגרירה, מקסים העיר לי על השימוש ב- document.write והציע לי להשתמש ב- innerHTML או craeteElement.
בכל מקרה הלכתי על שניהם
אני לא מכניס את כל התוכן ב- innerHTML אחד, כי אז הכל יהיה בשורה אחת וזה לא יהיה נוח, ובגלל שלא חייבים להוסיף ; ב- JS, אני לא יכול לרדת שורה כי אז תהיה שגיאה..
בכל מקרה אני סוגר את ה- div לא באותו innerHTML כי גם לתוך ה- div הזה אני רוצה להכניס תוכן, מה שלא קורה בגלל שהדפדפן מניח שטעיתי ומשלים אוטומתית את ה- div..
הנה קטע קוד רלוונטי:
קוד:
var window = document.createElement("div");
window.id = this.windowId;
window.className = 'window';
document.body.appendChild(window);
window.innerHTML += "<div class='window_top' id='"+this.windowTopId+"'>"+windowTitle;
//coming soon...
//<img src='images/top_left.gif' align='left'>
//<img src='images/top_center.gif' class='topCenterImage'>
//<<div class='top_buttons'>
//<img class='minimizeButton' src='images/minimize.gif'>
//<img class='closeButton' src='images/close.gif'>
//<img src='images/top_right.gif'>
//</div>
window.innerHTML += "</div>";
window.innerHTML += "<div class='windowMiddle'>";
window.innerHTML += "<div class='windowContent'>";
//Starting window content...
window.innerHTML += "Testing..Testing..123";
//End of window content...
window.innerHTML += "</div>";
window.innerHTML += "</div>";
window.innerHTML += "<div class='window_bottom'>";
//<img class="resizeImage" src="images/bottom_right.gif">
window.innerHTML += "</div>";
alert(window.innerHTML);
ומה שאני מקבל ב- alert (הורדתי שורות לצורך הסדר):
פיירפוקס:
קוד:
<div class="window_top" id="window_top_1">test</div>
<div class="windowMiddle"></div>
<div class="windowContent"></div>
Testing..Testing..123
<div class="window_bottom"></div>
אקספלורר:
קוד:
<DIV class=window_top id=window_top_1>test</DIV>
<DIV></DIV>
<DIV class=windowMiddle></DIV>
<DIV class=windowContent></DIV>
Testing..Testing..123
<DIV></DIV>
<DIV></DIV>
<DIV class=window_bottom></DIV>
<DIV></DIV>
כיצד ניתן למנוע את זה?
באותה הזדמנות, למה האקספלורר הופך את שם האלמנט לשם האלמנט באותיות גדולות
_____________________________________
|