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

  FORUM HardWare.fr
  Programmation

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°101993
Vinz416
Posté le 18-02-2002 à 18:52:37  profilanswer
 

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:

mood
Publicité
Posté le 18-02-2002 à 18:52:37  profilanswer
 

n°102055
Vinz416
Posté le 18-02-2002 à 21:09:24  profilanswer
 

siouplé :sweat:

n°102071
youdontcar​e
Posté le 18-02-2002 à 21:52:20  profilanswer
 

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

n°102145
Vinz416
Posté le 19-02-2002 à 02:26:47  profilanswer
 

nikel :jap:

n°102153
benou
Posté le 19-02-2002 à 08:51:51  profilanswer
 

marche pas sous netscape il me semble ...


---------------
ma vie, mon oeuvre - HomePlayer
n°102214
youdontcar​e
Posté le 19-02-2002 à 11:40:00  profilanswer
 

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

n°102240
Moustaaki
.: ILITCH :. ésprit sibérie
Posté le 19-02-2002 à 12:11:34  profilanswer
 

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]

n°147526
Vinz416
Posté le 30-05-2002 à 09:34:20  profilanswer
 

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:

n°147528
youdontcar​e
Posté le 30-05-2002 à 09:38:53  profilanswer
 

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'"

n°147567
Vinz416
Posté le 30-05-2002 à 10:22:39  profilanswer
 

merci monsieur :jap: :p  
 
:hello:

mood
Publicité
Posté le 30-05-2002 à 10:22:39  profilanswer
 

n°147576
Vinz416
Posté le 30-05-2002 à 10:30:29  profilanswer
 

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:

n°147580
kayasax
Posté le 30-05-2002 à 10:31:32  profilanswer
 

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


---------------
All we need is a soul revolution
n°147589
Vinz416
Posté le 30-05-2002 à 10:42:48  profilanswer
 

ok je test :jap:

n°147616
Vinz416
Posté le 30-05-2002 à 11:03:46  profilanswer
 

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)'">  
 
:??:

n°147618
titi_4js
Posté le 30-05-2002 à 11:04:08  profilanswer
 

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

n°147624
Vinz416
Posté le 30-05-2002 à 11:07:51  profilanswer
 

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

n°147626
kayasax
Posté le 30-05-2002 à 11:08:25  profilanswer
 

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
n°147671
Vinz416
Posté le 30-05-2002 à 11:42:15  profilanswer
 

ca marche pas :cry:

n°147678
kayasax
Posté le 30-05-2002 à 11:48:16  profilanswer
 

mais si je viens de teste


---------------
All we need is a soul revolution
n°147713
youdontcar​e
Posté le 30-05-2002 à 12:25:36  profilanswer
 

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>

n°147731
kayasax
Posté le 30-05-2002 à 12:40:55  profilanswer
 

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
n°147741
youdontcar​e
Posté le 30-05-2002 à 12:59:32  profilanswer
 

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.

n°147747
kayasax
Posté le 30-05-2002 à 13:05:09  profilanswer
 

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


---------------
All we need is a soul revolution
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

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

 

Sujets relatifs
[help] Comment afficher l'adresse ip sur une page html ?petite question : interdire une page a une certaine adresse IP
[HTML et JS] changement d'image lors de l'evt onMouseOver... pbcomment montrer du code HTML dans une page HTML ?
news defilantes sur page webrecuperation de donnees pour mise en page sur un formulaire
INCLUDE d'une page html dans une autrecomment inserer une animation flash dans une page html
Php : code html à transéfer d'une page vers l'autrecomment on rafraichit une page automatikement ? [html]
Plus de sujets relatifs à : Comment faire pour que sur une page web, avec un OnMouseOver ...


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR