Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript @ASM mon mécanicien préféré

@ASM mon mécanicien préféré

9 réponses
Avatar
jmrw
Avec mes pages du type http://www.jmrw.com/Chess/Kopnin/base.htm

je voudrais passer à l'élément suivant de la liste déroulante en cliquant
sur le tableau à droite ou la photo en bas à gauche.

J'ai suivi les instructions de "Y a personne" et je parviens à faire défiler
les études en cliquant sur la photo.

Deux problèmes :

- la liste déroulante ne se met pas à jour

- Quand j'arrive au dernier élément un clic m'envoi un message d'erreur.

Quand le champ de sélection a le focus, les touches up and down font défiler
les études comme je le veux avec mise à jour du champ de sélection et arrêt
au bout de la liste.

N'y a-t-il pas moyen de simuler ceci en cliquant sur la photo ?

(Je me suis permis de créer un nouveau post sur ce sujet car cela me
travaille)

Merci
Signaler un problème avec ce contenu

9 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
jmrw
Je voulais écrire SAM

jmrw
Avatar
SAM
Le 13/06/12 11:53, jmrw a écrit :
Avec mes pages du type http://www.jmrw.com/Chess/Kopnin/base.htm

je voudrais passer à l'élément suivant de la liste déroulante en cliquant
sur le tableau à droite ou la photo en bas à gauche.

J'ai suivi les instructions de "Y a personne" et je parviens à faire défiler
les études en cliquant sur la photo.



chez moi le clic sur la photo ne fait rien
ma console d'erreur me dit que "Choice" est inconnu

