webForumDet fria alternativet

Länkar med javascript

JavaScript

8 svar · 253 visningar · startad av Rocket

Medlem sedan feb. 2000372 inlägg
Frågan#1

Jag behöver hjälp att fixa en liten sak med JavaScript.

På min sida så har jag några länkar som skickar besökaren vidare till en php sida. Nu vill jag att beroende på vad besökaren har valt i en rullist så ska länken antingen vara script.php?1 eller script.php?2.

Alltså när man klickar på en länk så ska ett JavaScript kolla vad som är valt i rullisten och sedan skicka besökaren vidare.

Medlem sedan juli 2000836 inlägg
#2

Prova detta:

<html>
<head>
<script language="JavaScript"> 
function skicka_till(){
document.location.href=document.foo.bar.value;
}
</script>
</head>

<form name="foo">
<select name="bar">
<option value="script.php?1">Ett</option>
<option value="script.php?2">Två</option>
</select>
</form>

<a href="javascript:skicka_till();">klicka</a>

</html>

------------------
- J-O-H-N-S-E-N -
------------------

Medlem sedan feb. 2000372 inlägg
#3

Om jag nu vill ha fler än en länk så måste jag ha en ny function, t.ex skicka_till2.

Jag villa kunna köra alla länkar med samma function.

Vi säger så här:
Länk ett ska vara till script.php?b=001&t=1 eller t=2 beroende av vad rullisten visar.
Länk två kommer alltså antingen vara till script.php?b=002&t=1 eller script.php?b=002&t=2

Hur ska jag göra det?

//Simon

[Redigerat av Rocket den 14 apr 2001]

Medlem sedan juli 2000836 inlägg
#4
<html>
<head>
<script language="JavaScript"> 
function skicka_till(lank){
document.location.href=lank+document.foo.bar.value;
}
</script>
</head>

<form name="foo">
<select name="bar">
<option value="1">Ett</option>
<option value="2">Två</option>
</select>
</form>

<a href="javascript:skicka_till('script.php?b=001&t=');">länk 1</a><br>
<a href="javascript:skicka_till('script.php?b=002&t=');">länk 2</a>
</html>

------------------
- J-O-H-N-S-E-N -
------------------

Medlem sedan feb. 2000372 inlägg
#5

Jo det var en sak till :)

Om jag nu vill mixa det du har skrivit med detta:

function new_window(url,id,w,h,scrl) {
var x = (screen.width/2) - (w/2);
var y = (screen.height/2) - (h/2);
window.open(url,id,'scrollbars='+scrl+',left='+x+',top='+y+',width='+w+',height='+h);
}

<a href="#" onClick="new_window('script.php3?b=002','visa_bild',600,400,'no')">

Alltså ska länken öppnas i ett nytt fönster.

//Simon

Medlem sedan juli 2000836 inlägg
#6

Har du provat själv?
Du borde ju kunna få ihop det genom att jämföra koderna...

------------------
- J-O-H-N-S-E-N -
------------------

Medlem sedan feb. 2000372 inlägg
#7

Jag har provat, men det har inte gått.

Det jag vill är ju att sätta lank+document.foo.bar.value som url i new_window scriptet.

Jag vet ju hur lätt det skulle vara att göra i perl och php, som jag kan lite. Men när det gäller javascript så har jag inte en aning.

//Simon

Medlem sedan juli 2000836 inlägg
#8
<html>
<head>
<script language="JavaScript"> 
function skicka_till(url,id,w,h,scrl){
var x = (screen.width/2) - (w/2);
var y = (screen.height/2) - (h/2);
window.open(url+document.foo.bar.value,id,'scrollbars='+scrl+',left='+x+',top='+y+',width='+w+',height='+h);
}
</script>
</head>

<form name="foo">
<select name="bar">
<option value="1">Ett</option>
<option value="2">Två</option>
</select>
</form>

<a href="javascript:skicka_till('script.php?b=001&t=','visa_bild',600,400,'no');">länk 1</a><br>
<a href="javascript:skicka_till('script.php?b=002&t=','visa_bild',600,400,'no');">länk 2</a>
</html>

------------------
- J-O-H-N-S-E-N -
------------------

Medlem sedan feb. 2000372 inlägg
#9

Tackar det fungerar utmärkt.

//Simon

254 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)