✔ Ein/Ausblenden Darstellungsfehler

[LiebHabSchafi]

Hallo,

Ich habe wiedermal eine Auseinandersetzung mit dem Firefox .
Folgendes ich habe eine Link wenn ich den Anklicke soll mir darunter ein Bearbeitungsmenu angezeigt werden das klappt auch soweit nur im Firefox sieht es nicht so aus wie es aussehen soll

So soll es aussehen:


und So sieht es aus


Script zum Einblenden:

  function show(object) {
    object.style.display = "block";
  }

HTML:

<table border='1'>
  <tr>
    <td width='15'>»</td>
    <td width='100%'>
      <a href='javascript:show(FotoalbenEdit)'>Fotoalbum 1</a>
    </td>
  </tr>
  <tr style='display:none;' id='FotoalbenEdit'>
    <td width='15'>&nbsp;</td>
    <td align='right'>
      <img src='bilder_layout/icon/papierkorb.gif' border='0'>
      <img src='bilder_layout/icon/bearbeiten.gif' border='0'>
      <img src='bilder_layout/icon/fotos.gif' border='0'>
    </td>
  </tr>       
</table>

schonmal Danke im Vorraus

 

[Gumbo]

Ersetze mal das „block“ durch eine leere Zeichenkette. Der richtige Wert wäre zwar „table-cell“, doch einige Browser kennen diesen Eigenschaftswert nicht.

 

[LiebHabSchafi]

Wenn ich da eine Leerezeichenkette eintrage, dann bekomme ich die Meldung "Die display Eigenschaft wurde nicht gefunden ...". Ich habe es so eben mal mit visibility und den eigenschaften visible und hidden versucht aber da passiert gar nix

 

[DaveDamage]

block funktioniert sehr gut im ff, benutze es selbst auch. Womit der Fuchs aber eher Probleme hat is dieses 100%. Zumindest bei mir kapiert der das net immer so...

Versuch mal folgendes

<table border='1'>
  <tr>
    <td width='15'>»</td>
    <td width='100%'>
      <a href='javascript:show(FotoalbenEdit)'>Fotoalbum 1</a>
    </td>
  </tr>
  <tr style='display:none;' id='FotoalbenEdit'>
    <td width='15'>&nbsp;</td>
    <td align='right'>
      <img src='bilder_layout/icon/papierkorb.gif' border='0'>&nbsp;<img src='bilder_layout/icon/bearbeiten.gif' border='0'>&nbsp;<img src='bilder_layout/icon/fotos.gif' border='0'>
    </td>
  </tr>       
</table>

Ne kleine Anmerkung:
Wenn du html tags benutzt, sieht es immer besser aus, wenn du zB bei a href den value mit " " umrandest, als mit ' '
Außerdem wärs evtl auch besser wenn du in dem show Aufruf den Parameter, der ja als String reinkommt mit ' ' umrandest. Also

<a href="javascript:show('FotoalbenEdit')">Fotoalbum 1</a>

Is manchmal halt auch ne Fehlerquelle

 

[Maik]

Gumbos Vorschlag funktioniert doch einwandfrei:

function show(id) {
    document.getElementById(id).style.display = "";
  }

 

[LiebHabSchafi]

Gumbos Vorschlag funktioniert doch einwandfrei:

function show(id) {
    document.getElementById(id).style.display = "";
  }

okay ich hatte ein Leerzeichen drin, deswegen hat es wohl dann nicht funktioniert.

aber nun Funktioniert die Variante von Gumbos danke erstmal an Gumbos und von DaveDamage das Funktioniert auch danke danke danke

P.S. DaveDamage Ich benutze beim Reihnen HTML auch " aber ich hatte dort ' verwendet weil es normalerweise von PHP umgeben ist, dass ich nur rausgenommen habe zwecks der Übersicht.

 

[DaveDamage]

Alles klar, dann is ja gut wenns klappt!

Kann es vielleicht sein, das dein Editor auch bei nem Zeilenumbruch en Leerzeichen reinhaut? Ich hatte mal so einen, hat total genervt, deshalb bei sowas am besten alles in eine Zeile schreiben ;-)

Grüße

 

[LiebHabSchafi]

Naja ich hatte es erst mit Zeilenumbruch und da hatte es auch nicht geklappt dann hab ich es ohne Zeilenumbruch und ohne Leerzeichen probiert aber das wollte auch nicht funktionieren.