essayer avec "index" (que l'on voit au début du fichier 'base0.js')

<img src="Kopnin.jpg" width="73" height="91
onClick="
// on incrémente de 1 l'index
index++;
// correction de l'index si besoin (retour au début)
if(index >= document.forms[0][0].options.length) index = 0;
// on met à jour le sélecteur
document.forms[0][0].selectedIndex = index;
// on ouvre le bon fichier à droite
LoadNextPage(index,0);
"
alt="Alexey Grigorievich Kopnin"
style="cursor:pointer;cursor:_hand">




Équivalences pour mettre à jour le sélecteur :
document.forms[0]['select'].selectedIndex = index;
document.forms[0].select.selectedIndex = index;
document.getElementById('idInput').selectedIndex = index;



Variante si on veut que ça s’arrête en fin de liste

onClick="
// on incrémente de 1 l'index
index++;
// si index est inférieur à la liste
if(index < document.forms[0][0].options.length) {
// on met à jour le sélecteur
document.forms[0][0].selectedIndex = index;
// on ouvre le bon fichier à droite
LoadNextPage(index,0);
}
else alert('Pas d'autre partie, vous avez tout vu.');
"


Voir :
<http://www.yoyodesign.org/doc/w3c/css2/ui.html#propdef-cursor>

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 14/06/12 15:40, jmrw a écrit :
Je voulais écrire SAM




function perso(lang) {
switch(lang) {
case "US": pieces = "KQNBR ";
pos_after = "After the move ";
start_pos = "Initial position";
break;
case "De": pieces = "KDSLT ";
pos_after = "Nach ";
start_pos = "Anfang";
break;
case "It": pieces = "RDCAT ";
pos_after = "Dopo ";
start_pos = "Debutto";
break;
default: pieces = "RDCFT ";
pos_after = "Postition après ";
start_pos = "Position initiale";
}
GoStart0();
Reset();
Resset=1;
Back=0;
Init=0;
playSound();
}


function perso(lang) {
var Lang = [
{ pieces: "KQNBR ",
pos_after: "After the move ",
start_pos: "Initial position"
},
{ pieces: "KDSLT ",
pos_after: "Nach ",
start_pos: "Anfang"
},
{ pieces: "RDCAT ",
pos_after: "Dopo ",
start_pos: "Debutto"
},
{ pieces: "RDCFT ",
pos_after: "Postition après ",
start_pos: "Position initiale"
}
];
var L = ['Us','De','It','Fr'],
n = L.length;
while(n--) if(L[n]==lang)
{
pieces = Lang[n].pieces;
pos_after = Lang[n].pos_after;
start_pos = Lang[n].start_pos;
};
GoStart0();
Reset();
Resset=1;
Back=0;
Init=0;
playSound();
Lang = L = n = null;
}


--
Stéphane Moriaux avec/with iMac-intel
Avatar
jmrw
Merci beaucoup, je vais travailler ça.

jmrw

"SAM" a écrit dans le message
de news: 4ff02d0c$0$6174$
Le 13/06/12 11:53, jmrw a écrit :
Avec mes pages du type http://www.jmrw.com/Chess/Kopnin/base.htm

je voudrais passer à l'élément suivant de la liste déroulante en cliquant
sur le tableau à droite ou la photo en bas à gauche.

J'ai suivi les instructions de "Y a personne" et je parviens à faire
défiler
les études en cliquant sur la photo.



chez moi le clic sur la photo ne fait rien
ma console d'erreur me dit que "Choice" est inconnu

essayer avec "index" (que l'on voit au début du fichier 'base0.js')

<img src="Kopnin.jpg" width="73" height="91
onClick="
// on incrémente de 1 l'index
index++;
// correction de l'index si besoin (retour au début)
if(index >= document.forms[0][0].options.length) index = 0;
// on met à jour le sélecteur
document.forms[0][0].selectedIndex = index;
// on ouvre le bon fichier à droite
LoadNextPage(index,0);
"
alt="Alexey Grigorievich Kopnin"
style="cursor:pointer;cursor:_hand">




Équivalences pour mettre à jour le sélecteur :
document.forms[0]['select'].selectedIndex = index;
document.forms[0].select.selectedIndex = index;
document.getElementById('idInput').selectedIndex = index;



Variante si on veut que ça s’arrête en fin de liste

onClick="
// on incrémente de 1 l'index
index++;
// si index est inférieur à la liste
if(index < document.forms[0][0].options.length) {
// on met à jour le sélecteur
document.forms[0][0].selectedIndex = index;
// on ouvre le bon fichier à droite
LoadNextPage(index,0);
}
else alert('Pas d'autre partie, vous avez tout vu.');
"


Voir :
<http://www.yoyodesign.org/doc/w3c/css2/ui.html#propdef-cursor>

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 02/07/12 09:32, jmrw a écrit :
Merci beaucoup, je vais travailler ça.



c'est :
document.forms[1]
au lieu de :
document.forms[0]

"SAM" a écrit dans le message
de news: 4ff02d0c$0$6174$

onClick="
// on incrémente de 1 l'index
index++;
// correction de l'index si besoin (retour au début)





if(index >= document.forms[1][0].options.length) index = 0;

// on met à jour le sélecteur





document.forms[1][0].selectedIndex = index;index;

// on ouvre le bon fichier à droite
LoadNextPage(index,0);
"

Équivalences pour mettre à jour le sélecteur :





document.forms[1]['select'].selectedIndex = index;
document.forms[1].select.selectedIndex = index;

document.getElementById('idInput').selectedIndex = index;



Variante si on veut que ça s’arrête en fin de liste





onClick="
// on incrémente de 1 l'index
index++;
// si index est inférieur à la liste
if(index < document.forms[1][0].options.length) {
// on met à jour le sélecteur
document.forms[1][0].selectedIndex = index;
// on ouvre le bon fichier à droite
LoadNextPage(index,0);
}
else alert('Pas d'autre partie, vous avez tout vu.');
"

--
Stéphane Moriaux avec/with iMac-intel
Avatar
jmrw
Vous êtes vraiment génial. Ca marche.

Juste le pointeur, style="cursor:pointer;cursor:_hand" ne marche qu'avec
Firefox et pas Internet Explorer.

Encore un grand merci

jmrw










"SAM" a écrit dans le message
de news: 4ff1ae13$0$6159$
Le 02/07/12 09:32, jmrw a écrit :
Merci beaucoup, je vais travailler ça.



c'est :
document.forms[1]
au lieu de :
document.forms[0]

"SAM" a écrit dans le
message
de news: 4ff02d0c$0$6174$

onClick="
// on incrémente de 1 l'index
index++;
// correction de l'index si besoin (retour au début)





if(index >= document.forms[1][0].options.length) index = 0;

// on met à jour le sélecteur





document.forms[1][0].selectedIndex = index;index;

// on ouvre le bon fichier à droite
LoadNextPage(index,0);
"

Équivalences pour mettre à jour le sélecteur :





document.forms[1]['select'].selectedIndex = index;
document.forms[1].select.selectedIndex = index;

document.getElementById('idInput').selectedIndex = index;



Variante si on veut que ça s’arrête en fin de liste





onClick="
// on incrémente de 1 l'index
index++;
// si index est inférieur à la liste
if(index < document.forms[1][0].options.length) {
// on met à jour le sélecteur
document.forms[1][0].selectedIndex = index;
// on ouvre le bon fichier à droite
LoadNextPage(index,0);
}
else alert('Pas d'autre partie, vous avez tout vu.');
"

--
Stéphane Moriaux avec/with iMac-intel
Avatar
jmrw
Pour le pointeur avec style="cursor: hand"> ça marche sous IE

jmrw







"SAM" a écrit dans le message
de news: 4ff1ae13$0$6159$
Le 02/07/12 09:32, jmrw a écrit :
Merci beaucoup, je vais travailler ça.



c'est :
document.forms[1]
au lieu de :
document.forms[0]

"SAM" a écrit dans le
message
de news: 4ff02d0c$0$6174$

onClick="
// on incrémente de 1 l'index
index++;
// correction de l'index si besoin (retour au début)





if(index >= document.forms[1][0].options.length) index = 0;

// on met à jour le sélecteur





document.forms[1][0].selectedIndex = index;index;

// on ouvre le bon fichier à droite
LoadNextPage(index,0);
"

Équivalences pour mettre à jour le sélecteur :





document.forms[1]['select'].selectedIndex = index;
document.forms[1].select.selectedIndex = index;

document.getElementById('idInput').selectedIndex = index;



Variante si on veut que ça s’arrête en fin de liste





onClick="
// on incrémente de 1 l'index
index++;
// si index est inférieur à la liste
if(index < document.forms[1][0].options.length) {
// on met à jour le sélecteur
document.forms[1][0].selectedIndex = index;
// on ouvre le bon fichier à droite
LoadNextPage(index,0);
}
else alert('Pas d'autre partie, vous avez tout vu.');
"

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 04/07/12 21:03, jmrw a écrit :
Pour le pointeur avec style="cursor: hand"> ça marche sous IE



Mais alors est-ce que ça marche encore pour tous les autres (exception
d'Opera qui sait pas mal causer à la IE)

c'est peut-être _cursor: hand; pour IE <= 6 ???

je sais plus trop



Pour l'image à cliquer; j'avoue ne rien comprendre à ces
MM_Call-bidule-truc ...

onclick="MM_callJS(
'index++;
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[0][0].selectedIndex = index;
LoadNextPage(index,0);
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[1][0].selectedIndex = index;
index;
')"

à mon idée, au pire, ce serait :

onclick="MM_callJS(
'index++;
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[1][0].selectedIndex = index;
LoadNextPage(index,0);
')"

mais, me semble t-il, ce serait mieux et toujours sans bégayer :

onclick="
index++;
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[1][0].selectedIndex = index;
LoadNextPage(index,0);
"

--
Stéphane Moriaux avec/with iMac-intel
Avatar
jmrw
Vous êtes vraiment le MIDAS (le Dieu) du html et du javascript!


"SAM" a écrit dans le message
de news: 4ff49b17$0$6148$
Le 04/07/12 21:03, jmrw a écrit :
Pour le pointeur avec style="cursor: hand"> ça marche sous IE



Mais alors est-ce que ça marche encore pour tous les autres (exception
d'Opera qui sait pas mal causer à la IE)

c'est peut-être _cursor: hand; pour IE <= 6 ???

je sais plus trop



Pour l'image à cliquer; j'avoue ne rien comprendre à ces
MM_Call-bidule-truc ...

onclick="MM_callJS(
'index++;
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[0][0].selectedIndex = index;
LoadNextPage(index,0);
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[1][0].selectedIndex = index;
index;
')"

à mon idée, au pire, ce serait :

onclick="MM_callJS(
'index++;
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[1][0].selectedIndex = index;
LoadNextPage(index,0);
')"

mais, me semble t-il, ce serait mieux et toujours sans bégayer :

onclick="
index++;
if(index >= document.forms[1][0].options.length) index = 0;
document.forms[1][0].selectedIndex = index;
LoadNextPage(index,0);
"

--
Stéphane Moriaux avec/with iMac-intel