✔ Ein DIV-Container einblenden... andere ausblenden

Alice · 1. Mai 2012

Crack, das war eigentlich ironisch gemeint.

Keiner meiner User schaut sich den Code an und wenn schon. Mich interessiert das nicht die Bohne.

Übrigens habe ich deinen Code ausprobiert und der geht bei mir irgendwie nicht. Ich kann dann keine Layer mehr ein- oder ausklappen.

Parantatatam · 1. Mai 2012

Bei mir läuft das Skript, insofern hast du jetzt die Möglichkeit dir den noch einmal genau anzusehen oder du lässt es eben.

Alice · 1. Mai 2012

Mittlerweile habe ich den Code zum laufen gebraucht aber ich komme damit einfach nicht so klar.

Also muss ich zurück in die Steinzeit...

Code:

   function FAQ1 () {
      document.getElementById("FAQ_01").style.display='block';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ2 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='block';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ3 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='block';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ4 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='block';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ5 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='block';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ6 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='block';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ7 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='block';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ8 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='block';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ10 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='block';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ11 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='block';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ12 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='block';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ13 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='block';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ14 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='block';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ15 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='block';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ16 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='block';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ17 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='block';
      document.getElementById("FAQ_18").style.display='none';
   }

   function FAQ18 () {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='block';
   }

sheel · 1. Mai 2012

einfach nur crack hat gesagt.:
Das ist jetzt wirklich bitter.

Ich weiß, dass du Schleifen kennst.
Damit kannst du dir ca. 98% der Zeilen sparen.
Sind damit übrigens auch 98% der Ladezeit, Parsezeit, Festplattenverbrauch...

Alice · 1. Mai 2012

Ich habe bis 07.00 Uhr einfach alles ausprobiert. Ich kriegs nicht hin.

Kannst du mir denn nicht helfen?

Edit:

Code:

var toggle = function (number) {
  var FAQ_= document.getElementById('FAQ_');
  for(var i = 0; i < FAQ_.length; ++i)
  {
    if(i == number)
    {
      FAQ_[i].style.display = 'block';
    }
    else
    {
      FAQ_[i].style.display = 'none';
    }
  }
}

Das geht auch nicht.

Alice · 1. Mai 2012

einfach nur crack hat gesagt.:
Du hast dir gerade ein gutes Beispiel dafür geliefert, warum du die die IDs nicht brauchst. Und selbst die Schaltflächen zum Schließen dieser Kasten kannst du ohne ID lösen, sogar ohne Klassen.

Und wie kann ich das mit JS machen?

SpiceLab · 1. Mai 2012

Alice hat gesagt.:
einfach nur crack hat gesagt.:

Du hast dir gerade ein gutes Beispiel dafür geliefert, warum du die die IDs nicht brauchst. Und selbst die Schaltflächen zum Schließen dieser Kasten kannst du ohne ID lösen, sogar ohne Klassen.

Zum Vergrößern anklicken....

Und wie kann ich das mit JS machen?

Postest du diese Frage, damit das Thema in der Forenübersicht brav nach oben gespült wird?

Der zitierte Bezug liegt mittlerweile schon 12 Beiträge (gestern 22:55h) zurück, und nach deinen eigenen mehrfach untermauerten Aussagen willst du es aus best. Gründen eben mit IDs umsetzen.

Eine Bearbeitung deines knapp zwei Stunden alten Beitrags hätte da auch genügt, um diese aus bekanntem Grund überflüssige Frage zu stellen.

[edit]
Achja, vielen Dank zu deiner nachträglichen Rücknahme des Danke-Klicks für meinen vorletzten Beitrag vom gestrigen Abend. Offensichtlich weißt du nicht mit berechtigt kritischen Zeilen (Fragen / Kommentaren) umzugehen.

Da heiße ich dich doch liebend gern im engen Kreis meiner Ignorier-Liste herzlich Willkommen, um dir im Forum nicht länger ernsthaft Hilfe leisten zu müssen ;-)
[/edit]

Alice · 1. Mai 2012

Hier die Lösung. Nicht die schönste aber immerhin funktioniert es und ich kann selber bestimmen wo und wie ich meine DIV-Container platziere dank ID´s.

Der Code ist recht Simpel. Es werden erst alle Container ausgeblendet und nur das angeklickte wird dann eingeblendet.

Code:

   function SHOW(id) {
      document.getElementById("FAQ_01").style.display='none';
      document.getElementById("FAQ_02").style.display='none';
      document.getElementById("FAQ_03").style.display='none';
      document.getElementById("FAQ_04").style.display='none';
      document.getElementById("FAQ_05").style.display='none';
      document.getElementById("FAQ_06").style.display='none';
      document.getElementById("FAQ_07").style.display='none';
      document.getElementById("FAQ_08").style.display='none';
      document.getElementById("FAQ_09").style.display='none';
      document.getElementById("FAQ_10").style.display='none';
      document.getElementById("FAQ_11").style.display='none';
      document.getElementById("FAQ_12").style.display='none';
      document.getElementById("FAQ_13").style.display='none';
      document.getElementById("FAQ_14").style.display='none';
      document.getElementById("FAQ_15").style.display='none';
      document.getElementById("FAQ_16").style.display='none';
      document.getElementById("FAQ_17").style.display='none';
      document.getElementById("FAQ_18").style.display='none';
      document.getElementById(id).style.display = 'block';
   }

Sogar komplett selber geschrieben.

✔ Ein DIV-Container einblenden... andere ausblenden

Alice

Erfahrenes Mitglied

Parantatatam

mag Cookies & Kekse

Alice

Erfahrenes Mitglied

sheel

I love Asm

Alice

Erfahrenes Mitglied

Alice

Erfahrenes Mitglied

SpiceLab

ZENmechanic

Alice

Erfahrenes Mitglied

Neue Beiträge