C'est possible : href.onmouseover.replace ?

Version imprimable

30/08/2012, 18h37
Mister Paul

C'est possible : href.onmouseover.replace ?
Bonjour,

j'ai un code pour remplacer certains éléments des liens d'une page
Code:

1 2 3 var oLien = document.links; (...) oLien[i].href = oLien[i].href.replace('Atchoum', 'Snif');
Ça marche bien.
Mais si j'essaie de modifier le contenu du onmouseover de ce lien cela ne va pas...

Code:

oLien[i].href.onmouseover = oLien[i].href.onmouseover.replace('TrucBidule', 'TrucMuche');

Quel(s) problème(s) ?
:aie:

Merci
Paul

Salut Mister Paul
Je pense que tu n'a pas intégré, que tu accède a un attribut d'un élément object html.
En gros tu cible une liste Object html links (collection d'object html) correspondant à tous les liens (<a >) contenue dans ta page :
Code:

1 2 var oLien = document.links;
Dans ta collection d'object html "oLien" est devenu un tableaux (collection html) qui te permettra de parcourir tes éléments et de faire ce que tu souhaite.

En regardant un élément (<a >) on a, à l'intérieur des propriétés ou attribut, qui te permettra de paramétrer différentes propriété propre à l'élément par exemple des propriétés sur l'élément :
Propriété physiques : attribut : style, width, height...
Propriété événementielles : onclick,onchange,... et qui sont des function facilement manipulable en javascript.
Donc tu veux par le biais d'un onmouseover remplacer le text de ton attribut href par un autre.
Ton code
Code:

1 2 oLien[i].href.onmouseover = oLien[i].href.onmouseover.replace('TrucBidule', 'TrucMuche');
correction
pour la variable textque j'ai créé tu doit pour la changer la mettre en string, dans le 1er paramètre de replace j'ai mit l'url que contient réellement l'élément a href courant déclencher par l'événement onmouseover...
Code:

1 2 3 4 5 6 7 8 9 var oLien = document.links; for(i in oLien){ oLien[i].onmouseover = function(){ var text = toString(this.href).replace(toString(this.href),"trucmuche"); this.removeAttribute('href'); //on supprime attribut href this.setAttribute('href', text); //on recréer un nouveau attribut href on change la valeur du href par la nouvelle }; }
Bonne soirée, un petit résolu et une note fait toujours plaisir, bonne soirée ;).

30/08/2012, 21h19
Mister Paul

Argh... je me suis mal exprimé désolé...
:oops:

Je ne cherche pas à changer le contenu d'un href lors d'un mouseover,
je cherche à remplacer toutes les occurrences de "TrucBidule", dans le contenu de l'attribut onmouseover des liens d'une page, pour les remplacer par "Trucmuche"...
:calim2:

Bonsoir,
ce n'est pas gagné!
L'attribut onmouseover étant une fonction anonyme, les différents navigateurs ne l'interpréterons pas de la même façon.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> </head> <body> <a id ="a_test" href="#" onmouseover="alert(this.href);">Lien test</a> <script> var oLien = document.links[0]; var sCde = oLien.getAttribute( 'onmouseover') sCde = sCde.toString().replace('href', 'id'); oLien.setAttribute( 'onmouseover', sCde) </script> </body> </html>
http://www.developpez.com/template/kit/kitwarning.png ne fonctionne pas avec IE, au moins jusqu'à la v8.

Je ne pense pas que cela soit la bonne approche ;)

30/08/2012, 23h01
Mister Paul

Remarque si ça n'handicape que les anciens IE c'est quand même pas mal...
:P
30/08/2012, 23h14
NoSmoking

Je te laisses faire les tests complémentaires, mais je persiste dans le fait que cela ne me paraît pas une bonne idée, mais ne connaissant pas les tenants et aboutissants ....
31/08/2012, 08h16
Bovino

J'imagine que si tu nous décrivais correctement ce que tu veux faire, on pourrait t'indiquer une solution beaucoup plus propre...
31/08/2012, 08h38
Darkyl

Bonjour

Citation:

je cherche à remplacer toutes les occurrences de "TrucBidule", dans le contenu de l'attribut onmouseover des liens d'une page, pour les remplacer par "Trucmuche"...

Mais, bon, j'ai pas tout compris non plus...:aie:
31/08/2012, 08h59
SpaceFrog

quand ?
31/08/2012, 09h33
Mister Paul

En fait, je souhaite modifier le contenu de certains liens lors de l'ouverture de la page : le contenu du href et du onmouseover
que

Code:

<a href="http://www.allezAtchoum.com" onmouseover="bla bla bla TrucBidule bla bla bla...">mon lien</a>

devienne

Code:

<a href="http://www.allezSnif.com" onmouseover="bla bla bla TrucMuche bla bla bla...">mon lien</a>

C'est OK pour le contenu du href avec

Code:

oLien[i].href = oLien[i].href.replace('Atchoum', 'Snif');

Je cherchais pour le onmouseover...
31/08/2012, 09h38
Darkyl

On est bien d'accord que trucmuch ou trucmachin représente une fonction? et non un string...
31/08/2012, 09h52
Mister Paul

Citation:

Envoyé par Darkyl

On est bien d'accord que trucmuch ou trucmachin représente une fonction? et non un string...

nan, nan ce sont des strings
31/08/2012, 09h53
Darkyl

un string? heu, t'as un exemple?

parce que onmouseover est un évènement (une fonction quoi) donc cela vaut obligatoirement une fonction (qui peut-être un string avec un eval)
A moins que je ne me gourre complètement.

Dans cette exemple:

Citation:

onmouseover="alert(this.href);"

alert(this.href); est bien une fonction.
31/08/2012, 10h00
Mister Paul

Oui

Code:

onmouseover="return overlib('je suis le commentaire d'origine')"

qui devient

Code:

onmouseover="return overlib('je suis le commentaire modifié')"

Dans ce cas on rechercherait "d'origine" pour le remplacer par "modifié"
31/08/2012, 10h04
Darkyl

Je comprend pas:

Citation:

onmouseover=" je suis le commentaire d'origine"

ne veut rien dire...
Je crois que tu confond avec ALT ou TITLE... non?

onmouseover ne prend pas un string pour l'afficher, à moins que tu n'ai fait une fonction et que cela devienne:
onmouseover="afficher('mon commentaire');";
31/08/2012, 10h06
Mister Paul

Oui tu as raison.
Désolé j'éditais mon post précédent pendant que tu écrivais ta réponse…
Regarde-le
:?
31/08/2012, 10h07
Darkyl

ok, là on est d'accord, escuze si je demande des précisions mais c'était pour être sûr. :mrgreen:

Le code de NoSmoking ne marche pas?
Tu t'en sors pas avec?

Code:

1
2
3
4
5
6
<script>
  var oLien = document.links[0];
  var sCde = oLien.getAttribute( 'onmouseover')
  sCde = sCde.toString().replace('truc d\'origine', 'truc modifié');
  oLien.setAttribute( 'onmouseover', sCde)
</script>

31/08/2012, 10h14
Bovino

On se demande vraiment à quoi peuvent bien servir les variables... :roll:
31/08/2012, 10h24
SpaceFrog

NoSmo a juste oublié la boucle sur Links ;) ..
31/08/2012, 10h28
Darkyl

