Discussion :

[Douzout]

Bonjour,

je souhaiterais faire une petite fonction qui permette de rajouter une étoile à la fin des différents mots entrés dans un formulaire.

S'il n'y a qu'un seul mot, je parviens à ajouter l'étoile grâce à

Code :

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

1
2
 
<input type="image" src="D:\gothotmini3.png" onclick="javascript:document.getElementById('where1').value +='*';document.getElementById('searchform').submit();" value="" />

('where1' est le nom du champ et 'searchform' le nom du formulaire)

je souhaiterais ajouter une étoile à tous les mots s'il y en a plusieurs, j'ai choisi de remplacer les ' ' par des '* ' et j'ai la fonction suivante :


avec

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<SCRIPT language="javascript" type="text/javascript">
<!-- 
function addEtoiles(motscles){
var newarray = document.getElementById(motscles).value.split(' ');
 
for (i = 0;i<=newarray.length;i++){
    newarray[i]=newarray[i].value +='* '
}
document.getElementById(motscles).value +='*';
document.getElementById('searchform').submit();
}
%//-->
</SCRIPT>

Quelqu'un pourrait-il m'aider à corriger cela ? La fonction split est-elle la plus pertinente ?

Merci d'avance !

[JulienC]

Bonjour,

Bon, je vais faire un peu de ménage là dedans :

Code :

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

1
2
3
4
5
6
 
function addEtoiles(motscles) {
   var elt = document.getElementById(motscles);
   elt.value = elt.value.replace(/\s/g, '* ') + '*';
   elt.form.submit(); // Je ne crois pas que ce soit nécessaire, un input de type 'image' submit déjà le formulaire normalement
}

[E.Bzz]

Bonjour,

Code :

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

1
2
 
   elt.form.submit(); // Je ne crois pas que ce soit nécessaire, un input de type 'image' submit déjà le formulaire normalement

Exact : un type="image" se comporte comme un type="submit".

Mais :

• il ne faut pas le "javascript:" dans le code des évènements (c'est toujours du JS ! => pas besoin de préciser)

• pour exécuter un traitement lors du submit, il faut utiliser l'évènement onsubmit du <form>, et non le onclick du bouton (ou de l'image)

A+

[Douzout]

Merci beaucoup pour vos réponses rapides et ... qui marchent

Encore merci !

[Douzout]

Re-bonjour,

En fait, le but était de rajouter des étoiles avant de lancer un moteur de recherche, et cela fonctionne bien.
Cependant, les mots-clés tapés étant affichés dans le champ texte après la recherche, je souhaiterais faire en sorte que ces étoiles soient masquées afin que l'utilisateur ne sache pas que des étoiles ont été ajoutées.

Je pense avoir la bonne fonction JS

Code :

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

1
2
3
4
function hideEtoiles(tutu){
   var grr = document.getElementById(tutu);
   grr.value = grr.value.replace('*', '');
}

mais je ne sais pas où je dois placer l'appel vers cette fonction.
(Je suis aussi preneur de toute fonction qui permettrait d'ajouter les étoiles de manière transparente pour l'utilisateur).

Merci d'avance !

[Douzout]

(Je suis aussi preneur de toute fonction qui permettrait d'ajouter les étoiles de manière transparente pour l'utilisateur)

Code :

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

1
2
3
4
5
function addEtoiles(motscles){
   var elt = document.getElementById(motscles);
   elt.value = '*' + elt.value.replace(/\s/g, '* *') + '*';
   elt.form.submit();
}

je souhaiterais par exemple afficher le texte 'Recherche en cours' dans le champ texte le temps que la recherche se fasse (càd jusqu'au rafraichissement automatique de la page contenant l'affichage des résultats).