Søg
Avatar billede rangerbs Nybegynder
09. juni 2003 - 17:12 Der er 7 kommentarer og
1 løsning

mouse over i html?

Hej eksperter...

hvordan gør jeg sådan at når jeg har en knap så når jeg køre musen over kommer knap2 frem?

og det skal samtidigt være et link

hvordan gør jeg det i html?

mvh Ranger
Avatar billede donwang Nybegynder
09. juni 2003 - 17:16 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('billede.jpg')">
<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>
</body>
</html>
Avatar billede rangerbs Nybegynder
09. juni 2003 - 17:25 #2
donwang --> hvis nu jeg skal have flere billeder sat ind ved siden af hinanden i en menu går det jo ikke at der står noget i <body> ?

og i denne her:

<body onLoad="MM_preloadImages('billede.jpg')">
<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>
</body>

vil du så ikke ændre der hvor man skal sætte navnene på filerne ind
og kalde dem "knap" og "knap2" ?

så skal du nok få point :D

mvh Ranger
Avatar billede roenving Novice
09. juni 2003 - 17:25 #3
<form name="minForm">

<button name="button1" id="button1" onmouseover="this.form.button2.style.display='block';" onclick="location.href='enAndenSide.html';">Mus over og tryk!</button><br><br>

<button name="button2" id="button2" style="display:none;">En ny knap!</button>

</form>
Avatar billede donwang Nybegynder
09. juni 2003 - 17:29 #4
Så sætter du bare en til af den har ind under den anden:

<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>
Avatar billede rangerbs Nybegynder
09. juni 2003 - 17:32 #5
roenving --> sorry, men det er ikke det jeg mener

der skal ikke komme en ny knap frem under den anden, men den skal erstatte den anden
Avatar billede rangerbs Nybegynder
09. juni 2003 - 17:42 #6
donwang --> Ja, lige præcis... nu nærmer jeg mig :D

men gider du ikke lige at ændre det.. ( bare lidt )

sådan at "knap1.jpg" ligger der også når man køre musen over erstattes den med "knap2.jpg"
også skrive det ind sådan at den er lige til at kopier?

<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>

sådan at der hvor der f.eks. står billedet2.jpg bliver skiftet ud med knap2.jpg osv.

mvh Ranger
Avatar billede roenving Novice
09. juni 2003 - 17:42 #7
Du kan da lige se det ;O)
<form name="minForm">

<button name="button1" id="button1" onmouseover="this.form.button2.style.display='block';this.style.display='none';">Mus over og få et link!</button><br><br>

<button name="button2" id="button2" style="display:none;" onclick="location.href='enAndenSide.html';">Klik her!</button>

</form>
Avatar billede rangerbs Nybegynder
09. juni 2003 - 17:49 #8
takker har fået det til at virke :D

donwangs metode jeg brugte
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »