Changer l'action (ainsi que l'image) d'un formulaire au clic d'un bouton radio (et utiliser le même script plusieurs fois dans la page)

Bonjour,

Je tente de créer une page réunissant plusieurs moteurs de recherche (voir [ Lien ] ) et j'ai quelques soucis.

En fait je souhaiterais que le moteur de recherche utilisé change selon le bouton radio coché.

J'ai réussi à créer un script pour ça:

function changeAction(page) {
  document.forms.recherche.action = page;
}

Seulement ça ne fonctionne que pour le premier moteur utilisant ce script (Wikipédia) et pas pour le suivant.

Je pense que ça vient du fait que j'utilise <form id="recherche" au lieu de <form class="recherche" mais quand j'utilise <form class="recherche" mon script ne fonctionne plus, je ne sais pas l'adapter, je crois qu'il faut rajouter .className mais où ?

De plus, je souhaiterais que les icônes des moteurs changent en même temps que l'action, ainsi que le texte prérempli (la class=hint dans mon code) .

J'ai fait un schéma explicatif ici:


J'ai réuni ma page web, le fichier css, les images, et les scripts dans une archive zip ici => [ Lien ]

Je pense pas que ça soit bien compliqué quand on s'y connaît mais là malgré mes recherches j'ai vraiment du mal.

Merci d'avance pour votre aide.

bonjour,

>><form id="recherche" au lieu de <form class="recherche"

oulah...

tu confonds surtout 2 choses qui n'ont aucun rapport
pour faire simple

class, c'est lier la balise à du css pour la présentation
id, c'est donner un nom à cette balise pour pouvoir l'utiliser

quand à ton souci pour appeler le bon moteur,
"il suffit" de mettre la bonne url ( avec les paramètres qui conviennent !!! )
http://www.google.fr.... ou http://www.fr.altavista.com ... ou autres

Cordialement

[mon Site][M'écrire]Bul

J'essayais d'utiliser class car contrairement à id on peut l'utiliser plusieurs fois, tandis qu'un id est unique. Maintenant c'est vrai que je connais plus le CSS que le Javascript d'où mon erreur.

En fait je cherche un moyen de réutiliser le même script sans le réécrire à chaque fois dans la page.

Par rapport à l'url j'ai réussi à la mettre sous la forme:

 <input type="radio" name="radio" checked="checked" onclick="changeAction('http://www.youtube.com/results?search_query=');"/>Youtube

et

      <input type="radio" name="radio" onclick="changeAction('http://www.dailymotion.com/relevance/search/');"/>Dailymotion

Et cela fonctionne, mais une seule fois dans la page et c'est là que je bloque.

Ça ne change pas non plus l'image ni le title dont le nom d'input est search mais ça c'est parce que je n'ai pas encore réussi à créer le script pour.

Aurais-tu un exemple de code ?

des radio ? quelle idée ?!?!!??
j'aurais opté pour tout, mais pas pour de radios !
mais bon... chacun ses goûts au fond

>>Et cela fonctionne, mais une seule fois dans la page
ah ?? et pourquoi donc ? pas de raisons.....
si la function changeAction fait correctement son boulot

>>Ça ne change pas non plus l'image ni le title
parce que tu ne le fais pas, je suppute ( mais sans l'être )

>>J'essayais d'utiliser class car contrairement à id on peut l'utiliser plusieurs fois,
>>tandis qu'un id est unique
certes...
mais comme l'utilisation de class et de id n'a rien
à voir l'un avec l'autre.... ???
tu peux mettre le class que tu veux sur n'importe quelle balise,
ça ne te permettra pas d'y accéder en javascript par exemple

>>>des radio ? quelle idée ?!?!!??
>>>j'aurais opté pour tout, mais pas pour de radios
quand je dis cela, c'est compte tenu de la manière
dont tu sembles utiliser....
pour le choix du moteur de recherche, pourquoi pas
c'est même probablement "le plus simple" à utiliser

>>pas de raisons.....
si la function changeAction fait correctement son boulot

Comment faire en sorte que changeAction fasse correctement le boulot ?

J'ai bien compris que j'y prenais mal mais que dois-je faire pour bien faire justement ?

Donne moi des pistes s'il te plaît.

la question c'est plutôt : comment fais-tu ?
parce que comment faire, on peut répondre d'une foultitude
de manières ( j'aurais bien dit de 256894 manières,
mais PetoleTeam est capable de les demander toutes ;o)

>>Comment faire, on peut répondre d'une foultitude
de manières

Une seule manière me suffirait.

>>comment fais-tu ?

Je l'ai déjà expliqué, mon script est le suivant:

function changeAction(page) {
  document.forms.recherche.action = page;
}

Mon html (extrait):

<form class="recherche" method="get" action="http://fr.wikipedia.org/wiki/Special:Search?search=">
<div class="saisie">
<br />
<img src="images/moteurs_de_recherche/wikipedia.png" alt="Logo Wikipedia" class="logo" />
      <input name="search" class="hint" value="" title="Wikip&eacute;dia" type="text" />
    <input name="bouton" type="image" src="images/moteurs_de_recherche/loupe.gif" alt="Chercher" class="loupe" />
    </div>
  <div class="options">
      <input type="radio" name="radio" checked="checked" onclick="changeAction('http://fr.wikipedia.org/wiki/Special:Search?search=');"/>
      Fran&ccedil;ais
      <input type="radio" name="radio" onclick="changeAction('http://en.wikipedia.org/wiki/Special:Search?search=');"/>Anglais
            <input type="radio" name="radio" onclick="changeAction('http://de.wikipedia.org/wiki/Special:Search?search=');"/>Allemand
     <input type="radio" name="radio" onclick="changeAction('http://es.wikipedia.org/wiki/Special:Search?search=');"/>Espagnol
    </div>
    </form>

Mais si j'utilise onclick="changeAction dans un autre form de ma page, ça ne fonctionne pas, ça fonctionne que pour le 1er form.

Donc je répète ma question comment faire pour que cela fonctionne plusieurs fois (sans avoir une page trop lourde) ?

>>Je l'ai déjà expliqué,
c'était loin d'être aussi clair que tu ne le penses  !
dans la fonction changeaction tu modifies l'action du formulaire, certes,
mais les paramètres, pour les différents moteurs de recherches,
ne sont probablement les mêmes
 là d'ailleurs, tu met toujours la même chose ?
  tu ne te sers que de wikipedia ?
  je croyais avoir compris qu'il fallait plusieurs moteurs ?
pour google par exemple :  http://www.google.fr/search?q=texte à rechercher....
tu dois donc adapter pour chaque cas

>>Donc je répète ma question comment faire pour que cela fonctionne
>>plusieurs fois (sans avoir une page trop lourde)
là tel que tu fais met target="résultat" dans le form
 ce formulaire n'est d'ailleurs pas soumis ? si ? j'ai mal vu ?
on n'a toujours pas tout le nécessaire me semble-t-il....
tu rechignes à fournir toutes les infos ?