Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Ändern eines CSS Attributes für mehrere Elemente

Mitglied: cain99

cain99 (Level 1) - Jetzt verbinden

24.01.2011 um 11:37 Uhr, 3776 Aufrufe, 3 Kommentare

Hallo,

am besten fang ich gleich mal an zu erklären worum es geht.
Ich habe eine Website mit vollständig geladenen und formatierten Daten welche ich teilweise durch display: none; ausblenden lassen
Es gibt dann pro Datensatz eine Überschrift womit ich den darunterliegenden Datensatz einblenden lassen kann.
Es gehören also jeweils 2 Teile zu einem Datensatz.

Nun soll aber beim Klick auf einen 2. Button alle versteckten Elemente angezeigt werden und beim 3. Button nur alle Elemente die ein bestimmtes Kriterium erfüllen.

Die ausgeblendeten Abschnitte haben alle eine feste eindeutige ID, die class ist ebenfalls festgelegt der Name kann jedoch beliebig sein.

Mit diesem Code lasse ich die betreffenden stellen ein und ausblenden.

function div_show_hide(id) {
/* alert(document.getElementById(id).style.display == "block") */

if (document.getElementById(id).style.display == "block")
{
document.getElementById(id).style.display = "none";
}
else
{
document.getElementById(id).style.display = "block";
}
}
Mitglied: nxclass
24.01.2011 um 11:51 Uhr
Was ist jetzt genau dein Problem ?

ggf. fehlt Dir nur eine Funktion welche durch ein Array von IDs laufen kann:
01.
var aDaten = new Array(); 
02.
for (var sId in aDaten) { 
03.
    /* ... */ 
04.
}
Bitte warten ..
Mitglied: cain99
24.01.2011 um 12:07 Uhr
Mein Problem ist das ich nicht weiß wie ich alle Elemente ansprechen kann da sie alle unterschiedliche id's haben jedoch mit allen das gleiche passieren soll.

getelementbyID,Name und tagname fällt aus da ja alle nur ein Element ansprechen

Möchte quasi das alle tbody von style:none auf style:block gesetzt werden.
Bitte warten ..
Mitglied: nxclass
24.01.2011 um 20:13 Uhr
ich spare mir mal den Kommentar über Glaskugeln und Wahrsagerei - aber woran kann man die entsprechenden Elemente erkennen im HTML Code ?

alle tbody von style:none
alle tbody von ... style:block
... sind das alle ?
01.
var aNodesTbody = document.getElementByTagName('tbody'); 
02.
var aNodes = new Array(); 
03.
for (var iI=0; iI<aNodesTbody.length; iI++) { 
04.
  if (aNodesTbody[iI].attributes.style.display == 'none') { 
05.
    aNodes.push( aNodesTbody[iI] ); 
06.
07.
}
... jetzt sollten die gesuchten Elemente in aNodes stehen.

EDIT:
- ggf. ist es einfacher ein zusätzliches class Attribut einzufügen für die entsprechenden Elemente - und dann danach zu suchen.
- ebenfalls sollte die Suche gleich bei document.onload = ... geschehen
Bitte warten ..
Ähnliche Inhalte
Batch & Shell

Dateititel Attribut auf Dateiname ändern

Frage von BlackEndingBatch & Shell14 Kommentare

Hallo, ich habe ca 5000 Dateien von denen ich das Attribut "Titel" auf den Dateinamen ändern soll. Ich dachte ...

Webentwicklung

CSS Menü Child-Element verändert Größe von Eltern-Element

Frage von CenionWebentwicklung

Hallo zusammen, ich kämpfe jetzt seit einigen Stunden mit dem CSS unseres Menüs. Dieses ist mit den Jahren gewachsen, ...

CSS

Css rotating-boxes, Ansprechen einzelne Elemente

gelöst Frage von DDiZeeCSS2 Kommentare

Hallo alle zusammen, ich habe eine Frage und zwar: ich habe 6 drehenden Boxen (s. Beispiel-Link) Hier könnt ihr ...

CSS

CSS-Styledefinitionen für bestimmte BUCHSTABEN innerhalb eines Elements

Frage von CodehunterCSS3 Kommentare

Guten Morgen! Ist es möglich, einen CSS-Style zu definieren, der nur für bestimmte Zeichen innerhalb eines Elements gilt? Zum ...

Neue Wissensbeiträge
Humor (lol)
IoT-Gefahr: Smartes Aquarium leckt!
Information von Lochkartenstanzer vor 1 TagHumor (lol)3 Kommentare

Moin, Die IoT-Manie hat weitere Opfer gefunden. Ein Casino-Leck durch ein smartes Aquarium: Allerdings haben sie kein Wasser, sondern ...

Router & Routing

Alte Fritzbox 7270 mit VPN und SIP-Telefonie hinter O2 Homebox 6641 als "Modem"

Erfahrungsbericht von the-buccaneer vor 1 TagRouter & Routing3 Kommentare

Nun war es soweit: Auch O2 hat mich mit VOIP zwangsbeglückt. Heute am Privatanschluss, in 2 Wochen ist das ...

Sicherheit

Ungepatchte Remote Code Execution-Lücke in LG NAS

Information von kgborn vor 2 TagenSicherheit

Nutzt wer LG NAS-Einheiten? In den NAS-Einheiten der LG Network Storage-Einheiten gibt es eine sehr unschöne Schwachstelle, die einen ...

Windows Update

Neue Version KB4099950 NIC Einstellungen gehen verloren

Information von sabines vor 2 TagenWindows Update2 Kommentare

Es ist eine neue Version des KB4099950 verfügbar, die das Problem mit den verlorenen Netzwerkeinstellungen lösen soll. Das Datum ...

Heiß diskutierte Inhalte
Sicherheit
Verbindliche Zustellung per E-Mail?
Frage von ahussainSicherheit18 Kommentare

Hallo allerseits, ein Kunde von mir nutzt intensiv Fax. Hauptgrund: zusammen mit einer Empfangsbestätigung ist eine verbindliche Zustellung gewährleistet. ...

Router & Routing
Mikrotik: Routing zwischen Interfaces mit Geräten ohne Gateway
Frage von TonLichtVideoRouter & Routing18 Kommentare

Hallo zusammen, ich komme aus dem Veranstaltungstechnik Bereich und habe zwei Netze um verschiedene Hardware zu Remoten. CONTROL1 192.168.1.0/24 ...

Linux Netzwerk
Raspberry Pi 3: WLAN Power save deaktivieren
Frage von nordie92Linux Netzwerk14 Kommentare

Moin moin, mein Raspberry Pi 3 Model B benötigt eine dauerhaft aktive WLAN-Verbindung. Leider bricht die WLAN-Verbindung nach einigen ...

SAN, NAS, DAS
Entscheidung SAN Dell oder HP
Frage von VincorSAN, NAS, DAS13 Kommentare

Hallo, wir wollen uns für unsere Hyper V Umgebung eine neue SAN Anschaffen. Es laufen 30 VM's darunter, DC; ...