OVH Cloud OVH Cloud

comparer mot cliqué avec ceux contenus dans une liste

26 réponses
Avatar
pascal scalpa
Bonjour
Je cherche =E0 savoir s'il est possible de v=E9rifier (tester) si le mot
cliqu=E9 dans un texte (contenu dans un tag <p>) figure dans une liste
(stock=E9e sous forme de variable).

Concr=EAtement, je veux donner un texte =E0 lire =E0 mes =E9l=E8ves avec co=
mme
consigne par exemple, clique sur tous les "noms communs" de ce texte.

Merci de m'indiquer comment proc=E9der et si c'est possible!
pascal

10 réponses

1 2 3
Avatar
Olivier Miakinen
Le 25/08/2009 09:20, Paul Gaborit a écrit :

[...] Restons-en donc, pour l'instant, à
l'histoire de la tente qu'on tente de planter.

[...]

Cela m'inspire un autre exemple : « il lit dans son lit. »



Il y a aussi l'exemple classique dans lequel le mot change de
prononciation quand il change de fonction : « les poules du
couvent couvent ».
Avatar
newdb
Olivier Miakinen <om+ wrote:
Le 25/08/2009 09:20, Paul Gaborit a écrit :
> [...] Restons-en donc, pour l'instant, à
> l'histoire de la tente qu'on tente de planter.
> Cela m'inspire un autre exemple : « il lit dans son lit. »
« les poules du couvent couvent ».




et pour apprendre comment prononcer le couple de lettres 'en'
(les belles années de la lecture syllabique) :


« ils viennent en tenue de tennis. »


--
@@@@@
E -00 comme on est very beaux dis !
' `) /
|_ =="
Avatar
pascal scalpa
Et l'eau Eve rit beau, dis!

J'ai passé kek zeurs sur mon ppms (j'ai laissé tombé pour l'instant)
et sur le javascript de ton fichier, ai parcouru les liens etc... Ya
du boulot pout tout capter ! pfiuu!!
J'ai tenté en gros béotien de créer un html où les mômes devaient
trouver les prop. relatives http://cjoint.com/?jguPMLCUpR mais biensûr
ça ne marche pas. Dommage !

Sinon pour le clicodrome.htm, c'est un régal (pour moi et les élèves)
de s'en servir lors des séances d'aides individualisées (les fameuses
60h...) plus ludique que sur papier !

merci encore
Avatar
SAM
Le 9/6/09 8:52 PM, pascal scalpa a écrit :
Et l'eau Eve rit beau, dis!

J'ai passé kek zeurs sur mon ppms (j'ai laissé tombé pour l'instant)
et sur le javascript de ton fichier, ai parcouru les liens etc... Ya
du boulot pout tout capter ! pfiuu!!



entre le DOM et les expressions régulières y a du taf du coté de
l'apprentissage c'est sûr.

J'ai tenté en gros béotien de créer un html où les mômes devaient
trouver les prop. relatives http://cjoint.com/?jguPMLCUpR mais biensûr
ça ne marche pas. Dommage !



Meuh si, ça marche : <http://cjoint.com/?jhcChGpA57>
(enfin ... pour l'exemple là)
(les propositions doivent être bordées de ponctuation)

Sinon pour le clicodrome.htm, c'est un régal (pour moi et les élèves)
de s'en servir lors des séances d'aides individualisées (les fameuses
60h...) plus ludique que sur papier !



Excepté les quelques cas évoqués par les pointilleux de service ;-)

--
sm
Avatar
pascal scalpa
On 7 sep, 02:37, SAM
wrote:
Le 9/6/09 8:52 PM, pascal scalpa a écrit :

> Et l'eau Eve rit beau, dis!

> J'ai passé kek zeurs sur mon ppms (j'ai laissé tombé pour l'insta nt)
> et sur le javascript de ton fichier, ai parcouru les liens etc... Ya
> du boulot pout tout capter ! pfiuu!!

entre le DOM et les expressions régulières y a du taf du coté de
l'apprentissage c'est sûr.

> J'ai tenté en gros béotien de créer un html où les mômes deva ient
> trouver les prop. relativeshttp://cjoint.com/?jguPMLCUpRmais biensûr
> ça ne marche pas. Dommage !

Meuh si, ça marche : <http://cjoint.com/?jhcChGpA57>
(enfin ... pour l'exemple là)
(les propositions doivent être bordées de ponctuation)

> Sinon pour le clicodrome.htm, c'est un régal (pour moi et les élè ves)
> de s'en servir lors des séances d'aides individualisées (les fameus es
> 60h...) plus ludique que sur papier !

Excepté les quelques cas évoqués par les pointilleux de service ;-)

