getElementsbyclassname

blurb32 · 30.09.2010, 22:09

Hallo an alle,

hoffe Ihr könnt mir weiter helfen !

Und ob ich hier richtig bin!?

Ich bin dabei für jemanden eine Firmen-Internetseite zu programmieren.

Möchte die Links in dem Navigationsbereich:

<div class="navigation_oben">
<ul>
<li><a href="Testlink.htm">Test</a></li>
<li><a href="Testlink.htm">Test</a></li>
<li><a href="Testlink.htm">Test</a></li>
<li><a href="Testlink.htm">Test</a></li>
<li><a href="Testlink.htm">Test</a></li>
</div>

mit sämtlichen Inhalten in dieser Klasse <div class="content"> anzeigen lassen!

Gibt es eine Möglichkeit mit diesem Befehl getElementsbyclassname dies zu erreichen?

Bitte um Rückmeldung!

Mit freundlichen Grüssen

blurb32

Manko10 · 30.09.2010, 22:13

Die Methode gibt es nicht, du kannst sie aber selbst implementieren. Helfen kann dir dabei document.getElementsByTagName('*'), was alle Elemente der Seite durchgeht. Du kannst dann nach Klasse filtern.

fab · 30.09.2010, 22:15

Ja, aber... warum?

blurb32 · 30.09.2010, 23:46

Hallo,

danke für die Hilfe!
Hier eine weitere Frage:

Könnte ich das auch mit diesem Code-Beispiel erledigen?

Code:

function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;

Mit freundlichen Grüssen

blurb32

ChrisB · 07.10.2010, 14:45

Mir ist überhaupt nicht klar, was du eigentlich erreichen willst.
Beschreibe das bitte erst mal verständlich und nachvollziehbar - ohne überhaupt schon irgendwelche JS-Funktionen zu erwähnen.

Eimer · 07.10.2010, 23:06

Du willst bei einer Aktion die Navigation einblenden lassen?
Ich gehe mal davon aus, du hast nur ein solches Element, daher kann du auch gleich eine ID nehmen.

HTML:

Code:

<div id="idname" onclick="ghidden('idname');">Hier</div>

CSS:

Code:

div#idname {
display: block;
position: absolute;
left:0px; 
top:0px; 
width:100%; 
height:100%;
z-index:999;
background-color: #000;
color: #fff;
filter:alpha(opacity=90);
-moz-opacity:.9;
opacity:.9;
}

JS:

Code:

function gshow(idname) { document.getElementById(idname).style.display = "block"; } 
        function ghidden(idname) { document.getElementById(idname).style.display = "none"; }

Ich habs nicht ausprobiert, daher sind Fehler im Code möglich.
Kann sein, dass ich nur Quatsch rede. Wie mein Vorposter angemerkt hat, versteht man dein Problem nicht komplett.

blurb32 · 08.10.2010, 11:33

Hallo,

möchte die Links in dem Content-Bereich anzeigen lassen, anstatt jedem Link die gleiche CSS zuweisen und diese in einem neuen Fenster zu öffnen.

Content-Bereich: soll sämtliche Texte der einzelnen Links enthalten

Link 1:

Der Link ÜberMich soll in dem Content-Bereich erscheinen.

Link 2:

Der Link Kontakt soll in dem Content-Bereich erscheinen.

Link 3:

Der Link Impressum soll in dem Content-Bereich erscheinen.

und so weiter!

Eimer · 08.10.2010, 12:04

Auch nach mehrfachen lesen, komm ich nicht dahinter, was nun genau gewollt ist.

Zitat:

möchte die Links in dem Content-Bereich anzeigen lassen, anstatt jedem Link die gleiche CSS zuweisen

Dieser Satz ergibt für mich keine direkte Logik. Zuerst bestimmst du per html wo genau die Links stehen. Weiterhin kannst du in dem css sagen, dass alle Links innerhalb des divs mit der id content anders aussehen soll

Zitat:

div#content a { }

Aber wie gesagt: ich rate nur was genau du nun meinst.
(Quellcode + Erklärung würde sicher helfen).

ChrisB · 08.10.2010, 14:21

Zitat:

Zitat von blurb32

möchte die Links in dem Content-Bereich anzeigen lassen, anstatt jedem Link die gleiche CSS zuweisen und diese in einem neuen Fenster zu öffnen.

Da ist für mich immer noch kein Zusammenhang erkennbar.

