Avatar billede cade.dk Nybegynder
22. november 2005 - 14:02 Der er 6 kommentarer og
1 løsning

Mouseover af en art :o)

Jeg har lige et spørgsmål mere hihihi..
Jeg har en stump kode som skal bruges til at når en bruger køre over et menu punkt så udskriver koden en lille tekst automatisk om hvad dette menu punkt indeholder mm.

Koden ser så ledes ud nu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <title> 608350 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript">

    function changefelt(felt,text)
    {
      var box = document.getElementById(felt);
      box.innerHTML = text;
    }
   
    </script>
  </head>
  <body>

  <img src="http://exp.dk/img/elogo.png" alt="" onmouseover="changefelt('eksperten','Eksperten.dk er nice')" onmouseout="changefelt('eksperten','')">
 
  <div id="eksperten"></div>


  </body>
</html>

Dette er mit forslag til hvordan mit problem kan løses:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <title> 608350 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript">

    function changefelt(felt,text)
    {
      var box = document.getElementById(felt);
      box.innerHTML = text;
    }
   
    </script>
  </head>
  <body>

  <img src="http://exp.dk/img/elogo.png" alt="" onmouseover="changefelt('eksperten','Eksperten.dk er nice')" onmouseout="changefelt('eksperten','')">
  <img src="http://exp.dk/img/elogo.png" alt="" onmouseover="changefelt('eksperten2','Eksperten.dk er nice')" onmouseout="changefelt('eksperten2','')">
 
<div id="eksperten"></div>
<div id="eksperten2"></div>


  </body>
</html>

- Problemet er at <div id="eksperten"></div> og <div id="eksperten2"></div> kommer under hinanden og ikke samme sted

Nogen forslag til hvordan det kan løses? evt. med <div id="eksperten; eksperten2"></div>

Det sidste er bare en ide - har prøvet ! det virker ikke hehe.

Hvordan løses dette problem? :)
Avatar billede softspot Forsker
22. november 2005 - 14:17 #1
Hvorfor har du to forskellige div-elementer til at vise teksten? Kan du ikke bare smide teksten i det samme?
Avatar billede softspot Forsker
22. november 2005 - 14:18 #2
Men hvorom alt er, så kan du skjule div-elementet når der ikke er nogen tekst i det. Det kan gøres ved at sætte

box.style.display = 'none':

når du så vil vise en værdi i feltet, kan du vise det med

box.style.display = 'block';
Avatar billede cade.dk Nybegynder
22. november 2005 - 14:37 #3
Nej jeg har ikke to div-elementer som udgangs punkt :o)
Jeg har posted den kode stump som et forslag til den løsning jeg søger.. hehe
For det jeg søger er et script der fungere på samme måde som den første kode ovenfor bare med mulighed for at have 5 billeder og ET felt hvor den udskriver 5 forskellige tekster. Forstår du? hehe

Men tak for dit bud.
Avatar billede softspot Forsker
22. november 2005 - 14:42 #4
Det er så der du skal bruge mit andet post :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <title> 608350 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript">

    function changefelt(felt,text)
    {
      var box = document.getElementById(felt);
      box.innerHTML = text;
      if(text.length != 0)
        box.style.display = 'block';
      else
        box.style.display = 'none';
    }
   
    </script>
  </head>
  <body>

  <img src="http://exp.dk/img/elogo.png" alt="" onmouseover="changefelt('eksperten','Eksperten.dk er nice')" onmouseout="changefelt('eksperten','')">
 
  <div id="eksperten"></div>


  </body>
</html>
Avatar billede cade.dk Nybegynder
22. november 2005 - 17:27 #5
top$ - det virker dælme :)

Smid et svar så skal du få dine points :))
Avatar billede softspot Forsker
22. november 2005 - 17:30 #6
Det får du fluks! :)
Avatar billede softspot Forsker
23. november 2005 - 16:04 #7
Tak for point :)
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