Dropdown materialize, aucune réaction
Fermé
K3nix
Messages postés
131
Date d'inscription
samedi 30 octobre 2010
Statut
Membre
Dernière intervention
3 avril 2017
-
27 oct. 2016 à 09:58
SKYMWebDev Messages postés 162 Date d'inscription jeudi 10 novembre 2016 Statut Membre Dernière intervention 14 février 2018 - 15 nov. 2016 à 15:18
SKYMWebDev Messages postés 162 Date d'inscription jeudi 10 novembre 2016 Statut Membre Dernière intervention 14 février 2018 - 15 nov. 2016 à 15:18
A voir également:
- Dropdown materialize, aucune réaction
- Comment supprimer une réaction de quelqu'un sur facebook - Forum Facebook
- Reaction appel video whatsapp - Forum WhatsApp
- Comment supprimer une réaction sur facebook - Forum Facebook
- Notification reaction messenger - Forum Facebook Messenger
- Notifications Facebook Messenger qui ne s'affichent plus - Forum Facebook
3 réponses
K3nix
Messages postés
131
Date d'inscription
samedi 30 octobre 2010
Statut
Membre
Dernière intervention
3 avril 2017
13
27 oct. 2016 à 10:06
27 oct. 2016 à 10:06
Et evidemment le JS que je n'ai pas oublié
https://pastebin.com/uLFAZG1U
https://pastebin.com/uLFAZG1U
K3nix
Messages postés
131
Date d'inscription
samedi 30 octobre 2010
Statut
Membre
Dernière intervention
3 avril 2017
13
14 nov. 2016 à 18:48
14 nov. 2016 à 18:48
Help S'il vous plait !
SKYMWebDev
Messages postés
162
Date d'inscription
jeudi 10 novembre 2016
Statut
Membre
Dernière intervention
14 février 2018
174
Modifié par SKYMWebDev le 15/11/2016 à 15:18
Modifié par SKYMWebDev le 15/11/2016 à 15:18
Bonjour, voila mon code, fonctionne parfaitement... ;)
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!-- Dropdown Trigger -->
<a class='dropdown-button btn' href='#' rel="nofollow noopener noreferrer" target="_blank" data-activates='dropdown1'>Drop Me!</a>
<!-- Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'>
<li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">one</a></li>
<li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">two</a></li>
<li class="divider"></li>
<li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">three</a></li>
</ul>
<script type="text/javascript">
$('.dropdown-button').dropdown({
inDuration: 300,
outDuration: 225,
constrain_width: false, // Does not change width of dropdown to that of the activator
hover: true, // Activate on hover
gutter: 0, // Spacing from edge
belowOrigin: false, // Displays dropdown below the button
alignment: 'left' // Displays dropdown with edge aligned to the left of button
}
);
</script>
</body>
</html>
