[DOM] simuler la touche tab?

Bonjour,
dans un script greasemonkey (code javascript s'ajoutant au code de la page visitée) comment peut on faire pour simuler X appui sur la touche tabulation, afin de pouvoir avancer jusqu'a un select donné (on ne connait pas le nom des select de la page juste la position du select sur lequel on veut ce placer).

autre question en rapport avec ce script greasemonkey et cette page pleine de select, comment remplir tout les select comportant une option commune?
Merci de vos réponses et de votre soutien

Bonjour,

Citation:

Envoyé par papoo

dans un script greasemonkey (code javascript s'ajoutant au code de la page visitée) comment peut on faire pour simuler X appui sur la touche tabulation, afin de pouvoir avancer jusqu'a un select donné (on ne connait pas le nom des select de la page juste la position du select sur lequel on veut ce placer).

En javascript, on ne peut pas simuler l'appui sur une touche. Toutefois, comme tu connais la position de l'élément (son index dans la page), je pense que tu peux le cibler pour lui donner le focus.

Citation:

Envoyé par papoo

autre question en rapport avec ce script greasemonkey et cette page pleine de select, comment remplir tout les select comportant une option commune?

C'est à dire ? Je n'ai pas bien compris ce que tu souhaites faire...

Moi non plus je n'ai pas très bien compris ta question, mais je pense que

Code:

document.getElementsByTagName('select')

peut t'aider.

dans toutes les pages d'une application en ligne que j'utilise tout les jours, j'ai un formulaire avec X select dont certains ont les mêmes options.

je cherche donc à ajouter à la page après son chargement un "selected" à l'option qui m'intéresse sur l'ensemble des select de la page

voici l'un ce ces select

Citation:

<select name="param_op_1" onchange="modify(document.frm.param_modify_1);" >
<option />
<option value='15' >Devis à faire</option><option value='32' >Travaux à prévoir</option><option value='117' >Devis sans réponse</option><option value='141' >Fermé (e)</option><option value='158' >Propre</option><option value='367' >A remplacer</option><option value='370' >Correct (e)</option><option value='372' >A commander</option><option value='374' >Defectueux (se)</option><option value='375' >A l'arrêt</option><option value='442' >A réaliser</option><option value='444' >En service</option><option value='445' >Nettoyé (e)</option><option value='446' >Ouvert (e)</option><option value='447' >Réalisé (e)</option><option value='448' >Réglage</option><option value='449' >Remplacé (e)</option>
</select>

l'option que je cherche à mettre par défaut est "correct".
je ne peux bien sur pas toucher au code de la page coté serveur, je n'en suis pas le développeur, je souhaite via greasemonkey, ajouter mes petites modifs pour me faire gagner un temps non négligeable sur 80% des select de cette appli en ligne.

il doit me falloir faire une boucle pour chercher toutes les options

Citation:

<option value='370' >Correct (e)</option>

pour leur ajouter l'attribut

Citation:

selected

surement avec un regexp mais la je seche completement

Il te faut passer par le DOM cela me semble plus simple

Genre

Code:

1
2
3
4
5
6
 
var opts = document.getElementsByTagName('OPTION');
for(var i=0;i<opts.length;i++) {
  var opt = opts[i];
  if(opt.innerHTML=='Correct (e)') opt.setAttribute('selected', 'selected');
}

Code:

opt.setAttribute('selected', 'selected');

setAttribute :vomi:

Code:

opt.selected=selected ou true ou 1

ou au niveau du select

Code:

slect.selectedIndex=valeur

voila comment j'ai fait (c'est ultra perfectible mais je suis meilleur pour modifier un script déjà fait que pour en créer un de toute pièce)

j'ai adapté ce script http://userscripts.org/scripts/show/2327

Comme ceci

Citation:

function correct() {

//Menus
var selectMenus = document.getElementsByTagName('select');

// The menu section.
if (selectMenus.length) {
for (var i = 0; i < selectMenus.length; i++) {
// Number of choices in the menu
var choiceNum = selectMenus[i].length;
if ( choiceNum > 20 )
{if (choiceNum < 25)
{
var newIndex = 8 ;}}
else {newindex = 1}
selectMenus[i].selectedIndex = newIndex;
}
}

en fait plutôt que de détecter la valeur de l'option voulue, je cherche le formulaire (seul formulaire comportant plus de 20 options et moins de 25 et je sélectionne l'option 8
c'est pas parfait mais ça fonctionne.

petite correction : l'appli en ligne que j'utilise n'étant pas totalement compatible Firefox je pensais avoir résolu mon problème avec opéra. sauf que si je rempli le formulaire automatiquement sur opéra , la validation du formulaire ne retient que les champs tapés au clavier ou à la souris mais pas ceux remplis par le script. quelqu'un aurait une idée?

la fonction de validation de l'appli surement à l'origine de mon problème

Citation:

function checkOpeAnnuRenseignee() {

var nbrOp = 2;

var opeFrigoOK = false;

var tempOpId = 0;

for(i=0; i<nbrOp; i++) {

valOp = getElementByName('param_op_'+i).value;

valOpId = getElementByName('param_op_id_'+i).value;

//modifOp = getElementByName('param_modify_'+i).value; if(modifOp=="true" &&...

if(lstIdOpAnnu.indexOf('|'+valOpId+'|')!=-1 && valOp!="") {

opeFrigoOK = true;tempOpId = valOpId;

}

}

si cela peut aider

je fais remonter, j'ai pas trouvé de solution au problème de validation.
merci