een form gebruiken als link - Softwareontwikkeling

dinsdag 17 oktober 2006 22:20

Acties:

Verwijderd

Topicstarter

hallo, ik wil een form gebruiken als link met behulp van javascript. ik moet aleen nog de waarde van een variabele af laten hangen van de selectie in de form. zie hier de code die al getypt heb:

<script type="text/javascript">
function forms()
{
var file = loc + "/" + name + "." + "html";
document.write = "<a href=\"+file+\">+call+</a>"
}
</script>
<script type="text/javascript">

document.write (
'<form id="nav"',
'<span class="yellowtxtsmall">',
'Nintendo Entertainment <br>System<br>',
' <select name="NES">',
' <option value="consoles">consoles</option>',
' <option value="games">games</option>',
' <option value="controllers">controllers</option>',
' <option value="cables">cables</option>',
' <option value="accesoires">accesoires</option>',
' </select> <input type="button" onclick="forms()" value="ga" method="post"><br><br>'
);
</script>

Ziet iemand voor de rest nog fouten?

dinsdag 17 oktober 2006 22:21

Acties:

Wolfboy

ubi dubium ibi libertas

Wat is het probleem nu?

Maaruhm, vertel eens waarom je het hele formulier in javascript hebt staan, dat is nergens voor nodig

Blog [Stackoverflow] [LinkedIn]

dinsdag 17 oktober 2006 22:25

Acties:

user109731

Dat document.write = klopt niet, het is een functie en geen variabele of eigenschap. De tweede keer wordie wel goed aangeroepen. Je hebt ook loc en name gedefinieerd als globale variabelen?

Ik zou geen document.write gebruiken, het kan vast veel beter als je uitlegt wat je precies wil bereiken.

Dat concatenaten van die string gaat trouwens zo:

JavaScript:

1	document.write('<a href="'+file+'">'+call+'</a>');

[ Voor 17% gewijzigd door user109731 op 17-10-2006 22:29 ]

dinsdag 17 oktober 2006 22:36

Acties:

Verwijderd

Wat ik zou doen:

JavaScript:

<script type="text/javascript">
function forms()
{
var file = loc + "/" + document.forms["nav"].elements["NES"].value + "." + "html";
document.write = "<a href=\"+file+\">+call+</a>"
}
</script>

En dan inderdaad wat Grote prutser zegt wanneer je hier een link van wilt maken

.

[ Voor 15% gewijzigd door Verwijderd op 17-10-2006 22:37 ]

woensdag 18 oktober 2006 00:06

Acties:

André

Analytics dude

Hou er wel rekening mee dat dit soort link onmogelijk door zoekmachines gespiderd kunnen worden. Dus gebruik geen essentiele links met deze methode.

woensdag 18 oktober 2006 08:14

Acties:

CH4OS

It's a kind of magic

Waarom wil je zo omslachtig te werk gaan?

Je kan toch ook gewoon als er iets gekozen is uit de select een window.location gebruiken?
Dan kom je gelijk op de gewenste pagina, zonder dat je eerst een link hoeft aan te klikken...

Ik zou het overigens dan ook niet aan een onclick hangen, maar een onchange, dan gebeurd het bij elke verandering die plaatsvind binnen de select...

HTML:

<form name="mijnformnaam">
<select name="iets" onchange="jefunctie()">
    <option value="iets.html_ofzo1">Optie 1</option>
    <option value="iets.html_ofzo2">Optie 2</option>
    <option value="iets.html_ofzo3">Optie 3</option>
    <option value="iets.html_ofzo4">Optie 4</option>
    <option value="iets.html_ofzo5">Optie 5</option>
</select>

Daar kan je dan eventueel de volgende (basic) JS-code aan hangen:

JavaScript:

function jefunctie()
{
   var link = document.mijnformnaam.iets.value;
   window.location = "http://www.jesitenaam.tld/" + link;
}

Hou er rekening mee, dat zoals al eerder gezegt is door Andre, dat Google hier niets mee kan, daar searchspiders niets van JS snappen en dus de nieuwe link niet krijgen...

[ Voor 49% gewijzigd door CH4OS op 18-10-2006 08:25 ]

woensdag 18 oktober 2006 22:13

Acties:

Verwijderd

Yo tweaker, hierbij de oplossing

Ik heb je searchbox gebruikt om een variabele aan een functie door te sturen, nu kun je zelf met deze variabele aan de slag gaan. Ik heb deze truuc ook gebruikt bij mijn javascript website project, dus als je die wilt, laat het dan even weten

Je weet me te vinden!

Groetjes,

Alex Jr.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

<script type="text/javascript">
function search1(form) {
var keyword = form.inputbox.value;
alert(keyword)
}
</script>

<FORM NAME="myform" ACTION="" METHOD="GET">
<span style="font-family: Verdana, Arial, Helvetica;font-size: 14px;font-style: normal;color: #333399;">Nintendo Entertainment System<br><br>
<select NAME="inputbox" style="width:150px;">
<option value="consoles">consoles</option>
<option value="games">games</option>
<option value="controllers">controllers</option>
<option value="cables">cables</option>
<option value="accesoires">accesoires</option>
</select>
<INPUT TYPE="button" NAME="button" Value="zoek" onClick="search1(this.form)" target="content">

</BODY>
</HTML>