Søg
Avatar billede pitzen Nybegynder
06. november 2003 - 21:31 Der er 6 kommentarer og
1 løsning

Image-tag i javascript!

Hey!

Jeg har et script, som gør at når jeg kører over linket, dukker der en beskrivelse op et andet sted på siden...

Jeg har denne kode :

<a href="forside.htm" class="style1" onmouseover="document.getElementById('forside').innerHTML=HER SKRIVER JEG MIN BESKRIVELSE!';document.getElementById('forside').style.display='block';" onmouseout="document.getElementById('forside').style.display='none';">Forside

Og så har jeg denne kode:

<div id="forside" style="display: none;"></div>

Nu vil jeg gerne have insat et Img-tag et sted, sådan at der også kommer et billede med, når jeg kører over linket!

Håber i kan hjælpe :)
Avatar billede schaefner Juniormester
06. november 2003 - 21:38 #1
<a href="forside.htm" class="style1" onmouseover="document.getElementById('forside').innerHTML='\74img src=\42http://exp.dk/img/eksperten_logo.gif\42\76';document.getElementById('forside').style.display='block';" onmouseout="document.getElementById('forside').style.display='none';">Forside</a>

<div id="forside" style="display: none;"></div>
Avatar billede schaefner Juniormester
06. november 2003 - 21:39 #2
<a href="forside.htm" class="style1" onmouseover="document.getElementById('forside').innerHTML='<img src=\42http://exp.dk/img/eksperten_logo.gif\42>';document.getElementById('forside').style.display='block';" onmouseout="document.getElementById('forside').style.display='none';">Forside</a>

<div id="forside" style="display: none;"></div>
Avatar billede schaefner Juniormester
06. november 2003 - 21:46 #3
<script type="text/javascript">
function switchText(element,text,display) {
    document.getElementById(element).innerHTML=text;
    document.getElementById(element).style.display=display;
}
</script>

<a href="forside.htm" class="style1" onmouseover="switchText('forside','<img src=\42http://exp.dk/img/eksperten_logo.gif\42>','block')" onmouseout="switchText('forside','','none')">Forside</a>

<div id="forside" style="display: none"></div>

mvh. Jesper Sørensen
Avatar billede schaefner Juniormester
06. november 2003 - 21:51 #4
Eller sådan her:

<script type="text/javascript">
function switchText(element,display) {
    elementList = new Array();
    elementList['forside'] = '<img src="http://exp.dk/img/eksperten_logo.gif">';
    elementList['home'] = '<img src="http://exp.dk/img/eksperten_logo_new.gif"><br><br>Hej med dig :)';

    document.getElementById(element).innerHTML=elementList[element];
    document.getElementById(element).style.display=display;
}
</script>

<a href="forside.htm" class="style1" onmouseover="switchText('forside','block')" onmouseout="switchText('forside','none')">Forside</a>
<a href="home.htm" class="style1" onmouseover="switchText('home','block')" onmouseout="switchText('home','none')">Home</a>

<div id="forside" style="display: none"></div>
<div id="home" style="display: none"></div>

Så burde du have lidt at arbejde med ;)
Avatar billede roenving Novice
10. november 2003 - 22:34 #5
-- og så kan den vel godt lukkes nu ?-)
Avatar billede schaefner Juniormester
30. januar 2004 - 11:45 #6
tjooh :)
Avatar billede schaefner Juniormester
19. november 2004 - 08:50 #7
Eller det skulle det måske ikke?
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 I går 10:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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 dag 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
20/0814:16 installere windows på separat diskpartition Af Malm i Windows
20/0813:43 Problem med mcafee Af Malm i Andet software
20/0813:39 Er tilstrækkelig antivirus incl på ny Samsung smartphone ? Af annam i Backup- & Antivirus
White papers
Flere white papers »