Pb javascript avec les logos

Bonjour à tous

Mon pb est plus JS que SPIP... mais j'apprécierais un peu d'aide !

Je suis sous Spip 2.0.10.
J'ai une balise image <img name="photo" ...> qui doit accueillir les logos d'articles. Je l'initialise avec le(s) logo(s) du 1er article (cf. les 3 points ci-dessus!).

J'ai une série de vignettes (logos des articles d'une rubrique) dans la balise img desquelles je place le code:
onClick="document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';
         [document.photo.onMouseOver=function() { document.photo.src='(#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src})';}]
         [document.photo.onMouseOut =function() { document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';}]"

Je donne un code un peu simplifié... mais le principe est là: qd on clique sur la vignette, je veux afficher le logo dans la zone "photo" avec traitement du logo "survol". Sur le "clic", je renseigne donc les attributs "src", "onMouseOver" et "onMouseOut" de cette zone.

Mon pb est que le renseignement des balises "onMouseXXX" ne fonctionne pas (sans générer d'erreur js). Les attributs "onMouseXXX" renseignés de manière statique à la création de la zone "photo" ne sont pas modifiés et restent donc actifs !

J'espère avoir été clair ?...

Merci pour toute piste.
    François

--
J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
Nous avons en ce moment 6 millions d’utilisateurs de par le monde entier.
Les utlisateurs payants n’ont pas ce message. Vous pouvez télécharger la version gratuite: http://www.spamfighter.com/lfr

Bonjour,

Comme tu utilises les logos de survol, SPIP va te générer les onMouseOver pour le logo normal et le logo de survol.
De ce fait, dans ton code, au lieu d’appeler « #LOGO_ARTICLE », appelles le #LOGO_ARTICLE_NORMAL. Soit :
onClick=« document.photo.src=‹ (#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src}) ›;
[document.photo.onMouseOver=function() { document.photo.src=‹ (#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src}) ›;}]
[document.photo.onMouseOut =function() { document.photo.src=‹ (#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src}) ›;}] »

Le 15 mars 2010 14:18, fhamonno <fhamonno@laposte.net> a écrit :

Bonjour à tous

Mon pb est plus JS que SPIP… mais j’apprécierais un peu d’aide !

Je suis sous Spip 2.0.10.
J’ai une balise image <img name=« photo » …> qui doit accueillir les logos d’articles. Je l’initialise avec le(s) logo(s) du 1er article (cf. les 3 points ci-dessus!).

J’ai une série de vignettes (logos des articles d’une rubrique) dans la balise img desquelles je place le code:
onClick=« document.photo.src=‹ (#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src}) ›;
[document.photo.onMouseOver=function() { document.photo.src=‹ (#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src}) ›;}]
[document.photo.onMouseOut =function() { document.photo.src=‹ (#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src}) ›;}] »

Je donne un code un peu simplifié… mais le principe est là: qd on clique sur la vignette, je veux afficher le logo dans la zone « photo » avec traitement du logo « survol ». Sur le « clic », je renseigne donc les attributs « src », « onMouseOver » et « onMouseOut » de cette zone.

Mon pb est que le renseignement des balises « onMouseXXX » ne fonctionne pas (sans générer d’erreur js). Les attributs « onMouseXXX » renseignés de manière statique à la création de la zone « photo » ne sont pas modifiés et restent donc actifs !

J’espère avoir été clair ?..

Merci pour toute piste.
François


J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
Nous avons en ce moment 6 millions d’utilisateurs de par le monde entier.
Les utlisateurs payants n’ont pas ce message. Vous pouvez télécharger la version gratuite: http://www.spamfighter.com/lfr


liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

Merci TeddyP pour ta réponse.

Il faut effectivement que j'utilise #LOGO_ARTICLE_NORMAL pour les vignettes. En fait, j'utilisais les filtres:
...|inserer_attribut{onMouseOver,''}|inserer_attribut{onMouseOut,''}...
qui inhibaient effectivement le traitement des logos "survol".

Mais cela ne résout pas le non-fonctionnement du renseignement dynamique des attributs "onMouseOver" et "onMouseOut" de l'image qui, elle, doit gérer le survol.

A+
    François

TeddyP SPIP a écrit :

Bonjour,

Comme tu utilises les logos de survol, SPIP va te générer les onMouseOver pour le logo normal et le logo de survol.
De ce fait, dans ton code, au lieu d'appeler "#LOGO_ARTICLE", appelles le #LOGO_ARTICLE_NORMAL. Soit :
onClick="document.photo.src='(#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src})';
       [document.photo.onMouseOver=function() { document.photo.src='(#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src})';}]
       [document.photo.onMouseOut =function() { document.photo.src='(#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src})';}]"

Le 15 mars 2010 14:18, fhamonno <fhamonno@laposte.net <mailto:fhamonno@laposte.net>> a écrit :

    Bonjour à tous

    Mon pb est plus JS que SPIP... mais j'apprécierais un peu d'aide !

    Je suis sous Spip 2.0.10.
    J'ai une balise image <img name="photo" ...> qui doit accueillir les
    logos d'articles. Je l'initialise avec le(s) logo(s) du 1er article
    (cf. les 3 points ci-dessus!).

    J'ai une série de vignettes (logos des articles d'une rubrique) dans
    la balise img desquelles je place le code:
    onClick="document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';
           [document.photo.onMouseOver=function() {
    document.photo.src='(#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src})';}]
           [document.photo.onMouseOut =function() {
    document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';}]"

    Je donne un code un peu simplifié... mais le principe est là: qd on
    clique sur la vignette, je veux afficher le logo dans la zone
    "photo" avec traitement du logo "survol". Sur le "clic", je
    renseigne donc les attributs "src", "onMouseOver" et "onMouseOut" de
    cette zone.

    Mon pb est que le renseignement des balises "onMouseXXX" ne
    fonctionne pas (sans générer d'erreur js). Les attributs
    "onMouseXXX" renseignés de manière statique à la création de la zone
    "photo" ne sont pas modifiés et restent donc actifs !

    J'espère avoir été clair ?...

    Merci pour toute piste.
      François

    -- J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
    Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
    Nous avons en ce moment 6 millions d’utilisateurs de par le monde
    entier.
    Les utlisateurs payants n’ont pas ce message. Vous pouvez
    télécharger la version gratuite: Filtre Anti Spam gratuit pour Outlook, Outlook Express, Windows Live Mail & Thunderbird - SPAMfighter

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
    mail à spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
    Discuter chez rezo.net

    Documentation de SPIP : http://www.spip.net/

    Irc : de l'aide à toute heure : http://spip.net/irc

--
J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
Nous avons en ce moment 6 millions d’utilisateurs de par le monde entier.
Les utlisateurs payants n’ont pas ce message. Vous pouvez télécharger la version gratuite: Filtre Anti Spam gratuit pour Outlook, Outlook Express, Windows Live Mail & Thunderbird - SPAMfighter

Re

Est ce que tu peux ton code "réel" stp?parce que là apparemment tu passes tout cela par les filtres inserer_attribut... Peut-être que ton insertion est mal fait...
D'ailleurs, est ce que tu as spécifié qulque chose au ni eau de ton body? Onload()? Ou init(), je sais plus quoi...

Cordialement,

Teddy Payet

Le 15 mars 2010 à 18:53, fhamonno <fhamonno@laposte.net> a écrit :

Merci TeddyP pour ta réponse.

Il faut effectivement que j'utilise #LOGO_ARTICLE_NORMAL pour les vignettes. En fait, j'utilisais les filtres:
...|inserer_attribut{onMouseOver,''}|inserer_attribut{onMouseOut,''}...
qui inhibaient effectivement le traitement des logos "survol".

Mais cela ne résout pas le non-fonctionnement du renseignement dynamique des attributs "onMouseOver" et "onMouseOut" de l'image qui, elle, doit gérer le survol.

A+
  François

TeddyP SPIP a écrit :

Bonjour,
Comme tu utilises les logos de survol, SPIP va te générer les onMouseOver pour le logo normal et le logo de survol.
De ce fait, dans ton code, au lieu d'appeler "#LOGO_ARTICLE", appelles le #LOGO_ARTICLE_NORMAL. Soit :
onClick="document.photo.src='(#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src})';
      [document.photo.onMouseOver=function() { document.photo.src='(#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src})';}]
      [document.photo.onMouseOut =function() { document.photo.src='(#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src})';}]"
Le 15 mars 2010 14:18, fhamonno <fhamonno@laposte.net <mailto:fhamonno@laposte.net>> a écrit :
   Bonjour à tous
   Mon pb est plus JS que SPIP... mais j'apprécierais un peu d'aide !
   Je suis sous Spip 2.0.10.
   J'ai une balise image <img name="photo" ...> qui doit accueillir les
   logos d'articles. Je l'initialise avec le(s) logo(s) du 1er article
   (cf. les 3 points ci-dessus!).
   J'ai une série de vignettes (logos des articles d'une rubrique) dans
   la balise img desquelles je place le code:
   onClick="document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';
          [document.photo.onMouseOver=function() {
   document.photo.src='(#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src})';}]
          [document.photo.onMouseOut =function() {
   document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';}]"
   Je donne un code un peu simplifié... mais le principe est là: qd on
   clique sur la vignette, je veux afficher le logo dans la zone
   "photo" avec traitement du logo "survol". Sur le "clic", je
   renseigne donc les attributs "src", "onMouseOver" et "onMouseOut" de
   cette zone.
   Mon pb est que le renseignement des balises "onMouseXXX" ne
   fonctionne pas (sans générer d'erreur js). Les attributs
   "onMouseXXX" renseignés de manière statique à la création de la zone
   "photo" ne sont pas modifiés et restent donc actifs !
   J'espère avoir été clair ?...
   Merci pour toute piste.
     François
   -- J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
   Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
   Nous avons en ce moment 6 millions d’utilisateurs de par le monde
   entier.
   Les utlisateurs payants n’ont pas ce message. Vous pouvez
   télécharger la version gratuite: Filtre Anti Spam gratuit pour Outlook, Outlook Express, Windows Live Mail & Thunderbird - SPAMfighter
   _______________________________________________
   liste spip
   spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
   mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
   Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
   Discuter chez rezo.net
   Documentation de SPIP : http://www.spip.net/
   Irc : de l'aide à toute heure : http://spip.net/irc

--
J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
Nous avons en ce moment 6 millions d’utilisateurs de par le monde entier.
Les utlisateurs payants n’ont pas ce message. Vous pouvez télécharger la version gratuite: Filtre Anti Spam gratuit pour Outlook, Outlook Express, Windows Live Mail & Thunderbird - SPAMfighter

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

Mes affectations de comportement étaient codées:
   document.photo.onMouseOver=<du code ou une fonction>;
   document.photo.onMouseOut=<du code ou une fonction>;

En utilisant Firebug pour trouver le pb, je me suis aperçu qu'on y trouvait 2 objets séparés: "onMouseOver" et "onmouseover" (tout en minuscules) !

Moi qui croyait que JS était inssensible à la casse, j'ai qd même essayé les minuscules... et ça marche !!! Ma conclusion est donc que dans la balise js est insensible à la casse, mais que le DOM y est sensible.

A+
    François

Teddy Payet a écrit :

Re

Est ce que tu peux ton code "réel" stp?parce que là apparemment tu passes tout cela par les filtres inserer_attribut... Peut-être que ton insertion est mal fait...
D'ailleurs, est ce que tu as spécifié qulque chose au ni eau de ton body? Onload()? Ou init(), je sais plus quoi...

Cordialement,

Teddy Payet

Le 15 mars 2010 à 18:53, fhamonno <fhamonno@laposte.net> a écrit :

Merci TeddyP pour ta réponse.

Il faut effectivement que j'utilise #LOGO_ARTICLE_NORMAL pour les vignettes. En fait, j'utilisais les filtres:
...|inserer_attribut{onMouseOver,''}|inserer_attribut{onMouseOut,''}...
qui inhibaient effectivement le traitement des logos "survol".

Mais cela ne résout pas le non-fonctionnement du renseignement dynamique des attributs "onMouseOver" et "onMouseOut" de l'image qui, elle, doit gérer le survol.

A+
  François

TeddyP SPIP a écrit :

Bonjour,
Comme tu utilises les logos de survol, SPIP va te générer les onMouseOver pour le logo normal et le logo de survol.
De ce fait, dans ton code, au lieu d'appeler "#LOGO_ARTICLE", appelles le #LOGO_ARTICLE_NORMAL. Soit :
onClick="document.photo.src='(#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src})';

      [document.photo.onMouseOver=function() { document.photo.src='(#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src})';}]

      [document.photo.onMouseOut =function() { document.photo.src='(#LOGO_ARTICLE_NORMAL||image_reduire{0,300}|extraire_attribut{src})';}]"

Le 15 mars 2010 14:18, fhamonno <fhamonno@laposte.net <mailto:fhamonno@laposte.net>> a écrit :
   Bonjour à tous
   Mon pb est plus JS que SPIP... mais j'apprécierais un peu d'aide !
   Je suis sous Spip 2.0.10.
   J'ai une balise image <img name="photo" ...> qui doit accueillir les
   logos d'articles. Je l'initialise avec le(s) logo(s) du 1er article
   (cf. les 3 points ci-dessus!).
   J'ai une série de vignettes (logos des articles d'une rubrique) dans
   la balise img desquelles je place le code:
   onClick="document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';

          [document.photo.onMouseOver=function() {
   document.photo.src='(#LOGO_ARTICLE_SURVOL||image_reduire{0,300}|extraire_attribut{src})';}]

          [document.photo.onMouseOut =function() {
   document.photo.src='(#LOGO_ARTICLE||image_reduire{0,300}|extraire_attribut{src})';}]"

   Je donne un code un peu simplifié... mais le principe est là: qd on
   clique sur la vignette, je veux afficher le logo dans la zone
   "photo" avec traitement du logo "survol". Sur le "clic", je
   renseigne donc les attributs "src", "onMouseOver" et "onMouseOut" de
   cette zone.
   Mon pb est que le renseignement des balises "onMouseXXX" ne
   fonctionne pas (sans générer d'erreur js). Les attributs
   "onMouseXXX" renseignés de manière statique à la création de la zone
   "photo" ne sont pas modifiés et restent donc actifs !
   J'espère avoir été clair ?...
   Merci pour toute piste.
     François
   -- J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
   Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
   Nous avons en ce moment 6 millions d’utilisateurs de par le monde
   entier.
   Les utlisateurs payants n’ont pas ce message. Vous pouvez
   télécharger la version gratuite: Filtre Anti Spam gratuit pour Outlook, Outlook Express, Windows Live Mail & Thunderbird - SPAMfighter
   _______________________________________________
   liste spip
   spip@rezo.net <mailto:spip@rezo.net> - désabonnement : envoyer un
   mail à spip-off@rezo.net <mailto:spip-off@rezo.net>
   Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
   Discuter chez rezo.net
   Documentation de SPIP : http://www.spip.net/
   Irc : de l'aide à toute heure : http://spip.net/irc

--
J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
Nous avons en ce moment 6 millions d’utilisateurs de par le monde entier.
Les utlisateurs payants n’ont pas ce message. Vous pouvez télécharger la version gratuite: Filtre Anti Spam gratuit pour Outlook, Outlook Express, Windows Live Mail & Thunderbird - SPAMfighter

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

--
J’utilise la version gratuite de SPAMfighter pour utilisateurs privés.
Jusqu’à présent SPAMfighter a bloqué 367 courriels spam.
Nous avons en ce moment 6 millions d’utilisateurs de par le monde entier.
Les utlisateurs payants n’ont pas ce message. Vous pouvez télécharger la version gratuite: Filtre Anti Spam gratuit pour Outlook, Outlook Express, Windows Live Mail & Thunderbird - SPAMfighter