Createelement + div

Createelement + div
2009-02-06T21:40:36+01:00
2009-02-07T12:17:05+01:00
2022-11-12T13:15:36+01:00
CSikko
Sziasztok!

Egy olyan oldalon dolgozom, ami az oldal újratöltése nélkül jelenít meg képeket és leírásokat az adatbázisból, amiket egy-egy div-be pakol, egymás mellé.

Na ez az utolsó, az egymás mellé nem akar működni.

Ime az oldalam:

<html> <head> <script src="responsexml.js"></script> </head> <body> <form> <input type="button" value="Klikk!" onClick="showUser('x')"> </form> <div id="content" style="width:960px; float:left; border:#000000 solid"> <div style="float:left; width:300px; border:#000000 solid"><img src="images/london.jpg" />a</div> <div style="float:left; width:300px; border:#000000 solid"><img src="images/london.jpg" />b</div> <div style="float:left; width:300px; border:#000000 solid"><img src="images/london.jpg" />c</div> </div> </body> </html>

a responsexml.js tartalma:

var xmlHttp function showUser(str) { xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="responsexml.php" url=url+"?q="+str url=url+"&sid="+Math.random() xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true) xmlHttp.send(null) } function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { xmlDoc=xmlHttp.responseXML; myXML = xmlDoc.getElementsByTagName("tetel"); for ( i=0; i<myXML.length; i++ ) { kep = myXML[i].getElementsByTagName('kep')[0].firstChild.nodeValue; varos = myXML[i].getElementsByTagName('varos')[0].firstChild.nodeValue; leiras = myXML[i].getElementsByTagName('leiras')[0].firstChild.nodeValue; var el = document.createElement('div'); el.style.border = '#000000 solid'; el.style.width = '300px'; el.style.float = 'left'; el.id = 'div' + i; el.innerHTML = '<img src="images/'+kep+'" /><h1>'+varos+'</h1><p>'+leiras+'</p>'; document.getElementById("content").appendChild(el); } } } function GetXmlHttpObject() { var objXMLHttp=null if (window.XMLHttpRequest) { objXMLHttp=new XMLHttpRequest() } else if (window.ActiveXObject) { objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP") } return objXMLHttp }

Az érdekes, hogy alapból a fix 3 divet berakja egymás mellé, de a createelement-tel létrehozott div-eket nem.

Miért?
Mutasd a teljes hozzászólást!
Mert js-ben nincs float!
CSS: float --> JS: cssFloat (ie: styleFloat)
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd