Discussion :

[caryl]

Bonjour à tous,

Je suis à la recherche d'un bout de code qui me permettrait de choisir à partir d'un bouton radio la possibilité de lancer une recherche

1- soit sur mon blog Wordpress
2 - soit sur mon forum phpBB3

le problème c'est que je suis loin de savoir développer en javascript et malgré mes heures de recherche je n'ai toujours rien trouver.

actuellement tout ce que j'ai pu obtenir c'est le changement de l'action mais cela ne fonctionne pas puisquele formulaire n'envoie pas la bonne valeur et le bon keyword.

Aujourd'hui mon formulaire est le suivant :

Dans le Head (je débute alors je n'ai pu mettre que ça pour l'instant )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type="text/javascript">
 function changeAction(page){
	  document.forms['recherche'].action = page;
        }
 </script>

Dans le body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<form name="recherche" id="recherche" method="get" action="http://www.mondomaine.com/">
 
    <input id="s" name="s" type="text" class="inputbox" value="Recherchez dans le blog" onfocus="if (this.value == 'Recherchez dans le blog') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Recherchez dans le blog';}"/>
 
 <input type="radio" name="choix" value="" checked="checked" onclick="changeAction('http://www.mondomaine.com/');"/>Le Blog
 
<input type="radio" name="choix" value="" class="styled" onclick="changeAction('http://www.mondomaine.com/forum/search.php');"/>Le Forum</label>
 
</form>

Obligations :
1-Je dois garder le même name="choix" dans les 2 inputs parce qu'ils sont stylés par la library mootools

2-Pour wordpress l'url envoyée par le formulaire doit utiliser la méthode "get" et être sous la forme :
http://www.mondomaine.com/?s=marecherche


2-Pour PhpBB3 l'url envoyée par le formulaire doit utiliser la méthode "post" et être sous la forme :
http://www.mondomaine.com/forum/sear...ds=marecherche

3-Je ne dois pas avoir de bouton "recherche", la validation se fait par la touche "entrer"

Est-ce qu'un bon pro du code saurait m'aider ? cela fait trop de conditions pour moi et les codes existants sur le forum ne m'ont pas permis de les agréger....

D'avance merci à tous....

[Bovino]

Salut,
A priori, sauf si j'ai raté une condition, il suffit d'ajouter un paramètre pour modifier le action...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function changeAction(page, type){
    document.forms['recherche'].action = page;
    document.forms['recherche'].method= type;
}

et ton HTML correspondant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<form name="recherche" id="recherche" method="get" action="http://www.mondomaine.com/">
 
    <input id="s" name="s" type="text" class="inputbox" value="Recherchez dans le blog" onfocus="if (this.value == 'Recherchez dans le blog') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Recherchez dans le blog';}"/>
 
 <input type="radio" name="choix" value="" checked="checked" onclick="changeAction('http://www.mondomaine.com/', 'get');"/>Le Blog
 
<input type="radio" name="choix" value="" class="styled" onclick="changeAction('http://www.mondomaine.com/forum/search.php', 'post');"/>Le Forum</label>
 
</form>