Søg
Avatar billede zod Nybegynder
14. august 2004 - 16:37 Der er 10 kommentarer og
4 løsninger

hjælp, java script

hej alle eksperter !

jeg har føljene stump kode:

<HTML>

<HEAD>
    <TITLE>Hover efekt</TITLE>
        <script language="JavaScript">
            <!--
            function change(text){
              explanation.innerHTML=text
            }
            //-->
        </script>
</HEAD>


<BODY>
  <CENTER>

<A href="LINK HER" onMouseOver="java script:change('<B>Tekst der vises ved hover</B>')" onMouseOut="java script:change('')" >Kør musen over her og se en tekst under</A>

<HR style="border:1px dashed; border-color:#868686">

<TABLE border="0" cellspacing="0" width="200" cellpadding="0" bgcolor="#FFFFFF" height="120" style="border-left:1px solid; border-right:1px solid; border-top:1px solid; border-bottom:1px solid; border-color:#000000;">
    <TR>
          <TD width="100%" height="20" align="right"><a href="#" onMouseOver="java script:change('')"  onMouseOut="java script:change('')"></A>&nbsp;&nbsp;</TD>
      </TR>
     
    <TR>
          <TD height="100" align="center" valign="top">
   
    <TABLE width="100%" cellspacing="0" cellpadding="0">
        <TR>
          <TD width="5%"></TD>
          <TD width="90%" valign="top"><FONT color="#868686"><DIV id="explanation"></DIV></FONT></TD>
          <TD width="5%"></TD>
        </TR>
    </TABLE>

  </CENTER>
</body>

lige nu kan den kun vise tekst ved hover hvordan gør man så den og så kan vise et billede


//Zod
Avatar billede zod Nybegynder
14. august 2004 - 16:45 #1
nogen der er i gang
Avatar billede andersdp Nybegynder
14. august 2004 - 16:52 #2
Det er nok bedre, at lukke spørgsmålet her og oprette det i javascript kategorien.
Avatar billede jakobsynder Nybegynder
14. august 2004 - 17:39 #3
du skal lave:
document.getElementById('explanation').innerHTML=text;
- og du skal kun skrive java script: i din href's ikke i onmouseover, onchange osv.
Avatar billede zod Nybegynder
15. august 2004 - 09:47 #4
jakobsynder >> hvor skal jeg sætte "document.getElementById('explanation').innerHTML=text;" ind henne
Avatar billede jakobsynder Nybegynder
15. august 2004 - 10:05 #5
Du skal udskifte:
explanation.innerHTML=text
med:
document.getElementById('explanation').innerHTML=text;
- i din funktion.
Avatar billede jakobsynder Nybegynder
15. august 2004 - 10:07 #6
Aj for helvede. Det er først nu det går op for mig hvad du egentlig spørger om.
Hvis du gerne vil vise et billede, kan du da bare lade din tekst være et <img> tag?
Avatar billede zod Nybegynder
15. august 2004 - 10:14 #7
og den færdige kode, hvordan ser den ud
Avatar billede zod Nybegynder
15. august 2004 - 10:23 #8
kan du ikke lige ændre det der skal ændres og så sende den
Avatar billede jakobsynder Nybegynder
15. august 2004 - 10:24 #9
<script type='text/javascript'>
<!--
function change(txt) {
document.getElementById('explanation').innerHTML=text;
}
//-->
</script>

<a href='/sti/til/link.html' onmouseover='change("<img src=\"sti/til/billede.gif\" alt=\"\" />");' onmouseout='change("");'>Mit link</a>

<div id='explanation'></div>
Avatar billede zod Nybegynder
15. august 2004 - 10:39 #10
det virker ikke
Avatar billede zod Nybegynder
15. august 2004 - 10:41 #11
den siger bare at der er fejl på siden
Avatar billede jakobsynder Nybegynder
15. august 2004 - 10:46 #12
function change(txt) {  <--- txt = text
document.getElementById('explanation').innerHTML=text;
}
Avatar billede zod Nybegynder
15. august 2004 - 11:10 #13
kan du ikke lige sende hele koden,  hvor billedet den skal vise ved hover "14a.gif"
Avatar billede jakobsynder Nybegynder
15. august 2004 - 17:33 #14
<html>
<head>
  <title>Hover effekt</title>
  <script>
    function change(cstr) {
      document.getElementById('explanation').innerHTML=cstr;
    }
  </script>
</head>
<body>
  <a href='http://www.exp.dk' onmouseover='change("<img src=\"14a.gif\">");' onmouseout='change("");'>Eksperten.dk</a>
  <div id='explanation'></div>
</body>
</html>
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
Se alle it-kurser fra Computerworld Kurser
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.
Se alle it-kurser

Flere spørgsmål fra Småopgaver kategorien

Titel Indlæg Oprettet Seneste aktivitet
Negativ billeder på samsung Af ALICE i Småopgaver 2 16/01/202610:29 16/01/202618:31
Flytte mappe fra stationær til bærbar Af valby i Småopgaver 20 07/05/202520:51 10/05/202513:43
Hjælp til DC motorstyring Af axel21 i Småopgaver 7 06/03/202522:34 10/03/202518:51
Gode råd til kommende supporter Af SilentSloth i Småopgaver 4 31/12/202423:10 01/01/202515:09
Udregning af vinkel på brædder. Af Peter i Småopgaver 14 11/12/202415:12 13/12/202415:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 23:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
I går 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
13/0520:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
13/0518:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
White papers
Flere white papers »