Mehrere Div's auf einmal unsichtbar machen

wolf29 · 05.10.2011, 21:18

Hi.

Sehe heute den Wald vor lauter Bäumen nicht. Ich habe mehrere Schlagwörter (Gruppe) als Filterkriterium und darunter eine Liste mit unterschiedlichen Daten, die zu unterschiedlichen Gruppen gehören. Sämtliche Daten stehen jeweils in einem div mit unterschiedlicher id (id aus der Datenbank). Wenn ich jetzt auf einen Gruppierungswert klicke, sollen nur die Daten, die zu diesem Wert gehören, angezeigt werden und die restlichen Div's ausgeblendet werden (daran hapert's). Folgendes Javascript verwende ich:

PHP-Code:

 
  function einaus(wert){

 
  var option=[<?php echo $var_cut; ?>];  //array mit den ID's befüllen

  var uebergabe = <?php echo $valueMenge; ?>; //Anzahl div's

  

  for (var i=0; i < uebergabe; i++)

   {

    if (document.getElementById(option[i]))

    {

     if (option[i] != wert)

     {      

          document.getElementById(option[i]).style.display = 'none';

     }

    }

   }

Leider blendet er mir hier stets nur das erste Div aus, keine weiteren

! Was mache ich hier falsch? Die Div's werden in einer Datenbankschleife automatisch erstellt und die Gruppierungslink in einer weiteren Datenbank schleife erstellt:

PHP-Code:

  //...

echo "<a href=\"#\" onclick=\"javascript: einaus('wert".$valueid."');\">".$reiheName["anbieter"]."</a>";

//..

Danke schon mal für tipps und Anregungen!

mfg wolf29

nikosch · 05.10.2011, 21:23

Zitat:

var option=[<?php echo $var_cut; ?>]; //array mit den ID's befüllen
var uebergabe = <?php echo $valueMenge; ?>; //Anzahl div's

Zitat:

echo "<a href=\"#\" onclick=\"javascript: einaus('wert".$valueid."');\">".$reiheName["anbieter"]."</a>";

Bitte mal „gerendert“ posten.

wolf29 · 05.10.2011, 21:25

PHP-Code:

    function einaus(wert){

  var option=['wert21','wert3','wert3','wert3','wert3','wert3','wert19','wert22','wert22','wert19','wert19','wert19','wert19','wert19','wert2','wert2','wert2','wert2','wert3','wert3','wert18','wert18','wert18','wert18','wert2','wert1','wert1','wert1','wert1','wert1','wert1','wert3','wert21','wert20','wert18','wert18','wert18','wert2','wert1']; 
  var uebergabe = 40;
  
  for (var i=0; i < uebergabe; i++)
   {
    if (document.getElementById(option[i]))
    {
     if (option[i] != wert)
     {      
      document.getElementById(option[i]).style.display = 'none';
     }
    }
   }

und

PHP-Code:

  <a href="#" onclick="javascript: einaus('wert3');">xxx</a>

mfg wolf29

P.S. Ahhh..sehe gerade selber. Die Div's bekommen alle dieselbe ID durch die zugewiesene Gruppenid :-/! Wie kann ich mehrere Div's durch einen klick schließen?

nikosch · 05.10.2011, 21:27

Hmm, was sagt die Fehlerkonsole?

nikosch · 05.10.2011, 21:30

Zitat:

P.S. Ahhh..sehe gerade selber. Die Div's bekommen alle dieselbe ID durch die zugewiesene Gruppenid :-/! Wie kann ich mehrere Div's durch einen klick schließen?

Indem Du sie anders selktierst. Über eine gemeinsame Klasse z.B.

wolf29 · 05.10.2011, 21:34

Hm...z.B. ID "wert3" already defined -> wie ich beim schreiben auch bemerkt hatte (doppelte ID's für Div's) und kleinere Html Fehler, z.B. / fehlt bei input tags.

mfg Wolf29

wolf29 · 05.10.2011, 21:37

Zitat:

Indem Du sie anders selktierst. Über eine gemeinsame Klasse z.B.

Hm..ok, demnach wäre der Code, um alle Div's zu schließen, vom Prinzip her ja richtig - thanx.

mfg Wolf29

nikosch · 05.10.2011, 21:38

Kein Fan von jQuery?

wolf29 · 05.10.2011, 21:40

Doch...aber der Kunde nicht

nikosch · 05.10.2011, 21:42

Okay, schade. Denn href="#" und das onClick-Inline-Attribut sind auch nicht gerade die feinste Variante

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] floating divs	drsoong	HTML, Usability und Barrierefreiheit	7	16.06.2011 22:27
[Erledigt] DIVs: Mouse: Divs verschieben	SvenLittkowski	JavaScript, Ajax und mehr	17	01.07.2009 19:47
overflow bei 2 divs	kid01	HTML, Usability und Barrierefreiheit	1	19.11.2008 12:18
ausrichtung von divs in divs geht nur im IE	litterauspirna	HTML, Usability und Barrierefreiheit	5	14.10.2008 14:58
[Erledigt] Divs nebeneinander richtig positionieren das sie nicht verschoben werden	litterauspirna	HTML, Usability und Barrierefreiheit	12	09.10.2008 09:04
[JS] Divs nach Datum sortieren	cycap	JavaScript, Ajax und mehr	24	16.07.2008 18:48
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
Formular mit DIVs	Aris Sung	HTML, Usability und Barrierefreiheit	2	25.11.2007 14:09
Dynamisches Container-Div für floating Divs	HStev	HTML, Usability und Barrierefreiheit	1	14.09.2007 12:39
DIV's untereinander -> Problem	snatch-ic	HTML, Usability und Barrierefreiheit	1	05.02.2007 12:39
Bereich eines unsichtbaren Divs "freigeben"	scooter	HTML, Usability und Barrierefreiheit	2	11.03.2006 22:25
3 divs nebeneinander mit dynamisch gleicher Höhe		HTML, Usability und Barrierefreiheit	19	18.01.2006 22:05
DIVs nebeneinander	freitz	HTML, Usability und Barrierefreiheit	4	21.04.2005 22:47
DIVs visible -> hidden beim Laden der Seite		HTML, Usability und Barrierefreiheit	2	03.03.2005 22:20
[Erledigt] drei divs nebeneinander		HTML, Usability und Barrierefreiheit	5	10.01.2005 20:27

05.10.2011, 21:18
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Mehrere Div's auf einmal unsichtbar machen Hi. Sehe heute den Wald vor lauter Bäumen nicht. Ich habe mehrere Schlagwörter (Gruppe) als Filterkriterium und darunter eine Liste mit unterschiedlichen Daten, die zu unterschiedlichen Gruppen gehören. Sämtliche Daten stehen jeweils in einem div mit unterschiedlicher id (id aus der Datenbank). Wenn ich jetzt auf einen Gruppierungswert klicke, sollen nur die Daten, die zu diesem Wert gehören, angezeigt werden und die restlichen Div's ausgeblendet werden (daran hapert's). Folgendes Javascript verwende ich: PHP-Code: `function einaus(wert){ var option=[<?php echo $var_cut; ?>]; //array mit den ID's befüllen var uebergabe = <?php echo $valueMenge; ?>; //Anzahl div's for (var i=0; i < uebergabe; i++) { if (document.getElementById(option[i])) { if (option[i] != wert) { document.getElementById(option[i]).style.display = 'none'; } } }` Leider blendet er mir hier stets nur das erste Div aus, keine weiteren! Was mache ich hier falsch? Die Div's werden in einer Datenbankschleife automatisch erstellt und die Gruppierungslink in einer weiteren Datenbank schleife erstellt: PHP-Code: `//... echo "<a href=\"#\" onclick=\"javascript: einaus('wert".$valueid."');\">".$reiheName["anbieter"]."</a>"; //..` Danke schon mal für tipps und Anregungen! mfg wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.10.2011, 21:25
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	PHP-Code: function einaus(wert){ var option=['wert21','wert3','wert3','wert3','wert3','wert3','wert19','wert22','wert22','wert19','wert19','wert19','wert19','wert19','wert2','wert2','wert2','wert2','wert3','wert3','wert18','wert18','wert18','wert18','wert2','wert1','wert1','wert1','wert1','wert1','wert1','wert3','wert21','wert20','wert18','wert18','wert18','wert2','wert1']; var uebergabe = 40; for (var i=0; i < uebergabe; i++) { if (document.getElementById(option[i])) { if (option[i] != wert) { document.getElementById(option[i]).style.display = 'none'; } } } und PHP-Code: `<a href="#" onclick="javascript: einaus('wert3');">xxx</a>` mfg wolf29 P.S. Ahhh..sehe gerade selber. Die Div's bekommen alle dieselbe ID durch die zugewiesene Gruppenid :-/! Wie kann ich mehrere Div's durch einen klick schließen? __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

05.10.2011, 21:27
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Hmm, was sagt die Fehlerkonsole? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.10.2011, 21:34
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Hm...z.B. ID "wert3" already defined -> wie ich beim schreiben auch bemerkt hatte (doppelte ID's für Div's) und kleinere Html Fehler, z.B. / fehlt bei input tags. mfg Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

05.10.2011, 21:38
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Kein Fan von jQuery? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.10.2011, 21:40
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Doch...aber der Kunde nicht __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

05.10.2011, 21:42
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Okay, schade. Denn href="#" und das onClick-Inline-Attribut sind auch nicht gerade die feinste Variante __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --