entrée de formulaire comme paramètre url et sortie de la nouvelle URL sur la page Web

Question

Je souhaite qu'un utilisateur recherche des noms de domaine dans une base de données et les renvoie sur la page Web s'ils sont détectés. Mais je veux aussi donner des informations sur ce gène spécifique en créant un lien sur la page web avec le gène donné en entrée comme paramètre url.

exemple entrée: abi2

<p>Search Gene:</p> 
    <form name = "form1" method="post" action="javascript:jsonfunction();"> 
     <input name="search" type="text" id="search" size="40" maxlength="50"/> 
     <input type="submit" name="Submit" value="Search"/> 
    </form> 

Reste du code non inclus. Maintenant, ce que je voudrais faire sur la page Web:

information génétique: Genecards

(< « a href =" http://www.genecards.org/cgi-bin/carddisp .pl? gene = abi2 "> Genecards ) ajouté 'pour afficher le code.

Jusqu'à présent, j'ai trouvé cet endroit sur la pile ...:

<script> 
function process() 
{ 
var url="http://www.genecards.org/cgi-bin/carddisp.pl?gene=" + document.getElementById("url").value; 
location.href=url; 
return false; 
} 
</script> 

<form onSubmit="return process();"> 
URL: <input type="text" name="url" id="url"> <input type="submit" value="go"> 
</form> 

Mais cette redirige automatiquement vers la nouvelle page. Je veux juste que le lien sur ma page.

Merci à l'avance :)

Answer 1

Je pense que ce que vous voulez est quelque chose comme ça. Fondamentalement, cela a juste une balise d'ancrage vide là avec un ID afin que vous puissiez y accéder et quand ils soumettent le formulaire, il utilisera ces données pour créer le lien que vous spécifiez. (Vous pouvez également construire le lien à partir de rien, mais ce sera plus facile)

<script> 
function process() 
{ 
var url="http://www.genecards.org/cgi-bin/carddisp.pl?gene=" + document.getElementById("url").value; 
var link = document.getElementById("geneLink"); 
link.href = url; 
link.text = "Genecards" 
return false; 
} 
</script> 

<form onSubmit="return process();"> 
URL: <input type="text" name="url" id="url"> <input type="submit" value="go"> 
</form> 
<a id="geneLink" href=""></a>