src aller classen namens...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
angegebenen namen
ansprechen
array
beleg
code
element
entnehmen
gleichen namen
grad
grafik
hilfe
http
kleine funktion
mehrfach verwenden
objekt
url
vorhandenen elemente
wechsel
welt
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
also selfhtml kennt nur getElementsByName() oder getElementsByTagName()
für dich ist wohl ersteres das richtige...du musst dazu allerdings jedem element mit der klasse enter bzw pwenter auch ein name="xxx" attribut mitgeben...
edit: hier der link zu selfhtml -> http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_name
mfg
Beitrag zuletzt geändert: 8.2.2010 18:44:19 von syberpsace -
können wie bei einer vlasse auch mehrere Elemente den gleichen namen haben??
-
wenn du dir meinen link (hier nochmal -> http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_name) angesehen hättest, könntest du anhand des angegebenen beispielcodes sicher feststellen dass beliebig viele tags auf einer html-seite den selben namen haben dürfen.
mfg -
sry also vielen vielen Dank für deine Hilfe erstmal...
ich war grad n bissel im Stress und hab daher gleich drauf los geschrieben...
aber das klappt nicht wirklich...
HTML
<div id="theme"> <p class="roomtitle">Der Chat der Welt</p> <img src="" name="enter" class="enter" onmouseover="this.src='grafiken/hb_beitreten.png';" onmouseout="this.src='grafiken/b_beitreten.png';" onclick="senden();"/> </div>
JS
var element1 = document.getElementsByName('enter'); var element2 = document.getElementsByName('pwenter'); element1.src='b_beitreten.png'; element2.src='b_beitreten.png';
was mach ich da falsch?? MVG
Beitrag zuletzt geändert: 8.2.2010 18:53:47 von programtools -
Im Gegensatz zur Id kannst du einen Namen mehrfach verwenden. getElementsByName speichert alle vorhandenen Elemente mit dem angegebenen Namen in ein Array, von daher musst du der Variable auch mitteilen welches Objekt des Arrays ihr zugeteilt wird.
var element1 = getElementsByName("enter")[0]; var element2 = getElementsByName("pwenter")[0];
-
alle?!?
Ich möchte (wie oben beschrieben) alle objekte ansprechen die den Namen pwenter oder enter haben. was muss ich da machen?? -
du solltest dich mal mit den grundzügen von javascript vertraut machen.
aber ich will mal nicht so sein und hab dir eine kleine funktion gebastelt
function change() { var array = document.getElementsByName('name'); for (var i = 0; i < array.length; i++) { array[i].src='bild.png'; } }
mfg -
Super! Vielendank...
Nunja ich hab mich in bisjetzt jeder Programmiersprache vor der forschleife gedrückt. Klar kann man auch ne andere schleife nehmen aber ich dachte dass es eventuell einen eigenen Befehl in js gibt mit f´dam man alle indexe ansprechen kann.
Ich versuch mal obs klappt und schreib dann nochmal.
----------------------------------------------------------------------------------------------------------------------------------
ok klappt leider nicht :(
js:
var array = document.getElementsByName('pwenter'); for (var i = 0; i < array.length; i++) { array[i].src='style3/b_beitreten.png'; }
was stimmt da nicht???
wenn ich eine Afrage mache alert(array[0]); sagt er nur undefined. das gleiche mit 1,2,3,4...
Was stimmt da nicht??
Beitrag zuletzt geändert: 8.2.2010 19:55:39 von programtools -
programtools schrieb:
(..)
was stimmt da nicht???
wenn ich eine Afrage mache alert(array[0]); sagt er nur undefined. das gleiche mit 1,2,3,4...
Was stimmt da nicht??
Ich schätze mal daran das Du den namen "enter" vergeben hast aber nach "pwenter" suchst.
Code überarbeitet:
<html> <head> </head> <body> <div id="theme"> <p class="roomtitle">Der Chat der Welt</p> <img src="" name="pwenter" class="enter" onmouseover="this.src='grafiken/hb_beitreten.png';" onmouseout="this.src='grafiken/b_beitreten.png';" onclick="senden();"/> <img src="" name="pwenter" class="enter" onmouseover="this.src='grafiken/hb_beitreten.png';" onmouseout="this.src='grafiken/b_beitreten.png';" onclick="senden();"/> <img src="" name="pwenter" class="enter" onmouseover="this.src='grafiken/hb_beitreten.png';" onmouseout="this.src='grafiken/b_beitreten.png';" onclick="senden();"/> <img src="" name="pwenter" class="enter" onmouseover="this.src='grafiken/hb_beitreten.png';" onmouseout="this.src='grafiken/b_beitreten.png';" onclick="senden();"/> </div> <script type="text/javascript"> var array = document.getElementsByName('pwenter'); for (var i = 0; i < array.length; i++) { array[i].src='http://www.lima-city.de/images/smilies/wink.gif'; } </script> </body> </html>
EDIT:
Hey moment mal...
Darf ich diesem Code hier entnehmen das Du die Bilder beim überfahren mit der Maus wechseln willst?
onmouseover="this.src='grafiken/hb_beitreten.png';" onmouseout="this.src='grafiken/b_beitreten.png';"
Falls ja gäbe es da ja viiel elegantere Lösungen mit css
Beitrag zuletzt geändert: 8.2.2010 20:43:50 von simuliertes -
so ähnlich xD aber jetzt klappts!! Vielen Dank @ euch all
MVG -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage