kostenloser Webspace werbefrei: lima-city


src aller classen namens...

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    programtools

    programtools hat kostenlosen Webspace.

    Hi
    ich möchte den src aller Classen namens enter und pwenter belegen. Wie geht dass? Es gibt im FF ja document.getElementByClassName() aber es klappt nicht. Ich verlier grad voll den überblick wie ich dass anstellen soll!!
    Hoffe ihr könnt mir helfen!
    MVG
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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
  4. Autor dieses Themas

    programtools

    programtools hat kostenlosen Webspace.

    können wie bei einer vlasse auch mehrere Elemente den gleichen namen haben??
  5. 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
  6. Autor dieses Themas

    programtools

    programtools hat kostenlosen Webspace.

    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
  7. 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];
  8. Autor dieses Themas

    programtools

    programtools hat kostenlosen Webspace.

    alle?!?
    Ich möchte (wie oben beschrieben) alle objekte ansprechen die den Namen pwenter oder enter haben. was muss ich da machen??
  9. 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
  10. Autor dieses Themas

    programtools

    programtools hat kostenlosen Webspace.

    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
  11. 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
  12. Autor dieses Themas

    programtools

    programtools hat kostenlosen Webspace.

    so ähnlich xD aber jetzt klappts!! Vielen Dank @ euch all
    MVG
  13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!