Peut-on faire 2 actions avec un seul onclick?
Résolu
Debutant en webmastering
Messages postés
401
Date d'inscription
Statut
Membre
Dernière intervention
-
Debutant en webmastering Messages postés 401 Date d'inscription Statut Membre Dernière intervention -
Debutant en webmastering Messages postés 401 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Peut-on faire 2 actions avec un seul onclick?
- Supercopier 2 - Télécharger - Gestion de fichiers
- Cette action ne peut pas être réalisée car le fichier est ouvert dans system - Guide
- Faire 2 colonnes sur word - Guide
- Peut on avoir 2 comptes instagram sur le même téléphone - Guide
- Whatsapp avec 2 sim - Guide
2 réponses
Bonjour,
tu passes deux ID dans ton onclick alors que ta fonction n'en interprète qu'un.
Ta fonction devrait être maFonction(id1,id2) ...
tu passes deux ID dans ton onclick alors que ta fonction n'en interprète qu'un.
Ta fonction devrait être maFonction(id1,id2) ...
Debutant en webmastering
Messages postés
401
Date d'inscription
Statut
Membre
Dernière intervention
merci je ne connaissais pas bien la façon d'écrire
Hello,
Essaye ça:
Essaye ça:
<html>
<head>
<title></title>
<script type="text/javascript">
function openMenu(id){
id = id || [];
for(var i in id){
var v = document.getElementById(id[i]);
if(v.style.display == "none"){
v.style.display = "block";
}else{
v.style.display = "none";
}
}
}
</script>
</head>
<body>
<ul>
<li id="déroulant" onclick="openMenu(['sousV','imageNousSituer']);">V</li>
</ul>
<ul>
<li style="background-color:white;"><a href="NousSituer.php" id="sousV" style="display:none;"> Nous situer</a></li>
<img src="./images_polyservices/15860234.jpg" id="imageNousSituer" style="display:none;">
</ul>
</body>
<script type="text/javascript">
document.getElementById('deroulant').addEventListener('click', function(e){clickCallback(e);}, false);
</script>
</html>
function openMenu(id,id1){
var v = document.getElementById(id);
var v1 = document.getElementById(id1);
if(v.style.display == "none") && (v1.style.display == "none"){
v.style.display="block" && v1.style.display= "block";
}else{
v.style.display = "none" && v1.style.display = "none";
}
}
qu'est-ce qui n'est pas correct ?
l'html reste le même :
<ul>
........
<li id="déroulant" onclick="openMenu('sousV','imageNousSituer');">V</li>
</ul>
<ul>
<li style="background-color:white;"><a href="NousSituer.php" id="sousV" style="display:none;">
Nous situer</a></li>
<img src="./images_polyservices/15860234.jpg" id="imageNousSituer" style="display:none;">
</ul>
var v = document.getElementById(id);
var v1 = document.getElementById(id1);
if(v.style.display == "none") && (v1.style.display == "none"){
v.style.display="block" && v1.style.display= "block";
}else{
v.style.display = "none" && v1.style.display = "none";
}
}
qu'est-ce qui n'est pas correct ?
l'html reste le même :
<ul>
........
<li id="déroulant" onclick="openMenu('sousV','imageNousSituer');">V</li>
</ul>
<ul>
<li style="background-color:white;"><a href="NousSituer.php" id="sousV" style="display:none;">
Nous situer</a></li>
<img src="./images_polyservices/15860234.jpg" id="imageNousSituer" style="display:none;">
</ul>
même sans pas de changement :
function openMenu(id,id1){
var v = document.getElementById(id);
var v1 = document.getElementById(id1);
if(v.style.display == "none") && (v1.style.display == "none"){
v.style.display="block";
v1.style.display= "block";
}else{
v.style.display = "none";
v1.style.display = "none";
}
}
function openMenu(id,id1){
var v = document.getElementById(id);
var v1 = document.getElementById(id1);
if(v.style.display == "none") && (v1.style.display == "none"){
v.style.display="block";
v1.style.display= "block";
}else{
v.style.display = "none";
v1.style.display = "none";
}
}