ouais, ben c'est pas trés dur à rajouter...:calim2:
Juste savoir si cela marche, pour pouvoir passer à un autre soucis.

Bovino,je comprend pas ta remarque...:aie:
31/08/2012, 10h47
Bovino

Quand le paramètre qu'on passe à une fonction (par exemple à alert()) n'est pas constant, c'est qu'il est variable, dans ce cas, il est préférable d'utiliser une variable plutôt que de vouloir redéfinir la définition de la fonction à coup de replace()... :roll:
31/08/2012, 12h26
Darkyl

Ok, mais là apparemment, il travail sur le html généré, donc si je comprend bien, il n'a pas accés au code source de la page mais cherche juste à le modifié aprés le chargement. Donc l'histoire des variables n'a pas lieu d'être... (à moins que je ne comprenne rien aujourd'hui :mrgreen:)
31/08/2012, 13h39
Bovino

Citation:

donc si je comprend bien, il n'a pas accés au code source de la page

Là, tu extrapoles... rien n'a été dit dans ce sens...
31/08/2012, 15h13
Mister Paul

J'ai bien accès au code source mais je cherche juste à le modifier aprés le chargement (après détection javascript de la plateforme).
Il doit y avoir beaucoup plus intelligent (et léger...) pour faire du responsive, mais c'est ce que j'avais commencé à faire il y a plus d'un an...

Le code proposé par NoSmoking fonctionne bien.
Merci à tous.
31/08/2012, 16h24
SpaceFrog

ben mets des variables dans tes mouseover ;
et affectes simplement les variabels sur le onload

Code:

onmouseover = "alert(trumuch)"

Code:

trumuch= "coucou"
31/08/2012, 16h38
Mister Paul

Oui Merci
31/08/2012, 16h43
SpaceFrog

je ne fais que traduire la proposition de Bovino ;)
31/08/2012, 19h10
NoSmoking

on peut également utiliser les data attributes, cela reste plus propre à modifier.

Citation:

Envoyé par Mister Paul

Le code proposé par NoSmoking fonctionne bien.

sur quelle(s )version(s) de IE ?
31/08/2012, 19h21
Mister Paul

Comme je suis sur Mac je n'ai pas testé IE !
Tant que ça ne fait pas planter la machine...
:aie: