Der folgende Beitrag wurde am 14. 03. 2007, 14:14 Uhr von Lio veröffentlicht.
Hallo,
habe ein Problem mit dem FF 2.0.
Folgendes:
Javascript
function swapTeaser(id) {
if(document.getElementById(id).style.display == "none") {
document.getElementById(id).style.display = "block";
}
else {
document.getElementById(id).style.display = "none";
}
}
HTML
<table cellspacing="0" cellpadding="0" class="teaser">
<tr class="teaser_headline">
<td class="text"><a href="javascript:void(0);" class="teaserhead" onclick="swapTeaser('Akm')">Text</a></td>
</tr>
<tr class="teaser_text" id="Akm">
<td>Text</td>
</tr>
</table>
Im Firefox funktioniert das Display : none und block nur einmal, danach wird entweder die Tabelle immer größer bzw. es verschwindet nur der inhalt aber nicht die Spalte.
Kann jemand einen Fehler erkennen?
Der folgende Beitrag wurde am 14. 03. 2007, 14:33 Uhr von Siechfred veröffentlicht.
> Kann jemand einen Fehler erkennen?
Der display-Eigenschaft von Tabellenzeilen solltest du auch das zuweisen, was sie sind: 'table-row'. Da aber der IE damit Probleme hat, schlage ich folgendes vor:function swapTeaser(id) {
var style = testProperty('Akm', 'display', 'table-row') ? 'table-row' : 'block';
if(document.getElementById(id).style.display == "none") {
document.getElementById(id).style.display = style;
}
else {
document.getElementById(id).style.display = "none";
}
}
Die Funktion testProperty findest du hier:
http://www.anaboe.net/codes/javascript/internet-explorer-css-test
Siechfred
--
Ich bin strenggenommen auch nur interessierter Laie. (molily)
Der folgende Beitrag wurde am 14. 03. 2007, 14:43 Uhr von Lio veröffentlicht.
> > Kann jemand einen Fehler erkennen?
>
> Der display-Eigenschaft von Tabellenzeilen solltest du auch das zuweisen, was sie sind: 'table-row'. Da aber der IE damit Probleme hat, schlage ich folgendes vor:
>
> function swapTeaser(id) {
> var style = testProperty('Akm', 'display', 'table-row') ? 'table-row' : 'block';
> if(document.getElementById(id).style.display == "none") {
> document.getElementById(id).style.display = style;
> }
> else {
> document.getElementById(id).style.display = "none";
> }
> }
Das Funktioniert nur solange wie auch der Wert direkt eingetragen wird im FF 2.0. Wenn ein Parameter eingetragen wird "id" dann gehts wieder nicht, wieso?
Der folgende Beitrag wurde am 14. 03. 2007, 14:45 Uhr von wahsaga veröffentlicht.
hi,
> Das Funktioniert nur solange wie auch der Wert direkt eingetragen wird im FF 2.0. Wenn ein Parameter eingetragen wird "id" dann gehts wieder nicht, wieso?
Wo wird welcher Parameter "eingetragen"?
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Der folgende Beitrag wurde am 14. 03. 2007, 14:46 Uhr von Mathias Brodala veröffentlicht.
Hallo Siechfred.
> > Kann jemand einen Fehler erkennen?
>
> Der display-Eigenschaft von Tabellenzeilen solltest du auch das zuweisen, was sie sind: 'table-row'. Da aber der IE damit Probleme hat, schlage ich folgendes vor:
… was unnötig kompliziert ist.
> function swapTeaser(id) {
> var style = testProperty('Akm', 'display', 'table-row') ? 'table-row' : 'block';
> if(document.getElementById(id).style.display == "none") {
> document.getElementById(id).style.display = style;
> }
> else {
> document.getElementById(id).style.display = "none";
> }
> }
Einfacher:function swapTeaser(id) {
var obj = document.getElementById(id); // Einmal holen reicht
if (/* Style-Abfrage; zum Beispiel mittels document.getCurrentStyle */) {
obj.style.display = ''; // Auf Ausgangswert zurücksetzen
} else {
obj.style.display = "none";
}
}
Einen schönen Mittwoch noch.
Gruß, Mathias
--
ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)
debian/rules
Der folgende Beitrag wurde am 14. 03. 2007, 14:48 Uhr von Siechfred veröffentlicht.
> … was unnötig kompliziert ist.
Ja, hab's gerade bei wahsaga ein paar Threads weiter oben gelesen :)
Siechfred
--
Ich bin strenggenommen auch nur interessierter Laie. (molily)
Der folgende Beitrag wurde am 14. 03. 2007, 15:01 Uhr von Lio veröffentlicht.
Hallo,
habe folgendes probiert:
function swapTeaser(id) {
var obj = document.getElementById(id);
if (obj.style.display == 'block') {
obj.style.display = 'none';
} else {
obj.style.display = "block";
}
}
Immernoch problemem mit ff2.0 Beim erstenmal kein Problem danach wird die Zelle immer größer mit jedem Klick
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4