tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von Sven Mintel
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
1006
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Avatar von TS7
    TS7 TS7 ist offline Mitglied
    Registriert seit
    Feb 2008
    Beiträge
    22
    Hallo,
    Ich habe mit JavaScript realisiert, das sich bestimmte <tr> Zeilen ein und ausblenden lassen.

    Das funktioniert auch, nur leider hat das den Nebeneffekt, das die Website beim <tr> ein- und ausblenden, immer nach oben springt.

    Kann man das irgendwie vermeiden?
    Wäre nett, wenn mir da jemand hilft.

    hier der Code:

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    PHP-Code:
    <script type="text/javascript" language="javascript">
    // <!

    function setVisibility(rowName) {
        
    // Tabellenzelle ermitteln
        
        
    var actualVisibility=document.getElementById(rowName).style.visibility;

        if(
    actualVisibility=='' || actualVisibility=='hidden') {
            
    document.getElementById(rowName).style.visibility "visible";
            
    document.getElementById(rowName).style.display "";
        } else {
            
    document.getElementById(rowName).style.visibility "hidden";
            
    document.getElementById(rowName).style.display "none";
        }
    }
    // >
    </script> 
    HTML-Code:
    </head>
    
    <body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="515" border="0" bgcolor="#CA8BE9" class="">
      <tr>
        <td width="43" rowspan="3" scope="col"><div align="center"></div></td>
        <td width="6" rowspan="3" scope="col">&nbsp;</td>
        <td colspan="3" scope="col"></td>
      </tr>
      <tr>
        <td width="89"></td>
        <td width="146">&nbsp;</td>
        <td width="103">&nbsp;</td>
      </tr>
      <tr>
        <td height="26" colspan="2"></td>
        <td>
        <td width="110"><div align="right"><a href="#" onclick="setVisibility('1')">Code anzeigen</a></div></td>
      </tr>
      <tr style="display:none;" id="1" name="1">
       <td colspan="5">hakkicdewfwefw</td>
      </tr>
    </table>
    </body>
    </html>
    Gruß
    TS7
    Geändert von TS7 (01.04.08 um 22:48 Uhr)
     

  2. #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Code :
    1
    
    <a href="#" onclick="setVisibility('1')">

    Du hast da uch einen Link.... dessen Ausführung verursacht das Springen.

    Machs so:
    Code :
    1
    
    <a href="#" onclick="setVisibility('1');return false">

    oder so:
    Code :
    1
    
    <a href="javascript:setVisibility('1');">
    TS7 bedankt sich. 

  3. #3
    Avatar von TS7
    TS7 TS7 ist offline Mitglied
    Registriert seit
    Feb 2008
    Beiträge
    22
    Vielen Lieben Dank
    Geändert von TS7 (01.04.08 um 22:49 Uhr)
     

Ähnliche Themen

  1. Antworten: 10
    Letzter Beitrag: 28.02.09, 23:07
  2. Antworten: 7
    Letzter Beitrag: 26.10.07, 11:27
  3. Bild zentriert und immer oben anzeigen?
    Von jackassol im Forum CSS
    Antworten: 4
    Letzter Beitrag: 03.06.06, 18:46
  4. Textfeld springt nach oben nach dem Einfügen eines Tags
    Von amon-ra im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 23.05.05, 12:07
  5. VBA/Access: Trotz SetFocus springt der Cursor ins nächste Feld
    Von Alexander Klein im Forum Visual Basic 6.0
    Antworten: 1
    Letzter Beitrag: 27.08.04, 15:26