--
sm



Merci, je vais tester dimanche si je peux...
Avatar
pascal scalpa
Bonjour Sam

Vindiou c'est pas facile de bidouiller...
J'ai essayé de modifier le script pour répondre à une demande des
enfants qui souhaitent pouvoir "revenir sur une décision" cad
recliquer un mot précédemment choisi pour l'annuler.
j'ai créé une classe .bleu
.blue{
COLOR: blue; FONT-WEIGHT: normal
}

et modifier la fonction:
function verif(quoi) {
if (quoi.className = 'red'){
quoi.className = 'blue';
total--;
quoi = quoi.innerHTML;
}
else {
total++;
quoi.className = 'red';
quoi = quoi.innerHTML;
for(var i=0, n=liste.length; n>i; i++) if ( liste[i] == quoi) {
juste --;
break;
}

//mais il semble qu'on ne puisse pas tester la class quoi.className =
'red' ?
}
}


J'ai un peu modifié aussi le comptage des points pour que la note
reflète mieux leur travail
function fini() {
var Score = 0;
var f = document.getElementById('fin');
f.innerHTML = 'Nombre de verbes restants à trouver : '+juste+'<br>'
+
'Nombre de clics = '+total+'<br>';
if(juste==0)
f.innerHTML += '<span class="' + ( (nbre==total)? 'green' :
'red') +'">CORRECT</span>';
else
f.innerHTML += '<span class="red">INCORRECT</span>';
f.innerHTML += '<br><em>(vert = OK, rouge = à revoir)</em>';
if (total > 0){
Score = Math.floor((((nbre-juste)/nbre)*20))-Math.abs(nbre-total);
if(Score<0){
Score =0}
f.innerHTML += '<br><b> Note sur vingt : ' + Score + '</b></em>';
}
else{
// si total = 0 c'est qu'aucun clic n'a eu lieu
f.innerHTML += '<br><b> Pas de clic, alors pas de note!';
}

f.style.display = 'block';
}

Qu'est ce qui ne va pas dans la fonction?
Excepté les quelques cas évoqués par les pointilleux de service ;-)


Je me demandais s'il ne serait pas possible d'entourer les homonymes
indésirables par un tag spécial ou alors un caractère qui aurait la
même couleur que le fond et donc serait "invisible" afin de tester
leur présence et faire le tri...

Bon week end
pascal

--
Avatar
SAM
Le 9/19/09 10:39 PM, pascal scalpa a écrit :
Bonjour Sam

Vindiou c'est pas facile de bidouiller...
J'ai essayé de modifier le script pour répondre à une demande des
enfants qui souhaitent pouvoir "revenir sur une décision" cad
recliquer un mot précédemment choisi pour l'annuler.



