begin process at 2012 05 28 23:40:04
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Afficher masquer une div

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Afficher masquer une div

mardi 28 avril 2009 à 15:28:18 | Afficher masquer une div

jeanMOULIN54

Bonjour à tous,
Voilà j'essaye d'afficher une image dans une div au survol d'un lien, et une autre image toujours dans la même div au survol d'un second lien ....

Voici mon code :

<html>
<head>
<script>
function affiche(id){
    var element=document.getElementById(id);
    element.style.display="block";
}
function cache(id){
    var element=document.getElementById(id);
    element.style.display="none";
}
</script>
<link href="testfinal.css" rel="stylesheet" type="text/css" /> //pour le css, j'ai juste mis une taille pour les myDiv1 et 2
</head>

<body>

<div id="myDiv1" style="display:none">
<img src="images/marques/acksys.jpg" width="175" height="93" />
</div>

<div id="myDiv2" style="display:none">
<img src="images/marques/aplisens.jpg" width="175" height="93" />
</div>

<a href="#" onmousehover="javascript:affiche('myDiv1');" onmouseout="javascript:cache('myDiv1');"> Lien 1 </a></br>
<a href="#" onmousehover="javascript:affiche('myDiv2');" onmouseout="javascript:cache('myDiv2');"> Lien 2 </a>

</body>
</html>

Une idée ?

Merci

mardi 28 avril 2009 à 15:41:17 | Re : Afficher masquer une div

Bul3

Membre Club


Bonjour,
bah... déjà : onmouseover="affiche('myDiv1');"
onmouseover
javascript: c'est un pléonasme

mais tel que ta page est faite :
onmouseover==> affichage du div ==> décalage du lien ==> onmouseout ===> cache div ...

Cordialement [mon Site] [M'écrire] Bul
mardi 28 avril 2009 à 15:51:23 | Re : Afficher masquer une div

jeanMOULIN54
Ok,

j'ai donc modifié le code :

<a href="#" onmousehover="affiche('myDiv2');" onmouseout="cache('myDiv2');"> Lien 2 </a>

Mais toujours pas d'affichage d'image au survolle des liens ...
mardi 28 avril 2009 à 18:23:54 | Re : Afficher masquer une div

kazma

Administrateur CodeS-SourceS
bonjour

essai avec ce script

<html>
<head>
<script type="text/javascript">
 function change(imageaaffiche){
if(imageaaffiche=='invisible'){
document.getElementById('coucou').style.visibility='hidden'
}
else{
document.getElementById('coucou').style.visibility='visible'
document.getElementById('coucou').src=imageaaffiche
}
}
</script>
</head>
<body>
<img id ='coucou' src ='d4g.jpg' style='visibility:hidden'>
<br>
<img src ='d1.jpg'onmouseover="change('d1g.jpg')"onmouseout="change('invisible')">
<img src ='d2.jpg'onmouseover="change('d2g.jpg')"onmouseout="change('invisible')">
<img src ='d3.jpg'onmouseover="change('d3g.jpg')"onmouseout="change('invisible')">
</body>
</html>
mercredi 29 avril 2009 à 08:31:20 | Re : Afficher masquer une div

Bul3

Membre Club
Réponse acceptée !
>>onmousehover
n'ira pas, c'est onmouseover
et le reste de ma réponse reste lui aussi valable
@+
mercredi 29 avril 2009 à 08:41:06 | Re : Afficher masquer une div

jeanMOULIN54
Merci, le code était correct mais je n'avais pas vu la faute de syntaxe pour le onmouseover ....
C'est donc résolu !
Super ;)

Merci

Jo


Cette discussion est classée dans : afficher, lien, id, element, div

Répondre à ce message

Sujets en rapport avec ce message

help au sujet de div ( afficher cacher) [ par wiby35 ] Bonjour à tous ( et je m'excuse par avance pour mon Franchaich qui est pas bien Franchaich )[^^sad2] alors voila le problème... je suis en train de c div avec id variable [ par spokito ] bonjour à tous, je me retourne vers vous car je patauge la dessus depuis 3 plombes et je sens que j'ai pas le bon angle. [code=php]<?php // affichag Afficher / Cacher du texte [ par hercule29 ] Bonjour, Je suis à la recherche d'un script javascript (ou autre) pour afficher / cacher du texte en cliquant sur un bouton ou lien? Il y en a plein afficher deux div en même temps dans deux cellules différentes d'un tableau [ par lyamcarter ] Bonjour, Je souhaite afficher plusieur div en même temps dans différente cellule de tableau. Mais cela ne fonctionne pas. pourriez vous m'apporter vot Afficher/masquer une div [ par samirlipopette ] Bonjour/bonsoir Comme le titre ne l'explique pas vraiment j'ai un soucis avec mon code... Je suis parvenu à faire une partie de ce que je voulais comment ajouté une image suivant le lien [ par wiby35 ] Bonjour, alors pour vous sa vas surement parêtre simple ( moi et javascript = 2 voir 2 000 [^^confus5]) donc, sur un page j'utilise un " script" qui p HELP pour ajouté une image au lien en javascript affiché caché une div [ par wiby35 ] Bonjour, alors pour vous sa vas surement parêtre simple ( moi et javascript = 2 voir 2 000 ) donc, sur un page j'utilise un " script" qui permet d'a afficher date dans un DIV avec settimeout [ par ju0123456789 ] Bonjour, J'essaye de me mettre à l'AJAX, mais pour cela il faut bien commencer par le javascript, alors j'ai une question toute bête pour vous je pen Afficher/masquer DIV: reste en dessous du scroll => pas visible de suite [ par Delphine38 ] Bonjour à tous, J'ai pourtant cherché et tester pas mal de chose mais rien de marche. J'ai une image + textes dans des DIV, eux-même dans un DIV que


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,218 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)