Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2559 connectés 

 
 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

<img et background color

n°1404062
carot0
Posté le 10-07-2006 à 17:08:22  profilanswer
 

Reprise du message précédent :
si non je rencontre encore un légé probleme : dans un de mes liens text j'ai un onmouseover et du coup il ne marche plus avec la fct JS. c'est possible d'avoir les 2 ou je doit choisir ?


---------------
In a world without walls and fences, who needs Windows and Gates
mood
Publicité
Posté le 10-07-2006 à 17:08:22  profilanswer
 

n°1404066
turinatas
Posté le 10-07-2006 à 17:09:44  profilanswer
 

tu peux nous montrer ton code ?
sinon c'est tout à fait possible d'avoir les 2 en principe

Message cité 2 fois
n°1404075
carot0
Posté le 10-07-2006 à 17:16:03  profilanswer
 

turinatas a écrit :

tu peux nous montrer ton code ?
sinon c'est tout à fait possible d'avoir les 2 en principe


Code :
  1. <div id="ring" class="ringstyle">115</div>
  4. <a href="blabla.html" onmouseover="ringup()">115</a>


---------------
In a world without walls and fences, who needs Windows and Gates
n°1404157
Arjuna
Aircraft Ident.: F-MBSD
Posté le 10-07-2006 à 19:23:43  profilanswer
 

D'autres questions ? :)
 

Code :
  1. <html>
  2.   <head>
  3.     <title>Test rollover</title>
  4.     <script type="text/javascript">
  5.       // onmouseover d'origine
  6.       function rollover(obj)
  7.       {
  8.         obj.oldColor = obj.style.color;
  9.         obj.style.color = "red";
  10.       }
  12.       // onmouseout d'origine
  13.       function rollout(obj)
  14.       {
  15.         obj.style.color = obj.oldColor;
  16.       }
  18.       // onmouseover ajouté
  19.       function rollover2()
  20.       {
  21.         this.oldBgColor = this.style.backgroundColor;
  22.         this.style.backgroundColor = "yellow";
  24.         // appel de l'ancien onmouseover
  25.         if (this.oldMouseover != null)
  26.         {
  27.           this.oldMouseover(this);
  28.         }
  29.       }
  31.       // onmouseout ajouté
  32.       function rollout2()
  33.       {
  34.         this.style.backgroundColor = this.oldBgColor;
  37.         // appel de l'ancien onmouseout
  38.         if (this.oldMouseout != null)
  39.         {
  40.           this.oldMouseout(this);
  41.         }
  42.       }
  44.       // préparation des évènements dans la page
  45.       function prepare()
  46.       {
  47.         // on s'occupe de tous les liens de la page
  48.         for (var i = 0; i < document.links.length; i++)
  49.         {
  50.           // on sauvegarde les anciens handlers
  51.           document.links[i].oldMouseover = document.links[i].onmouseover;
  52.           document.links[i].oldMouseout = document.links[i].onmouseout;
  54.           // on en met de nouveaux à la place
  55.           document.links[i].onmouseover = rollover2;
  56.           document.links[i].onmouseout = rollout2;
  57.         }
  58.       }
  60.       window.onload = prepare;
  61.     </script>
  62.   </head>
  63.   <body>
  64.     <a href="#" onmouseover="javascript:rollover(this);" onmouseout="javascript:rollout(this);">test 1</a><br/>
  65.     <a href="#">test 2</a>
  66.   </body>
  67. </html>

Message cité 1 fois
n°1404158
Arjuna
Aircraft Ident.: F-MBSD
Posté le 10-07-2006 à 19:26:25  profilanswer
 

turinatas a écrit :

sinon c'est tout à fait possible d'avoir les 2 en principe


"non", dans la mesure où :
- contraîrement au .NET, on ne peux avoir qu'un handler par évènement
- je remplace le handler spécifié dans l'attribut "onmouseover" par un autre, donc il est perdu
 
"oui" dans la mesure où :
- un handler c'est une bête propriété en js qui est non nulle quand il existe, qu'on peut donc sauvegarder n'importe où, et la réutiliser si besoin

n°1404214
gatsu35
Blablaté par Harko
Posté le 10-07-2006 à 22:08:57  profilanswer
 

Arjuna sans vouloir être méchant, tu veux bien me jeter ton document.links à la poubelle [:petrus dei], Merci [:petrus75]

Message cité 1 fois
n°1404215
carot0
Posté le 10-07-2006 à 22:09:42  profilanswer
 

Arjuna a écrit :

D'autres questions ? :)
 