Nan z'ont pas l'droit !
Sont plus z'à la maternelle, nonka faire gaffe.
Comme ceux qui savent pas faire un dessin s'ils n'ont pas de gomme.
Gommes et corrector devraient être interdits.
J'va te les mater non mais !
(y a un bouton de reset pour tricher en recommençant tant qu'on veut)

Le truc-bazard se voulait simplifiant le boulot du maître en taguant
totomatiquement tous les mots (ou propositions).

Pour la question des trucs pointilleux (homonymes)
il faudra faire la chose à la main :
- entourer de span tous les mots
- glisser une class pour les seuls mots à trouver (ou le contraire).

j'ai créé une classe .bleu
.blue{
COLOR: blue; FONT-WEIGHT: normal
}

et modifier la fonction:
function verif(quoi) {
if (quoi.className = 'red'){



c'est :

if (quoi.className == 'red'){ // équivalent (valide '12' == 12)
ou:
if (quoi.className === 'red'){ // strictement équivalent
// chaine à chaine
// nombre à nombre

quoi.className = 'blue';
total--;



Je ne vois pas pourquoi ils sont récompensés de s'être trompés.
total ne devrait pas bouger.
Bon ... allez, un 1/2 point
total -= .5;

La ligne suivante ne sert à rien.

quoi = quoi.innerHTML;
}
else {
total++;
quoi.className = 'red';
quoi = quoi.innerHTML;
for(var i=0, n=liste.length; n>i; i++) if ( liste[i] == quoi) {
juste --;
break;
}

//mais il semble qu'on ne puisse pas tester la class quoi.className > 'red' ?
}
}


J'ai un peu modifié aussi le comptage des points pour que la note
reflète mieux leur travail



Oui, je trouvais aussi que ça ne décomptait pas beaucoup les erreurs.
En cliquant tous les mots on obtenait 20/20 (des filous ont bien dû s'en
apercevoir)

Et les points Lomer ?
C'est pour quand les points Lomer ?
Paske ces histoires de notes / 20 ... on peut pas dire que ça valorise
qui que ce soit.

function fini() {
var Score = 0;
var f = document.getElementById('fin');
f.innerHTML = 'Nombre de verbes restants à trouver : '+juste+'<br>'
+
'Nombre de clics = '+total+'<br>';
if(juste==0)
f.innerHTML += '<span class="' + ( (nbre==total)? 'green' :
'red') +'">CORRECT</span>';
else
f.innerHTML += '<span class="red">INCORRECT</span>';
f.innerHTML += '<br><em>(vert = OK, rouge = à revoir)</em>';
if (total > 0){
Score = Math.floor((((nbre-juste)/nbre)*20))-Math.abs(nbre-total);
if(Score<0){
Score =0}
f.innerHTML += '<br><b> Note sur vingt : ' + Score + '</b></em>';
}
else{
// si total = 0 c'est qu'aucun clic n'a eu lieu
f.innerHTML += '<br><b> Pas de clic, alors pas de note!';
}

f.style.display = 'block';
}

Qu'est ce qui ne va pas dans la fonction?
Excepté les quelques cas évoqués par les pointilleux de service ;-)


Je me demandais s'il ne serait pas possible d'entourer les homonymes
indésirables par un tag spécial ou alors un caractère qui aurait la
même couleur que le fond et donc serait "invisible" afin de tester
leur présence et faire le tri...

Bon week end
pascal

--



Avatar
pascal scalpa
bonjour
J'y suis presque...
Si tu regardes la page http://www.scalpa.info/ape/id_vb7.php tu verras
que les espaces insécables posent un problème dans la balise exo !
Je n'ai pas trouvé de solution. J'ai cherché autour du doctype des
plombes alors que le problème existe exclusivement dans l'exo... un
souci avec regex ?
j'ai tenté d'ajouter xA0:
txt = txt.replace(/([wéèêçûâàùxA0]+)(?=[s'".,;!?« »-()])/gi,'<span
class='blue' onclick="verif(this)">$1</span>');

sans succès non plus

une idée ?

merci
Avatar
pascal scalpa
en bidouillant j'ai essayé :
txt = txt.replace(/([wéèêçûâàùxA0]+)(?=[s'".,;!?« »-()])(?=[0-9&#])/
gi,'<span class='blue' onclick="verif(this)">$1</span>');

et cela m'a l'air de coller... je ne sais pas si c'est sémantiquement
correct pour autant?
Avatar
pascal scalpa
On 23 sep, 16:33, pascal scalpa wrote:
en bidouillant j'ai essayé :
txt = txt.replace(/([wéèêçûâàùxA0]+)(?=[s'".,;!?« »-()])(?=[0-9&#])/
gi,'<span class='blue' onclick="verif(this)">$1</span>');

et cela m'a l'air de coller... je ne sais pas si c'est sémantiquement
correct pour autant?



Non en fait c'est nul ça nique le javascript ...

ça, c'est mieux : txt = txt.replace(/([wéèêçûâàùb&#16 0;b]+)(?=
[s'".,;!?«»-()])/gi,'<span class='blue' onclick="verif(this)"> $1<
/span>');
mais il y a des ; qui trainent Arrgh ! dans l'exo :
<div id="exo">
<p>"&#160;Ah&#160;! cette fille&#160;! s'écria-t-elle. Là&#160;! j'ai
oublié la moutarde. C'est sa faute&#160;: pourquoi est-elle toujours
si lente ! "</p>
<p>Et, tout en achevant elle-même de battre la moutarde, elle lança
vers Millie quelques aménités sur les inconvénients de l’indolence.
«&#160;N’avait-elle pas de ses mains préparé les œufs et le jamb on,
mis le couvert, et tout fait en somme, tandis que Millie, mon
Dieu&#160;! mon Dieu&#160;!
n’avait réussi qu’à l’empêcher de servir la moutarde&nbsp;! Et cela,
avec un nouvel hôte, qui montrait l’intention de séjourner&#160;!
&#160;»
Alors l’hôtesse remplit le moutardier et, le plaçant avec cérémo nie
sur le plateau à thé, noir et or, elle le porta dans le salon.</p>
<p><i>L’Homme invisible</i> <b>Herbert George Wells</b></p>
</div>
1 2 3