Menu

Bouton multifonction [Résolu/Fermé]

Messages postés
285
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
5 mai 2019
- - Dernière réponse : astrocurieux
Messages postés
285
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
5 mai 2019
- 24 oct. 2017 à 23:03
Bonjour,

peut on faire un bouton qui a une double fonction ?

ça m'arrangerais pas mal en faite ....
je voudrais pouvoir fermer mon menu et redirigé vers une "balise".
ce sera probablement plus explicite avec du code.

ce que j'ai actuellement :
  <div id="div1" style="display:none;">
          <div class="blackscreen">
            <a href="javascript:switchDisplay();" rel="nofollow noopener noreferrer" target="_blank" class="sticky-top">
              <img src="images/menu.gif" class="burger rounded-circle">
            </a>
              <div class="textmenu">
                <ul>
                  <li><a href="home.html" rel="nofollow noopener noreferrer" target="_blank">Home</a></li>
                  <li><a href="#balise1" rel="nofollow noopener noreferrer" target="_blank"><li>My skills</a></li>
                  <li><a href="#balise2" rel="nofollow noopener noreferrer" target="_blank"><li>My Timeline</a></li>
                  <li><a href="#balise3" rel="nofollow noopener noreferrer" target="_blank"><li>My interests</a></li>
                  <li><a href="#balise4" rel="nofollow noopener noreferrer" target="_blank"><li>My portfolio</a></li>
                </ul>
              </div>
          </div>
        </div>


ce que je voudrais faire mais qui fonctionne pas :
  <div id="div1" style="display:none;">
          <div class="blackscreen">
            <a href="javascript:switchDisplay();" rel="nofollow noopener noreferrer" target="_blank" class="sticky-top">
              <img src="images/menu.gif" class="burger rounded-circle">
            </a>
              <div class="textmenu">
                <ul>
                  <li><a href="home.html" rel="nofollow noopener noreferrer" target="_blank">Home</a></li>
                  <li><a href="javascript:switchDisplay(); + #balise1" rel="nofollow noopener noreferrer" target="_blank"><li>My skills</a></li>
                  <li><a href="javascript:switchDisplay(); + #balise2" rel="nofollow noopener noreferrer" target="_blank"><li>My Timeline</a></li>
                  <li><a href="javascript:switchDisplay(); + #balise3" rel="nofollow noopener noreferrer" target="_blank"><li>My interests</a></li>
                  <li><a href="javascript:switchDisplay(); + #balise4" rel="nofollow noopener noreferrer" target="_blank"><li>My portfolio</a></li>
                </ul>
              </div>
          </div>
        </div>


merci du temps que vous m'accordez.
je progresse vite avec vos conseils !


Afficher la suite 

1 réponse

Messages postés
25807
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 juin 2019
1666
0
Merci
Bonjour

Au lieu d'appeler le javascript dans le href... Utilises le onclick.
astrocurieux
Messages postés
285
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
5 mai 2019
2 -
parfait ça fonctionne super !

je connaissais pas la fonction onclick(), Merci !