Code :
  1. <html>
  2.   <head>
  3.     <title>Test rollover</title>
  4.     <script type="text/javascript">
  5.       // onmouseover d'origine
  6.       function rollover(obj)
  7.       {
  8.         obj.oldColor = obj.style.color;
  9.         obj.style.color = "red";
  10.       }
  12.       // onmouseout d'origine
  13.       function rollout(obj)
  14.       {
  15.         obj.style.color = obj.oldColor;
  16.       }
  18.       // onmouseover ajouté
  19.       function rollover2()
  20.       {
  21.         this.oldBgColor = this.style.backgroundColor;
  22.         this.style.backgroundColor = "yellow";
  24.         // appel de l'ancien onmouseover
  25.         if (this.oldMouseover != null)
  26.         {
  27.           this.oldMouseover(this);
  28.         }
  29.       }
  31.       // onmouseout ajouté
  32.       function rollout2()
  33.       {
  34.         this.style.backgroundColor = this.oldBgColor;
  37.         // appel de l'ancien onmouseout
  38.         if (this.oldMouseout != null)
  39.         {
  40.           this.oldMouseout(this);
  41.         }
  42.       }
  44.       // préparation des évènements dans la page
  45.       function prepare()
  46.       {
  47.         // on s'occupe de tous les liens de la page
  48.         for (var i = 0; i < document.links.length; i++)
  49.         {
  50.           // on sauvegarde les anciens handlers
  51.           document.links[i].oldMouseover = document.links[i].onmouseover;
  52.           document.links[i].oldMouseout = document.links[i].onmouseout;
  54.           // on en met de nouveaux à la place
  55.           document.links[i].onmouseover = rollover2;
  56.           document.links[i].onmouseout = rollout2;
  57.         }
  58.       }
  60.       window.onload = prepare;
  61.     </script>
  62.   </head>
  63.   <body>
  64.     <a href="#" onmouseover="javascript:rollover(this);" onmouseout="javascript:rollout(this);">test 1</a><br/>
  65.     <a href="#">test 2</a>
  66.   </body>
  67. </html>



 
 
 :ouch:  t'es un dieu !!
je test ton code demain, je sens que tu va faire une heureuse !!
 
( je vais peut etre avoir 5 min de repis du coup ! )


---------------
In a world without walls and fences, who needs Windows and Gates
n°1404219
Arjuna
Aircraft Ident.: F-MBSD
Posté le 10-07-2006 à 22:26:29  profilanswer
 

ps: pense à mixer les deux scripts, je t'ai pas fait tout le boulot, là c'est juste un exemple ;)

n°1404222
Arjuna
Aircraft Ident.: F-MBSD
Posté le 10-07-2006 à 22:27:59  profilanswer
 

gatsu35 a écrit :

Arjuna sans vouloir être méchant, tu veux bien me jeter ton document.links à la poubelle [:petrus dei], Merci [:petrus75]


tu connais plus propre / simple pour rechercher tous les liens d'une page, sans devoir parcourir toute l'arbo du document toi ?
 
dans la mesure où FF et IE reconnaissent cette collection (même NS 4, c'est pour dire :D) j'aurais bien tors de m'en passer [:spamafote]

n°1404229
gatsu35
Blablaté par Harko
Posté le 10-07-2006 à 22:42:58  profilanswer
 

le DOM c'est pas fait pour les chiens [:spamafote]
 
var a = document.getElementsByTagName("a" );
for (var i=0; i<a.length; i++) {
   a[i].onmouseover = tafunc;
}
 
tu codes relativement bien en JS, vu ce que tu as pondu 4 posts avant.
Mais les document.links, document.anchors, document.layers et autres bizarreries esotériques de ce genre ça part à la poubelle.
 
maintenant on utilise des fonction du dom, et NS4, IE4 on les encule [:spamafote]

mood
Publicité
Posté le 10-07-2006 à 22:42:58  profilanswer
 

n°1404248
Arjuna
Aircraft Ident.: F-MBSD
Posté le 10-07-2006 à 23:15:19  profilanswer
 

Hmmm, ouais, en effet, ça doit marcher. Chais pas pkoi, j'étais convaincu que ça ne récupérait que les noeuds de premier niveau.

Message cité 1 fois
n°1404251
gatsu35
Blablaté par Harko
Posté le 10-07-2006 à 23:19:01  profilanswer
 

Arjuna a écrit :

Hmmm, ouais, en effet, ça doit marcher. Chais pas pkoi, j'étais convaincu que ça ne récupérait que les noeuds de premier niveau.


 
nan ca recupère tout [:spamafote]
 
Quand tu fais document.getElementsByTagName("div" ); tu recuperes tout les divs de la page
quand tu fais monelement.getElementsByTagName("div" ); tu recuperes tout les divs de cet éléments.

n°1404254
Arjuna
Aircraft Ident.: F-MBSD
Posté le 10-07-2006 à 23:22:48  profilanswer
 

oui oui, je te crois ;) mais dans ma tête ça marchait pas comme ça.
ceci dit, j'ai bouffé du dom à plus savoir qu'en faire ici : http://forum.hardware.fr/hardwaref [...] 3525-1.htm
 
et du coup je sais plus où j'en suis ;)

n°1404514
carot0
Posté le 11-07-2006 à 12:26:56  profilanswer
 

merci les gars, j'ai mixer les 2 codes et ca marche tout bien


---------------
In a world without walls and fences, who needs Windows and Gates
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
PB Background JFrame netbeans MatisseCellule d'un tableau avec image étirable en background ?
background de tableauComment etendre le background d'un <div> jusqu'au footer de ma page ?
Background pour dt[CSS] Répétition de background
[Resolu] Probleme avec une CSS de Background sous Firefox[CSS] padding & background de TD
[CSS] Problème de background-color[HTML, JS] Bug IE6 et background-color en CSS ?
Plus de sujets relatifs à : <img et background color

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.077 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)