Tabelle mit Javascript erstellen
kaesi80
- javascript
Hallo,
brauche eine Tabelle, die mit javascript erstellt wird und ein Bild in der ersten Spalte und in der zweiten Spalte die beschreibung einer Webseite enthalten soll.
hier mein Versuch:
<div id="bookmark_container">
<script type="text/javascript" src="http://www.test.de?count=10"></script>
<script type="text/javascript">
function showImage(img){ return (function(){ img.style.display='inline'; }) }
var table = document.createElement('table')
for (var i=0, post; post = Delicious.posts[i]; i++) {
var tr = document.createElement('tr');
var td = document.createElement('td');
var a = document.createElement('a')
var img = document.createElement('img')
img.style.position = 'absolute'
img.style.display = 'none'
img.height = img.width = 16
img.src = post.u.split('/').splice(0,3).join('/')+'/favicon.ico'
td.style.backgroundImage='url('+img.src+')'
img.onload = showImage(img)
a.setAttribute('href', post.u)
a.setAttribute('class', 'snap_noshots')
a.appendChild(document.createTextNode(post.d))
td.appendChild(img)
td.appendChild(a)
tr.appendChild(td)
}
document.getElementById('bookmark_container').appendChild(table)
</script>
</div>
ist irgendwie noch nicht korrekt.
Danke für die Hilfe
Hi,
Du erzeugst viele tr und hängst jeweils td rein.
Aber Du erzeugst kein tbody-Element und hängst weder das tbody-Element noch die erzeugten tr-Elemente irgendwo ein.
cu,
Andreas
Mahlzeit,
var table = document.createElement('table')
[...]
document.getElementById('bookmark_container').appendChild(table)
Das ist das einzige, was ich bezüglich Deines Objektes "table" finden kann. Hängst Du da auch noch irgendwo die von Dir erstellten Zeilen drunter?
MfG,
EKKi