Appel d'une fonction javascript ) partir d'un href

Appel d'une fonction javascript ) partir d'un href - HTML/CSS - Programmation

Marsh Posté le 23-09-2011 à 12:26:16    

Bonjour,
 
je suis nouveau dans ce forum, :) et j'espère que vous allez m'aider dans mon problème.
 
je cherche à récupérer la valeur retournée par une fonction javascript qui est en fait un lien
 
 pour l'utiliser dans le href d'un lien htmln mais avant ça j'appelle la focntion grace à un évènement onchange qui est fait sur un input... bref voici le code:
 
    <input type="text" name="rechercher" id="rechercher" onchange="update_val()"  style="color:red" value="Rechercher"\>
 
<script>
function update_val(){
    val_rechercher=document.getElementById('rechercher').value;
  vat = "zone_rech.php?store="+val_rechercher;
  return (vat);
}
</script>    
   
   <a href="javascript:update_val()">GO</a><br/>
 
 
mais ça ne marche pas.. :??:  que dois-je faire
 
Merci d'avance pour vos réponses  ;)  

Reply

Marsh Posté le 23-09-2011 à 12:26:16   

Reply

Marsh Posté le 23-09-2011 à 12:34:22    

Il faut utiliser "onclick" ;)

Reply

Marsh Posté le 23-09-2011 à 12:39:18    

l'utiliser ou ? dans le href ?

Reply

Marsh Posté le 23-09-2011 à 12:47:22    

Non comme ça :
<a onclick="tafonction">go</a>

Reply

Marsh Posté le 23-09-2011 à 12:56:52    

Malheureusement le lien n'est pas du tout cliquable, ça marche pas !!!
 
j'ai essayer :
 <input type="text" name="rechercher" id="rechercher" onchange="update_val()"  style="color:red" value="Rechercher"\>  
 
<script>  
function update_val(){  
    val_rechercher=document.getElementById('rechercher').value;  
  vat = "zone_rech.php?store="+val_rechercher;  
  alert (vat);  
}  
</script>
 
et donc dès que je rentre une valeur dans la zone de text(input), l'alert affiche bien la valeur qui est en fait ça :  
 
zone_rech.php?store=valeur_entrer_dans_la_zone_text
 
OR moi je veux utiliser cette valeur qui est afficher dans un href c'est pourqoui j'ai fais <a href="javascript:update_val()">GO</a><br/>
Mais ça ne marche pas aura -tu une explication ??

Reply

Marsh Posté le 23-09-2011 à 17:01:57    

Si tu veux que la fonction se lance sur le clic sur le a, comme egege t'as dit utilise <a onclick='updateVal()'>go</a>.
 
Si tu modifier l'url appelée par le lien, tu fais  
 
function update_val(){
val_rechercher=document.getElementById('rechercher').value;  
vat = "zone_rech.php?store="+val_rechercher;  
document.getElementById('lien').href = vat;
}
 
avec <a href='#" id='lien'>go</a>

Reply

Marsh Posté le 23-09-2011 à 17:09:30    

merci pour ta réponse, sauf que je veux le récupérer dans href pck après en fait je dois ouvrir une iframe que je dois lui fournir absolument le lien de la page.
 
alors que dois-je faire pr récupérer le lien dans href ? est-t-il déja possible ?

Reply

Marsh Posté le 23-09-2011 à 17:15:04    

Si tu veux la valeur qui est actuellement dans le href, tu l'as dans document.getElementById('lien').href
 
Par exemple : <a href="www.monsite.com">go</a>  
 
tu peux faire :  
function update_val(){  
val_rechercher=document.getElementById('rechercher').value;    
vat = document.getElementById('lien').href + "/zone_rech.php?store="+val_rechercher;    
document.getElementById('lien').href = vat;  
}  
 
et apres appel de update_val(), ton lien pointera vers www.monsite.com/zone_rech.php?stor [...] Rechercher

Reply

Marsh Posté le 23-09-2011 à 17:17:10    

Comme tu m'as l'air de débuter en js, je te conseille vivement de lire le cours du SdZ : http://www.siteduzero.com/tutoriel [...] cript.html

Reply

Marsh Posté le 23-09-2011 à 17:22:51    

ouai je le lis en parrallèle Merci, sauf que je n'est pas compris quand tu dis  
 
et apres appel de update_val(), ton lien pointera vers www.monsite.com/zone_rech.php?stor [...] Rechercher  
 
je dois faire quoi pour appeler la fonction ? tjr comme ca  
<a href="javascript:update_val()">GO</a><br/>

Reply

Marsh Posté le 23-09-2011 à 17:22:51   

Reply

Marsh Posté le 23-09-2011 à 17:28:52    

La fonction que j'ai décrite modifie la valeur du href. Tu peux l'appeler par exemple sur onchange de tes champs.  
 
Si tu écris <a href="fonction()">go</a>, ca ne veut pas dire qu'en cliquant sur le lien, le href pointe vers la valeur de retour de la fonction.  
 
 
La stratégie que j'ai décrite c'est :
 
1. La valeur R est modifiée dans le champ Rechercher
2. La fonction calcule l'url voulue a partir de R, et la met dans le href de ton lien
3. Au clic sur le lien l'url calculée en 2 s'ouvre.

Reply

Marsh Posté le 23-09-2011 à 17:34:27    

Ok, donc j'ai fais ça et pourtant ça marche tjr pas...
 
<script>
function update_val(){
    val_rechercher=document.getElementById('rechercher').value;
  vat = "zone_rech.php?store="+val_rechercher;
  document.getElementById('lien').href = vat;  
}
</script>    
<a href="zone_rech.php" onclick="javascript:update_val()">GO</a><br/>
 
c'est bien ça ce que tu veux dire ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed