Søg
Avatar billede ravnborg Nybegynder
02. marts 2006 - 20:12 Der er 3 kommentarer og
1 løsning

Ændre link ved onclick

Jeg har et billede på min hjemmeside, som jeg bruger som en knap. Jeg vil gerne have lavet det sådan, hvis man klikker på knappen, vil et link længere nede på siden ændre sig.

<img src="knap.gif" onclick"  ???  side.asp?var=2">

<a href="side.asp?var=1">Link</a>


Hvordan gør man det?

Ravnborg
Avatar billede therichman Nybegynder
02. marts 2006 - 20:30 #1
Nu kender jeg ikke det store til hverken HTML eller javascript, men jeg tror svaret ligger i at give noget en værdi, som derefter kan ændres ved at trykke på knappen, fx:

number = 1
<img src="knap.gif" onclick" number = 2>

<a href="side.asp?var=" & number>Link</a>

Dette er sammensat ud fra min viden om Visual Basic, men det skulle ikke undre mig om det kan gøres på en lignende måde i HTML/Javascript
Avatar billede mclemens Nybegynder
02. marts 2006 - 22:02 #2
Hvad med:


<html><head><script language="javascript">
function changelink(){
document.getElementById("link").href="2-link";
document.getElementById("link").innerHTML="Dette er det andet link"; //linien kan evt. slettes...
}
</script></head>

<body>
<img src="etellerandet" onClick="java script:changelink();" /><br /><br />
<a href="1-link.html" id="link">Dette er det første link</a>
</body></html>



eller:



<html><head><script language="javascript">
function changelink(a){

b=2; //angiv antallet af forskellige links på nær 1 ... dette tilfælde 3links = 2
links=new Array("1-link.html","2-link.html","3-link.html");
tekst=new Array("1-tekst","2-tekst","3-tekst");

if(a==b)a=-1;if(a<b)a=a+1;
document.getElementById("link").href=links[a];
document.getElementById("link").innerHTML=tekst[a];
document.getElementById("linkchanger").outerHTML="<img src=\"etellerandet\"

onClick=\"java script:changelink("+a+");\" id=\"linkchanger\" />";
}
</script></head>

<body>
<img src="etellerandet" onClick="java script:changelink(0);" id="linkchanger" /><br /><br />
<a href="1-link.html" id="link">1-tekst</a>
</body></html>
Avatar billede ravnborg Nybegynder
03. marts 2006 - 22:46 #3
Det er bare super mclemens.

Opret lige et svar.

vh
Ravnborg
Avatar billede mclemens Nybegynder
03. marts 2006 - 23:07 #4
svar ;)
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 03/05/202613:59
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 14:56 Udseende af datoer Af ErikHg i Excel
I går 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
22/0518:51 Pausepil på youtube i chrome Af valby i Browsere
22/0511:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
White papers
Flere white papers »