[DOM] Changement de l'attribut name dynamique

Bonjour.
J'ai un petit soucis sous IE... ca étonne personne hein...
Bon je m'explique.

J'ai développé un système de recherche dans la page. Ce que je fais est simple:
je prend le terme cherché, je crée une regexp. Je remplace tout les mots par "<a name="found"></a><span style="color: red" >LE MOT</span>"

Après remplacement en masse, je fais:

Code:

---

1 2 3 4 5 6

var founded = document.getElementsByName('found'); occurence = founded.length //j'en ai besoin en global pour revenir au début for(i=0;i<occurence;i++){ founded[i].name='founded_'+i; }

---

Ca fonctionne. J'ai bien des balises numérotées... founded_1 founded_2...
Des 'alert' me prouve qu'il arrive à parser les balises avec attribut 'name="found"' etc...

Ensuite je veux naviguer dans la page à chaque nouveau clique sur "chercher"...
L'astuce est simple, je prend l'url, je vire "#.*" et j'ajoute en fin d'url "#fouded_<numero>".

Code:

---

1 2 3

var h = document.location.href.replace(/#.*/,""); //on enlève la dernière ancre document.location.href=h+"#"+"founded_"+sindex; //sindex est global et remis à 0 si il est > à occurence

---

Donc quand le mec clique une fois on tombe sur founded_1 puis il reclique on va sur founded_2... du moins ca fonctionne sur Firefox !
Pas sous IE... pire encore j'ai pas un seul message d'erreur...

On dirait que le fait de changer les noms dynamiquement sous IE ne fonctionne pas...

Je précise que occurence contient bien le nombre d'occurence trouvé sous IE, que founded est bien remplis avec les elements HTML et que je n'ai aucune erreur ni warning.
Si vous avez une solution... merci de me le dire ca devient aggaçant de bosser sous IE...

Précision: C'est une application assez importante, le texte affiché est relativement gros.

cf http://www.developpez.net/forums/viewtopic.php?t=400578 sur le sujet. IE a beaucoup de mal avec les name dynamiques....

ce qui veut dire que ca ne marchera jamais... je suis mal là

Citation:

---

Envoyé par Metal3d

je suis mal là

---

pas mieux, désolé. Attends IE 7 :?

Ouais mais la livraison de projet et pour dans 1 mois... je doute que MS soit assez compétent et rapide pour ça :)

Je suis coincé comme c pas permi là... vous avez une autre solution pour faire du scroll vers des mots trouvés au fur et à mesure ?
Un genre de "find next" en fait...

PS: on peut pas utiliser la fonction de recherche du navigateur, on doit pouvoir faire des regexp...

Citation:

---

Envoyé par Metal3d

Je suis coincé comme c pas permi là... vous avez une autre solution pour faire du scroll vers des mots trouvés au fur et à mesure ?

---

Il faut créer tes élements A directement avec le nom final en utilisant le DOM à la sauce µ$.
Une commande du genre:

Code:

---

1 2	element = document.createElement("<a name='found_12'>");

---

Te permet de créer un élement a avec un nom qui sera actif dans le document (compatible IE uniquement). Après a toi de voir ou le placer dans ton texte (pas forcément évident).

C'est tout ce que je vois comme solution...

Ouais essayé mais ca passe pas...

Voilà ma honte qui fonctionne sur les deux navigateurs... tant pis c'est trop pressé :)

Code:

---

1 2 3 4 5 6 7 8 9 10

var contenu_page = new Array(); var to_rewrite=""; var regexp = new RegExp("name=.*?found.*?"); contenu_page = document.getElementById('allcontent').innerHTML.split(regexp); for (j=0; j<contenu_page.length;j++){ //on y va pour chaque partie séparée par nos marques de mot trouvé... to_rewrite+=contenu_page[j]+"name=\"founded_"+j+"\""; } document.getElementById('allcontent').innerHTML = to_rewrite;

---

Et ca fonctionne, c'est ça le pire...
Petite note: En foutant un alert avec le contenu du DIV, je m'appercoi que quand j'ajoute "<a name='found'>" dans le code, ce foutu navigateur me renvoi "<a name=found>" (remarquez bien l'abscence de quote !!!) d'où la regexp qui accèpte un caractère entre "=" et "found"... génial

Citation:

---

Envoyé par Metal3d

J'ai développé un système de recherche dans la page. Ce que je fais est simple:
je prend le terme cherché, je crée une regexp. Je remplace tout les mots par "<a name="found"></a><span style="color: red" >LE MOT</span>"

---

salut, je cherche justement à faire grosso-modo cela.
as-tu le regexp sous la main ?

merci.

jette un oeil sur ce topic ...
http://www.developpez.net/forums/sho...d.php?t=535848

la seule solution que j'ai pu trouver c'est de créer un nouvel objet et de supprimer l'ancien ...

Le code donné tient compte de la différence de lecture seule du name entre IE et FFX pour certains objets