WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- style:display - mehrere blöcke auf einmal switchen

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » style:display - mehrer... - 29 März 2024 Antworten
style:display - mehrere blöcke auf einmal switchen
diwie
Otto-Normal-Poster
Threadstarter




Beiträge: 51

ich habe mehrere blöcke mit unterschiedlichen id's (id1 - idxx), diese kann ich über einen jeweiligen textlink sichtbar/unsichtbar switchen. das klappt sehr gut.

nun möchte ich zusätzlich(!) einen link setzen, um alle(!) blöcke mit id* auf einmal ein- bzw. auszublenden.

hat für diesen zweck jemand eine(n) lösungs(ansatz) parat?

  Profil   Editieren   Zitieren
Impigra
Pixelschubser




Beiträge: 9

Wenn Du ein bischen mehr von Deinem Code preis gibst,
könnte ich mir vorstellen dass sich mehrere besser in die Problematik reinlesen können.


  Profil   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

Du baust dir einfach eine Funktion mit JS mit dem namen switchall() oder sonst was und packst da hintereinander einfach die Änderungsanweisungen für jeden der einzelnen Blöcke.
Die Funktion kannst du dann ja irgendwo aufrufen.

  Profil   Editieren   Zitieren
subjective
Forenheld




Beiträge: 844

Um das etwas zu optimieren könntest du die IDs auch beim Laden der Seite in JS-Arrays ablegen. Ich nutze in solchen Fällen meist getElementsByTagName() und das class-Attribut (statt id wie bei dir).

---
Weaverslave

  Profil   Website   Editieren   Zitieren
diwie
Otto-Normal-Poster
Threadstarter




Beiträge: 51

Der Code schaut in etwa so aus. Dabei handelt es sich um eine FAQ Liste. Wo zunächst nur die Fragen zu sehen sein sollen und bei klick auf selbige darunter die Antwort erscheint. Es werden mehr als 20 Fragen. Ich möchte zusätzlich noch einen Link anbieten, wo die Antworten ALLER Fragen auf einmal eingeblendet werden. PHP zu Hilfenahme wäre auch kein Problem, nur mit JS kenne ich mich nicht so gut aus.

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:
Frage1


Frage2


..... 

usw.


die JS-funktion zum einzelnen einblenden:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:
function toggleDisplay(id) {
  if (document.getElementById) {
    var e = document.getElementById(id);
    if (e) {
      if (e.style.display !== "") e.style.display = ""
      else e.style.display = "none"
    }  
  }
}

  Profil   Editieren   Zitieren
diwie
Otto-Normal-Poster
Threadstarter




Beiträge: 51

danke für eure anregungen. habe mir daraus folgendes gebastelt:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:
function toggleAll() {
 var x = document.getElementsByTagName('span');
 for (var i=0;i



  Profil   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » style:display - mehrer...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - style:display - mehrere blöcke auf einmal switchen im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 7975238    Heute : 189     Gestern : 388     Online : 35     29.3.2024    14:18      0 Besucher in den letzten 60 Sekunden        
Nach oben