HTML-Attribute mit Javascript ändern
Rondra
- javascript
Hallo,
ist es überhaupt möglich, eine bestehende Tabelle mit javascript zu verändern? Will dynamisch ein colspan="2" in eine zelle setzen.
Ich habe nun fast 3 stunden recherchiert und ausprobiert. Aber es will einfach nicht funzen!
<html>
<head><title>klappen</title>
<script>
function det()
{
if (document.getElementById('det').style.display=='block')
{
document.getElementById('col').setAttribute("colspan","2");
document.getElementById('det').style.display = "none";
}
else
{
document.getElementById('col').setAttribute("colspan","1");
document.getElementById('det').style.display = "block";
}
}
</script>
</head>
<body>
<table border="1" width="100%" height="100%">
<tr>
<td>left</td>
<td>CENTER</td>
<td><div onclick="det()" style="cursor:pointer;">klappen</div><br>
</td>
</tr>
<tr>
<td>leer</td>
<td id="col">leer</td>
<td id="det" style="display:block;">leer</td>
</table>
</body>
</html>
Danke für jeden Tipp!
Rondra
Hi,
ist es überhaupt möglich, eine bestehende Tabelle mit javascript zu verändern? Will dynamisch ein colspan="2" in eine zelle setzen.
Ich habe nun fast 3 stunden recherchiert und ausprobiert. Aber es will einfach nicht funzen!
"funzen" vielleicht nicht (welche Sprache ist das?), aber dafür funktioniert es einwandfrei. Zumindest führt mein Mozilla Deinen Code anstandsfrei aus.
Cheatah
Hi,
funzen = funktionieren in shortform. FYI.
tja, im IE sollte es aber auch funktionieren...
Rondra
Hi,
funzen = funktionieren in shortform. FYI.
"Funzen" ist verächtlich für Frau im Wienerischen.
tja, im IE sollte es aber auch funktionieren...
Ich schätze mal, der ist an der Stelle zu sehr vollgepackt mit Spezialbehandlungen, die hier mehr hindern. Wenn Du auf den Microsoft-Seiten keine proprietäre Methode dafür findest, wird das wohl wieder etwas sein, was er einfach nicht kann - sorry.
Cheatah
Hi,
"Funzen" ist verächtlich für Frau im Wienerischen.
ach?? upps... *sprachdatei anpass* *lol*
wusst ich nich...
wird das wohl wieder etwas sein, was er einfach nicht kann - sorry.
tja, dumm gelaufen wieder ma.. schadöööö....
Rondra
hi!
wird das wohl wieder etwas sein, was er einfach nicht kann - sorry.
tja, dumm gelaufen wieder ma.. schadöööö....
(fast?) alles was der ie dom-basierend nicht kann, kann er mit document.all
vielleicht hilft dir http://de.selfhtml.org/javascript/objekte/all.htm#outer_html ja weiter.
prost
seth
Hi Cheatah,
"Funzen" ist verächtlich für Frau im Wienerischen.
In diesem Sinne könnte man behaupten, dass der Internet Explorer funzt. ;-)
http://www.alsergrund.vhs.at/wienerisch/alteversion/wb/#f
http://www.alsergrund.vhs.at/wienerisch/alteversion/kurs/sprachgeschichte.html
http://www.alsergrund.vhs.at/wienerisch/alteversion/kurs/ursprung.html
Grüße,
Roland
Hallo Rondra!
Ich habe die Methode setAttribute() auch schon im MSIE 6.0 erfolgreich über getElementById() angesprochen, obwohl es ja ursprünglich eine Methode das all-Objektes ist.
document.getElementById('col').setAttribute("colspan","2");
_____________________________________________________________^
Allerdings fehlt da bei dir der dritte Übergabeparameter "true" oder "false", vielleicht nimmt der IE dir das übel, und Recht hätte er, es steht nämlich nichts davon da, dass er optional wäre, und wieso sollte ausgerechnet der Wert "false" für "Großkleinschreibung des zu ändernden Attributs ist egal" der Default-Wert sein?
http://de.selfhtml.org/javascript/objekte/all.htm#set_attribute
Dass Mozilla das trotz fehlenden Parameters mitmacht, wundert mich sehr.
Gruß Gernot