Was hat das CSS damit zu tun? Und wo kommen neue Fenster ins Spiel?

Ist vielleicht eher sowas das, was du suchst? http://tut.php-q.net/de/layout.html#s2

JavaScript ist hier ein eher unpassender Themenbereich. Man könnte zwar auch AJAX nutzen, um Content-Teile nachzuladen - aber damit bastelt man eigentlich nur Frames mit anderen Mitteln nach, und damit auch zahlreiche ihrer Nachteile.

Eimer · 08.10.2010, 14:58

Zitat:

JavaScript ist hier ein eher unpassender Themenbereich. Man könnte zwar auch AJAX nutzen, um Content-Teile nachzuladen - aber damit bastelt man eigentlich nur Frames mit anderen Mitteln nach, und damit auch zahlreiche ihrer Nachteile.

Das stimmt nur teilweise. Man könnte auch die anderen Inhalte statisch in den QUellcode reinschreiben und nur mit css verbergen. Mit javascript könnte man sich diese wieder sichtbar machen lassen. So wie oben steht, nur mit mehreren divblöcken.

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

30.09.2010, 22:09
blurb32 Neuer Benutzer Registriert seit: 30.09.2010 Beiträge: 4 PHP-Kenntnisse: Anfänger	getElementsbyclassname Hallo an alle, hoffe Ihr könnt mir weiter helfen ! Und ob ich hier richtig bin!? Ich bin dabei für jemanden eine Firmen-Internetseite zu programmieren. Möchte die Links in dem Navigationsbereich: <div class="navigation_oben"> <ul> <li><a href="Testlink.htm">Test</a></li> <li><a href="Testlink.htm">Test</a></li> <li><a href="Testlink.htm">Test</a></li> <li><a href="Testlink.htm">Test</a></li> <li><a href="Testlink.htm">Test</a></li> </div> mit sämtlichen Inhalten in dieser Klasse <div class="content"> anzeigen lassen! Gibt es eine Möglichkeit mit diesem Befehl getElementsbyclassname dies zu erreichen? Bitte um Rückmeldung! Mit freundlichen Grüssen blurb32


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

30.09.2010, 22:13
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Die Methode gibt es nicht, du kannst sie aber selbst implementieren. Helfen kann dir dabei document.getElementsByTagName('*'), was alle Elemente der Seite durchgeht. Du kannst dann nach Klasse filtern. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

30.09.2010, 22:15
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Ja, aber... warum? __________________ PHP Blog + Library CSS Effects + Tools

07.10.2010, 14:45
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Mir ist überhaupt nicht klar, was du eigentlich erreichen willst. Beschreibe das bitte erst mal verständlich und nachvollziehbar - ohne überhaupt schon irgendwelche JS-Funktionen zu erwähnen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

07.10.2010, 23:06
Eimer Erfahrener Benutzer Registriert seit: 28.05.2010 Beiträge: 126 PHP-Kenntnisse: Fortgeschritten	Du willst bei einer Aktion die Navigation einblenden lassen? Ich gehe mal davon aus, du hast nur ein solches Element, daher kann du auch gleich eine ID nehmen. HTML: Code: <div id="idname" onclick="ghidden('idname');">Hier</div> CSS: Code: div#idname { display: block; position: absolute; left:0px; top:0px; width:100%; height:100%; z-index:999; background-color: #000; color: #fff; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; } JS: Code: function gshow(idname) { document.getElementById(idname).style.display = "block"; } function ghidden(idname) { document.getElementById(idname).style.display = "none"; } Ich habs nicht ausprobiert, daher sind Fehler im Code möglich. Kann sein, dass ich nur Quatsch rede. Wie mein Vorposter angemerkt hat, versteht man dein Problem nicht komplett. Geändert von Eimer (08.10.2010 um 08:25 Uhr).

08.10.2010, 11:33
blurb32 Neuer Benutzer Registriert seit: 30.09.2010 Beiträge: 4 PHP-Kenntnisse: Anfänger	Hallo, möchte die Links in dem Content-Bereich anzeigen lassen, anstatt jedem Link die gleiche CSS zuweisen und diese in einem neuen Fenster zu öffnen. Content-Bereich: soll sämtliche Texte der einzelnen Links enthalten Link 1: Der Link ÜberMich soll in dem Content-Bereich erscheinen. Link 2: Der Link Kontakt soll in dem Content-Bereich erscheinen. Link 3: Der Link Impressum soll in dem Content-Bereich erscheinen. und so weiter!