Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „JavaScript DOM Manipulation“

Refus

aka Noisy

Guten Morgen werte PSD Gemeinde.

Ich hab von JS nicht wirklich viel bis gar keine Ahnung, dennoch benutz ich jetzt schon zum 2. Mal script.aculo.us - web 2.0 javascript.
Da es in xhtml Strict das Attribute onClick nicht gibt, wollte ich das anders lösen.

Im Headbereich der Seite hab ich folgendes stehn:
HTML:
	<script type="text/javascript">
		window.onload = init;
		
		function init() {
			var link = getElementById("link1");
			
			link.onClick = Effect.toggle('user_online','blind'); return false;
		}
	
</script>

eigentlich sollte das folgendes Ersetzen:
HTML:
<a href="#" onclick="Effect.toggle('user_online','blind'); return false;" id="link1">

			<img src="/clan/templates/Nemesis/images/user_online.png" alt="online" style="float: right;" />
		</a>

Leider tut es das nicht und ich weiß nicht wieso.
Also das Problem nochmal kurz. Pack ich das JS in den Link, dann funktioniert es, nehm ich die Funktion im Headbereich tut sich nichts.


PS: Bitte kommt nicht mit JS abgeschaltet etc. dafür ist gesorgt, der neue Eigentümer dieser Seite hätte aber gerne diese Effekt.
 

michas

Nicht mehr ganz neu hier

AW: JavaScript DOM Manipulation

Heißt die Funktion unter JS nicht onclick?

also
function init() {
var link = getElementById("link1");

link.onclick = Effect.toggle('user_online','blind'); return false;
}

Oder wird eventuell Deine onload-Funktion nochmal später im Script überschrieben?
 

gp812

Newbster

AW: JavaScript DOM Manipulation

Wenn die funktion in headbereich steht, dann wird sie ja ganz am anfang aufgerufen, aber es existiert zu diesem zeitpunkt noch kein element mit id "link1". Mach window.onload weg. Und schreib das:
PHP:
<script type="text/javascript">
 init;	
</script>
nach dem "link1"-Element geladen wird. Oder ganz unten an der seite.
 

michas

Nicht mehr ganz neu hier

AW: JavaScript DOM Manipulation

@gp812

Natürlich existiert das element 'link1' wenn init aufgerufen wird... denn windows.onload wird erst aufgerufen, nachdem das Dokument vollständig geladen wurde...
 

Refus

aka Noisy

AW: JavaScript DOM Manipulation

Also ich hab jetzt nochmal nachgeguckt und Firebug gibt mir folgendes aus:

Code:
getElementById is not defined
init()# (line 25)
var link = getElementById("link1");

Nur wo da jetzt mein Fehler ist versteh ich nicht wirklich.

Ich hab onClick onclick geschrieben ohne Erfolg und ich hab auch versucht die Funktion am Ende der Seite aufzurufen, hat auch nichts genützt.

Ist halt blöd, weil ich gerne xhtml strict machen und nich so komisches xhtml transitional :lol:
 

Refus

aka Noisy

AW: JavaScript DOM Manipulation

Danke, ist das eine gelöst folgt das nächste.

Jetzt kann ich den Div nicht mehr ein- und ausklappen, wenn ich auf den Link klicke. Stattdessen fährt der Div beim laden der Seite aus.
Hat jemand eine Ahnung wie ich das jetzt löse?
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.872
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben