Ergebnis 1 bis 4 von 4
  1. #1
    LeaveNoName ist offline Grünschnabel
    registriert
    06-04-2005
    Beiträge
    2

    Alle DIV's mit der gleichen class in js gleichzeitig ansprechen (verschieben etc.) !?

    Hi Leute,

    gibt es eine Möglichkeit, alle verfügbaren DIV's mit der gleichen class in js "anzusprechen" ?

    Beispiel:

    Es gibt 5 DIV's mit einer class namens test [ <div id="bla" class="test" .......> ]

    Jetzt möchte ich alle DIV's mit der class=test gleichzeitig ansprechen, also z.B. unsichtbar machen oder
    verschieben etc.

    Wäre dies irgendiwe möglich ?

    Thx, LeaveNoName

    P.S. da ich nicht weiß wieviele DIV's es mit der gleichen class gibt, wäre eine Schleife nicht Sinnvoll....

  2. #2
    Avatar von Malleus
    Malleus ist offline Lounge-Member
    registriert
    05-08-2004
    Beiträge
    824

    AW: Alle DIV's mit der gleichen class in js gleichzeitig ansprechen (verschieben etc.) !?

    Vielleicht kannst Du ja folgenes gebrauchen:

    PHP-Code:
    <html>
    <
    head>
    <
    title>Malleus' Test</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    function changeColors()
    {
    var divs=document.getElementsByTagName("DIV");

    for (var i=0;i<divs.length;i++)
     if (divs[i].className="test")
                divs[i].style.backgroundColor="yellow"
    }
    //-->
    </script>
    </head>
    <body>
    <div class="test">Hallo</div>
    <div class="test">Hallo</div>
    <div class="test">Hallo</div>
    <div class="test">Hallo</div>
    <div class="test">Hallo</div>
    <input type="button" onclick="changeColors()" value="ChangeColor()">
    </body>
    </html> 

  3. #3
    LeaveNoName ist offline Grünschnabel
    registriert
    06-04-2005
    Beiträge
    2

    AW: Alle DIV's mit der gleichen class in js gleichzeitig ansprechen (verschieben etc.) !?

    Hmm, der Code scheint einwandtfrei zu funktionieren, doch unsichtbar macht es mein DIV nicht....

    Hier mein umgeändeter Code:

    Code:
    var divs=document.getElementsByTagName("DIV"); 
    
    	for (var i=0;i<divs.length;i++) 
    	{
    		if (divs[i].className=="test") 
    		{
                			divs[i].visibility = "hide";		
    		}
    	}
    Hab ich etwas vergessen...?

    Thx, LeaveNoName

  4. #4
    Avatar von Malleus
    Malleus ist offline Lounge-Member
    registriert
    05-08-2004
    Beiträge
    824

    AW: Alle DIV's mit der gleichen class in js gleichzeitig ansprechen (verschieben etc.) !?

    Es heißt

    PHP-Code:
    divs[i].style.visibility "hidden"

Ähnliche Themen

  1. divs nebeneinander alle 100% Höhe
    Von bine im Forum CSS und (X)HTML
    Antworten: 15
    Letzter Beitrag: 30-08-2004, 17:44
  2. Scrollbalken um alle Frames gleichzeitig zu verschieben
    Von ChRiStiaN^1 im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 26-07-2002, 20:55

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •