Comment faire pour que sur une page web, avec un OnMouseOver ...

Comment faire pour que sur une page web, avec un OnMouseOver ... - Programmation

Marsh Posté le 18-02-2002 à 18:52:37    

Comment faire pour que sur une page web, lorsque je passe la souris sur une cellule d'un tableau, la cellule se colore ?? :??:
merci :jap:
 :hello:

Reply

Marsh Posté le 18-02-2002 à 18:52:37   

Reply

Marsh Posté le 18-02-2002 à 21:09:24    

siouplé :sweat:

Reply

Marsh Posté le 18-02-2002 à 21:52:20    

<td onmouseover="this.style.backgroundColor = 'rgb(255, 0, 0)'" onmouseout="this.style.backgroundColor = 'rgb(255, 255, 0)'">

Reply

Marsh Posté le 19-02-2002 à 02:26:47    

nikel :jap:

Reply

Marsh Posté le 19-02-2002 à 08:51:51    

marche pas sous netscape il me semble ...


---------------
ma vie, mon oeuvre - HomePlayer
Reply

Marsh Posté le 19-02-2002 à 11:40:00    

ça marche sous mozilla en tout cas. heureusement, c'est du code tout ce qu'il y a de banal.

Reply

Marsh Posté le 19-02-2002 à 12:11:34    

coup de gueule contre Netscape :
c de la bouze !
 
en fait, ya des bons trucs sous netscape... (comme les layouts ?)
mais les developpeurs de navigateurs devraient s'entendre pour utiliser la même norme ! ça serait moins la merde pour les developpeurs web! c vrai, quoi ! pourquoi ils n'utilisent pas tous la norme W3C ???

 

[jfdsdjhfuetppo]--Message édité par Moustaaki--[/jfdsdjhfuetppo]

Reply

Marsh Posté le 30-05-2002 à 09:34:20    

Je re up le topic car j'ai une autre question :D
 
Voila comment faire pour que lorsque je passe la souris sur un lien, le texte passe en gras, ou change de couleur ? je suppose que c'est avec un OnMouseOver aussi, mais je sais pas trop :(
 
J'espère que qq1 pourra m'aider :jap:
 
:hello:

Reply

Marsh Posté le 30-05-2002 à 09:38:53    

ce up de sauvage :D
 
même schema :  
 
backgroundColor change la couleur de fond
color la couleur du texte
fontWeight le gras du texte
 
onmouseover="this.style.backgroundColor = 'rgb(255, 0, 0)'"  
onmouseover="this.style.color = 'rgb(255, 0, 0)'"  
onmouseover="this.style.fontWeight = 'bold'"

Reply

Marsh Posté le 30-05-2002 à 10:22:39    

merci monsieur :jap: :p  
 
:hello:

Reply

Marsh Posté le 30-05-2002 à 10:22:39   

Reply

Marsh Posté le 30-05-2002 à 10:30:29    

euh en fait g un pb:
le onmouseover je le met dans ma balise <font> ou dans ma balise <td> ? paceke ds ma balise <td> j'ai deja un onmouseover pour change la couleur de la cellule.
puis si je met le onmouseover dans le font, la couleur du texte ne change pas, ca ne fais rien :(
please help :D
 
:hello:

Reply

Marsh Posté le 30-05-2002 à 10:31:32    

tu dois pouvoir definir plusieures action sur un evenement en les separant par des ;


---------------
All we need is a soul revolution
Reply

Marsh Posté le 30-05-2002 à 10:42:48    

ok je test :jap:

Reply

Marsh Posté le 30-05-2002 à 11:03:46    

euh ca marche pas :/
 
faut faire comme ca ?:
 
<td onmouseover="this.style.backgroundColor = 'rgb(255, 0, 0)'";onmouseover="this.style.color = 'rgb(255, 0, 0)'" onmouseout="this.style.backgroundColor = 'rgb(255, 255, 0)'">  
 
:??:

Reply

Marsh Posté le 30-05-2002 à 11:04:08    

sinon, tu définis le style pour tes tags A
A:hover A:visited ....

Reply

Marsh Posté le 30-05-2002 à 11:07:51    

le pb c ke je pas ke ca le fasse partout, juste sur une cellule :(

Reply

Marsh Posté le 30-05-2002 à 11:08:25    

Vinz416 a écrit a écrit :

euh ca marche pas :/
faut faire comme ca ?:
<td onmouseover="this.style.backgroundColor = 'rgb(255, 0, 0)'";onmouseover="this.style.color = 'rgb(255, 0, 0)'" onmouseout="this.style.backgroundColor = 'rgb(255, 255, 0)'">  
:??:  




j'aurais mis ca moi plutot :
<td onmouseover="this.style.backgroundColor = 'rgb(255, 0, 0)';this.style.color = 'rgb(255, 0, 0)'" onmouseout="this.style.backgroundColor = 'rgb(255, 255, 0)'">


---------------
All we need is a soul revolution
Reply

Marsh Posté le 30-05-2002 à 11:42:15    

ca marche pas :cry:

Reply

Marsh Posté le 30-05-2002 à 11:48:16    

mais si je viens de teste


---------------
All we need is a soul revolution
Reply

Marsh Posté le 30-05-2002 à 12:25:36    

normalement ce que dit kayasax doit marcher. vérifie qu'il n'y ait pas un problème de guillemets & co ...
 
une alternative, changer directement la classe CSS : c'est plus simple et surtout mieux 'rangé' si tu veux faire plusieurs changements à la fois.
 
<style>
 .class1
 {
   color: rgb(255, 0, 0);
   font-weight: bold;
 }
 
 .class2
 {
   color: rgb(0, 255, 0);
   font-weight: normal;
 }
</style>
 
<td onmouseover="this.className = 'class1'" onmouseout="this.className = 'class2'">... texte ...</td>

Reply

Marsh Posté le 30-05-2002 à 12:40:55    

youdontcare je te vois svt employe le this , ca m'arrive aussi mais je ne comprends pas vraiment comment ca marche t'aurais pas une url stp ??


---------------
All we need is a soul revolution
Reply

Marsh Posté le 30-05-2002 à 12:59:32    

une url ? hmm google + reference javascript ? :D
 
this c'est juste pour spécifier que tu vas toucher aux propriétés de l'objet courant. ce n'est pas tout le temps obligatoire, je le mets car je trouve ça plus clair.
 
<td onmouseover="this.tagName = 'class1'"
et
<td onmouseover="tagName = 'class1'"
 
sont strictement identiques, c'est juste une histoire de goût. dans l'exemple l'objet courant est une balise (le <td> ), ici le scope (la portée des variables) te permet d'accéder à ses variables implicitement (comme dans le second exemple).
 
par contre tu en as besoin lorsque tu veux construire un objet :
 
function buildMe()
{
  this.str = 'bonjour';
  this.val = 42;
}
 
var o = new buildMe();
alert(o.str); // affiche 'bonjour';
 
sans le this, tu ne peux affecter les variables à l'objet lors de sa construction. je crois bien que c'est le seul endroit (les méthodes d'un objet) ou this est obligatoire.

Reply

Marsh Posté le 30-05-2002 à 13:05:09    

:jap: je ne m'attendais pas à tant  :wahoo:


---------------
All we need is a soul revolution
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed