Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire

Forum Aidenet

Forum d'entraide sur l'informatique et les nouvelles technologies

Vous n'êtes pas identifié.

#1 30-07-2008 15:47:12

DarkProgrammer
Membre
Date d'inscription: 30-07-2008
Messages: 28

Voila G 1 problem, je voudré ke kan je passe mon curseur sur une division (div) el chanj 2 couleur. Pr sa G utilisé hover, mé komen je fé pour ke une otr div change 2 couleur?
voila mon code:
#Surface1
{
background:blue;
width:100px;
height:100px;
}
#Surface2
{
background:green;
width:100px;
height:100px;
}
#Surface2:hover
{
background:blue;
}


Message de DarkProgrammer.

Hors ligne

 

#2 31-07-2008 12:30:27

Phoebus
Membre
Date d'inscription: 14-05-2008
Messages: 43
Site web

Re:

Bonjour,

bah... #surface1:hover {background:couleur}

poste ton code html stp...

ps : et essaies d'écrire un peu en français... on mets 3 plombes à déchiffrer ton message et ça donne pas envie d'aider...

Hors ligne

 

#3 18-08-2008 16:45:08

DarkProgrammer
Membre
Date d'inscription: 30-07-2008
Messages: 28

Re:

Désolé pour le français j'avais pas le temps. Mais ce que je veux, c'est que Surface1 change de couleur quand je passe le curseur sur Surface2.


Message de DarkProgrammer.

Hors ligne

 

#4 20-09-2008 15:55:57

Phoebus
Membre
Date d'inscription: 14-05-2008
Messages: 43
Site web

Re:

Tu peux faire ça avec du javascript (il y a peut-être plus simple):


<html>
<head>
<script type="text/javascript">

function couleur1(object) {
    if (document.getElementById)
    document.getElementById(object).style.backgroundColor = "green";
    }
function couleur2(object) {
    if (document.getElementById)
    document.getElementById(object).style.backgroundColor = "blue";
    }
</script>

<style type="text/css">
#div1 {border: solid 1px black; width:100px; height : 100px; background-color : red}
#div2 {border: solid 1px black; width:100px; height : 100px; background-color : blue}
</style>

</head>

<body>

<div id="div1" onMouseOver="couleur1('div2')" onMouseOut="couleur2('div2')"></div>
<div id="div2"></div>

</body>
</html>

Hors ligne

 

#5 04-10-2008 12:18:59

DarkProgrammer
Membre
Date d'inscription: 30-07-2008
Messages: 28

Re:

Merci Phoebus.


Message de DarkProgrammer.

Hors ligne

 

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 Rickard Andersson
Traduction par punbb.fr

DERNIERS MESSAGES DU FORUM
Soucis Css ??? [HTML / CSS / Javascript]
Hey [Présentez-vous]
besoin de fixer un calque avec dreamweaver [HTML / CSS / Javascript]
Redimension d'un site selon la resolution d'ecran... [HTML / CSS / Javascript]
suppression d'une barre sous 2 modules user d'un t... [HTML / CSS / Javascript]
[Javascript] Recherche script d'incrémentation pou... [HTML / CSS / Javascript]
2 Problèmes d'alignement css : le contenu et le titre [HTML / CSS / Javascript]
Creation de formulaire html et retour lien de page [HTML / CSS / Javascript]
mon pc s'arrête si je branche l'imprimante ! [A l'aide !]
Besoin d'aide! [A l'aide !]
compression film avec mac [A l'aide !]
perte de mon mot de passe windows 2000 [A l'aide !]
Choix de l'objectif sur boitier reflex numerique [Appareils photos numériques]
Y a personne [Divers]
problème avec messenger live [A l'aide !]
Tous les messages ici...



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com      Edité par FAPROD