Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag18.07.2010 um 00:34 (UTC)    
Titel: tabellenzeile mit spalten und text ein und ausblenden

hallo,
also ich habe mal ne frage.
könnt ihr mir sagen wie ich folgendes hinkriege?

ich habe eine tabelle:
2 zeilen und 6 spalten, in der letzten spalte der ersten zeile soll ein gif bild rein z.b. ein pfeil (zeigt nach unten). wenn ich auf den klicke, soll die 2. zeile samt spalten eingeblendet werden.
dabei soll sich der pfeil dann ändern (soll dann nach oben zeigen), nach erneutem klick soll die 2. zeile wieder ausgeblendet werden. also auf und zu.
später sollen es dann mehr zeilen werden und jede 2. zeile soll durch eigenem link ein und ausgeblendet werden.

ich habe schon hier im forum gesucht und auch gegoogled und 2 verschiedene codes gefunden und ausprobiert.

nur irgendwie klappt das ganze nicht so wie es soll...
...und im IE funktioniert es anders als im firefox.
gibts vielleicht noch ne andere möglichkeit, die einfacher ist?
z.b. mit einem layer der bei klick eingeblendet wird?

1. code
Code:
<table width="500">
  <tr>
    <td><table width="500" height="30">
      <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
        <td>text</td>
        <td>text</td>
        <td><a href="#" onClick="versteckt()">klick</a></td>
      </tr>
      <tr style="display : none" id="ghost" >
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>123<br />
          321</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
<script type="text/javascript" language="JavaScript1.2">
var angezeigt = false;

function versteckt()
{
   if (angezeigt)
   {
      document.getElementById('ghost').style.display = 'none';
      angezeigt = false;
   }
   else
   {
      document.getElementById('ghost').style.display = 'block';
      angezeigt = true;
   }
}
</script>


2. code
Code:
<table width="500">
  <tr>
    <td><table width="500" height="30" border="1" bordercolor="#FF0000">
      <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
        <td>text</td>
        <td>text</td>
        <td><a onclick="text1.style.display='block';an.style.display='none';zu.style.display='block'" id="an" style="display: block" href="#neu">auf</a> <a onclick="text1.style.display='none';an.style.display='block';zu.style.display='none'" id="zu" style="display: none" href="#neu">zu</a></td>
      </tr>
      <tr div id="text1" style="display: none">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>123<br />
          321</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
Beitrag19.07.2010 um 21:33 (UTC)    
Titel:

kann mir da keiner weiterhelfen?


edit: nach langem rumspielen habe ich es jetzt so einigermaßen geschafft. obwohl ich so gut wie keine ahnung davon habe...


Zuletzt bearbeitet von sc-drispenstedt am 21.07.2010, 17:17, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de