Avatar billede virus Nybegynder
01. februar 2005 - 22:05 Der er 2 kommentarer og
1 løsning

Problemer med events

<script>
            window.onload = doInit;
           
            function doInit ()
            {
                var e = document.getElementById('m');

                e.onmouseover = function () {this.style.backgroundColor = '#000000'}
                e.onmouseout  = function () {this.style.backgroundColor = '#FFFFFF'}
                e.onclick    = function () {location.href = '?' + this.innerHTML}
            }
        </script>
        <div id="m">lala</div>
        <div id="m">lala2</div>

Hvad gør jeg for at highlighte det rigtige element? :o)
Avatar billede softspot Forsker
01. februar 2005 - 23:12 #1
Du skal først og fremmest give dine elementer entydige id'er, da et id ikke må forekomme mere end een gang i et HTML-dokument (ikke dermed sagt at mange browsere accepterer dette). Hvis du giver elementerne entydige id'er skulle det også være lettere at gennemskue din "udfordring"...

Alternativt kan du give dem en klasse i stedet. Denne klasse kan du så søge efter i dokumentet på flg. måde:

  <script>
    window.onload = doInit;
           
    function doInit ()
    {
      var elist = document.getElementsByTagName('DIV');

      for(var i = 0; i < elist.length; i++)
      {
        var e = elist[i];
        if(e.className == "m")
        {
          e.onmouseover = function () {this.style.backgroundColor = '#000000'}
          e.onmouseout  = function () {this.style.backgroundColor = '#FFFFFF'}
          e.onclick    = function () {location.href = '?' + this.innerHTML}
        }
      }
    }
  </script>
  <div class="m">lala</div>
  <div class="m">lala2</div>
Avatar billede virus Nybegynder
02. februar 2005 - 08:14 #2
Perfekt, className er altså måden hvorpå jeg kan checke de enkelte elementer ud, det takker jeg for :o)
Avatar billede softspot Forsker
03. februar 2005 - 23:02 #3
Ja, det er i det mindste een metode til at finde elementer...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester