Comment faire pour que sur une page web, avec un OnMouseOver ... - Programmation
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)'">
Marsh Posté le 19-02-2002 à 08:51:51
ReplyMarsh 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.
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]
Marsh Posté le 30-05-2002 à 09:34:20
Je re up le topic car j'ai une autre question
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
Marsh Posté le 30-05-2002 à 09:38:53
ce up de sauvage
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'"
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
Marsh Posté le 30-05-2002 à 10:31:32
tu dois pouvoir definir plusieures action sur un evenement en les separant par des ;
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)'">
Marsh Posté le 30-05-2002 à 11:04:08
sinon, tu définis le style pour tes tags A
A:hover A:visited ....
Marsh Posté le 30-05-2002 à 11:07:51
le pb c ke je pas ke ca le fasse partout, juste sur une cellule
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)'">
Marsh Posté le 30-05-2002 à 11:48:16
mais si je viens de teste
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>
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 ??
Marsh Posté le 30-05-2002 à 12:59:32
une url ? hmm google + reference javascript ?
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.
Marsh Posté le 30-05-2002 à 13:05:09
je ne m'attendais pas à tant
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