new!
|
|
|
 |
| > Rechercher mot dans un SPAN ??? |
[ Posté par fabiano13 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-05-2008 à 12:43 | 8 messages ]
Bonjour, j'ai un problème en Javascript sur une fonction de recherche de mot dans un SPAN.
Le problème de ma fonction c'est qu'il prend à partir du SPAN (foo2) et non uniquement le SPAN spécifié (foo2) !
Si vous faites un Copie/Coller vous allez vite vous rendre compte qu'il prendra le texte bleu ainsi que le vert. Comment faire pour qu'il prenne en compte que le bleu ?
Merci de votre aide.
Fabiano13
<script>
function Rechercher(LeMot) {
if (LeMot) {
sSelection = document.body.createTextRange()
sSelection.moveToElementText(document.getElementById('foo2'));
while (sSelection.findText(LeMot,10000,0)) {
sSelection.select()
sSelection.scrollIntoView()
if (confirm("Transférer dans l'autre liste ?")) {
// Si on a trouvé le mot on le bascule dans l'autre liste
break;
}
sSelection.collapse(false)
}
}
}
</script>
<font color=red>Texte texte texte Texte texte texte Texte texte texte Texte texte texte Texte texte texte</font>
<br><br>
<span id="foo2" ContentEditable><font color=blue>Texte texte texte Texte texte texte Texte texte texte Texte texte texte Texte texte texte</font></span>
<br><br>
<font color=green>Texte texte texte Texte texte texte Texte texte texte Texte texte texte Texte texte texte</font>
<br><br>
<a href="#" onclick="Rechercher('tex')"><b>Rechercher le mot T E X T E</b></a>
|
|
|
[ Posté par jparia ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-05-2008 à 22:16 | 513 messages ]
slt,
tu peux récupérer le contenu du span seul par:
| var wText = document.getElementById("foo2").innerHTML; |
|
Dans ce cas il ne faut pas ajouter de balise font à l'intérieur pour n'obtenir que le texte désiré, utilise le style="color:#00f" dans la balise span.
| <span id="foo2" style="color:#00f">Texte texte texte Texte texte texte Texte texte texte Texte texte texte Texte texte texte</span> |
|
Ensuite pour rechercher un mot dans un texte il suffit d'utiliser la méthode:
| String.indexOf(String souschaine, Integer debut) |
|
retourne -1 si la chaine n'est pas trouvée.
[Message édité par jparia le 02-05-2008 à 22:18]
________________
Seule la compréhension permet d'avancer.
Ah! et puis on a pas toujours raison, mais un p'tit merci nous fait toujours du bien.
| [ Posté par fabiano13 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-05-2008 à 13:37 | 8 messages ]
Merci pour ton aide. Je reviens juste de week end. Je vais bosser ça ce soir. Merci encore. Je te tiens au courant.
| [ Posté par fabiano13 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-05-2008 à 09:36 | 8 messages ]
Je galère, car dans ta solution pour sélectionner le mot trouver il faut trouver la position du mot et si ce n'est pas le mot rechercher il faut prendre la dernière position du mot pour continuer la recherche. Je galère ! N'y a t-il pas un autre moyen ?
| [ Posté par fabiano13 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-05-2008 à 12:44 | 8 messages ]
Enfin j'ai changé de méthode !
Voici le résultat concluant :
Encore mercis à DB77, jparia, nicomilville, bultez et à PetoleTeam pour leur aide.
<script type="text/JavaScript">
function Rechercher(LeMot) {
var sSelectBlock1, sSelectBlock2, cont;
sBlockSpan = document.getElementById("foo2");
sSelectBlock1 = sSelectBlock2 = document.body.createTextRange();
sSelectBlock1.moveToElementText(sBlockSpan);
while (sSelectBlock1.findText(LeMot)) {
if (sSelectBlock1.offsetTop>sBlockSpan.offsetTop+sBlockSpan.offsetHeight){break;}
sSelectBlock1.select();
sSelectBlock1.scrollIntoView();
if (confirm("Est-ce bon ?")) {
alert('On transfère \"' + LeMot + '\" dans la liste !!')
return false;
}
sSelectBlock1.collapse(false);
sSelectBlock2 = sSelectBlock1.duplicate();
sSelectBlock1.moveToElementText(sBlockSpan);
sSelectBlock1.setEndPoint("StartToEnd", sSelectBlock2);
}
}
</script>
</head>
<body>
<button onclick="Rechercher('it')">Rechercher (Et)</button>
<font color=blue>
Maître Corbeau, sur un arbre perché,
Tenait en son bec un fromage.
Maître Renard, par l'odeur alléché,
Lui tint à peu près ce langage :
Et bonjour, Monsieur du Corbeau,
Que vous êtes joli ! que vous me semblez beau !
Sans mentir, si votre ramage
Se rapporte à votre plumage,
Vous êtes le Phénix des hôtes de ces bois.
À ces mots le Corbeau ne se sent pas de joie,
Et pour montrer sa belle voix,
Il ouvre un large bec, laisse tomber sa proie.
Le Renard s'en saisit, et dit : Mon bon Monsieur,
Apprenez que tout flatteur
Vit aux dépens de celui qui l'écoute.
Cette leçon vaut bien un fromage sans doute.
Le Corbeau honteux et confus
Jura, mais un peu tard, qu'on ne l'y prendrait plus
</font>
<span id="foo2" contenteditable>
<font color=green>Maître Corbeau, sur un arbre perché,
Tenait en son bec un fromage.
Maître Renard, par l'odeur alléché,
Lui tint à peu près ce langage :
Et bonjour, Monsieur du Corbeau,
Que vous êtes joli ! que vous me semblez beau !
Sans mentir, si votre ramage
Se rapporte à votre plumage,
Vous êtes le Phénix des hôtes de ces bois.
À ces mots le Corbeau ne se sent pas de joie,
Et pour montrer sa belle voix,
Il ouvre un large bec, laisse tomber sa proie.
Le Renard s'en saisit, et dit : Mon bon Monsieur,
Apprenez que tout flatteur
Vit aux dépens de celui qui l'écoute.
Cette leçon vaut bien un fromage sans doute.
Le Corbeau honteux et confus
Jura, mais un peu tard, qu'on ne l'y prendrait plus</font>
</span>
<p><font color=red>
Maître Corbeau, sur un arbre perché,
Tenait en son bec un fromage.
Maître Renard, par l'odeur alléché,
Lui tint à peu près ce langage :
Et bonjour, Monsieur du Corbeau,
Que vous êtes joli ! que vous me semblez beau !
Sans mentir, si votre ramage
Se rapporte à votre plumage,
Vous êtes le Phénix des hôtes de ces bois.
À ces mots le Corbeau ne se sent pas de joie,
Et pour montrer sa belle voix,
Il ouvre un large bec, laisse tomber sa proie.
Le Renard s'en saisit, et dit : Mon bon Monsieur,
Apprenez que tout flatteur
Vit aux dépens de celui qui l'écoute.
Cette leçon vaut bien un fromage sans doute.
Le Corbeau honteux et confus
Jura, mais un peu tard, qu'on ne l'y prendrait plus
.</font>
</p>
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
