Menu mobile
Fermé
Eley
Messages postés
185
Date d'inscription
mardi 23 octobre 2007
Statut
Membre
Dernière intervention
24 juillet 2010
-
4 août 2008 à 02:51
,titouan - 23 janv. 2010 à 18:13
,titouan - 23 janv. 2010 à 18:13
A voir également:
- Menu mobile
- Menu déroulant excel - Guide
- Forfait mobile pas cher - Guide
- Tv sur mobile gratuit - Guide
- Menu démarrer windows 11 - Guide
- Canon quick menu - Télécharger - Utilitaires
5 réponses
gaerebut
Messages postés
1017
Date d'inscription
mardi 30 octobre 2007
Statut
Membre
Dernière intervention
22 novembre 2013
171
4 août 2008 à 10:26
4 août 2008 à 10:26
Salut, si tu veux le rendre mobile dans le genre drag'n drop (mouveable sur la page via la souris), voici comment faire :
Télécharger ces 4 bibliothèques javascript (téléchargeable ici ==> http://script.aculo.us/downloads
- scriptaculous.js
- effects.js
- prototype.js
- dragdrop.js
Il y en a plus dan cette archive mais on a besoin que de ses 4 là.
Donc mets les dans le même dossier que ta page html ou php.
On doit en appeller 2 sur les 4
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
</head>
ATTENTION: L'ordre de l'appelle des 2 bibliothèques est important, si on appelle scriptaculous.js avant prototype.js, ça ne marchera pas ...
Ensuite, ton menu doit etre dans un conteneur (div, span, p, ...) et ce conteneur doit avoir un id
exemple:
<div id="menu">
MON MENU<br /><br />
sous_menu ...
</div>
Ensuite, il te reste plus qu'a dire que ce menu va être bougeable !
Donc voici le dernier code a insérer à la suite:
<script type="text/javascript">
new Draggable('id_du_menu');
</script>
VOILA ! MAGIEEE ^^
Bon, si tu as pas bien compris, voici un exemple récapitulatif:
<html>
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
</head>
<body>
<div id="menu" style="background-color: red; cursor: pointer">
MENU <br /><br />
- Option 1 <br />
- Option 2 <br />
....<br />
</div>
<script type="text/javascript">
new Draggable('menu');
</script>
</body>
</html>
J'ai mis un fond rouge pour bien voir qu'il est bougeable ^^
En espérant t'avoir aider ;)
A+
Gaerebut
Télécharger ces 4 bibliothèques javascript (téléchargeable ici ==> http://script.aculo.us/downloads
- scriptaculous.js
- effects.js
- prototype.js
- dragdrop.js
Il y en a plus dan cette archive mais on a besoin que de ses 4 là.
Donc mets les dans le même dossier que ta page html ou php.
On doit en appeller 2 sur les 4
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
</head>
ATTENTION: L'ordre de l'appelle des 2 bibliothèques est important, si on appelle scriptaculous.js avant prototype.js, ça ne marchera pas ...
Ensuite, ton menu doit etre dans un conteneur (div, span, p, ...) et ce conteneur doit avoir un id
exemple:
<div id="menu">
MON MENU<br /><br />
sous_menu ...
</div>
Ensuite, il te reste plus qu'a dire que ce menu va être bougeable !
Donc voici le dernier code a insérer à la suite:
<script type="text/javascript">
new Draggable('id_du_menu');
</script>
VOILA ! MAGIEEE ^^
Bon, si tu as pas bien compris, voici un exemple récapitulatif:
<html>
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
</head>
<body>
<div id="menu" style="background-color: red; cursor: pointer">
MENU <br /><br />
- Option 1 <br />
- Option 2 <br />
....<br />
</div>
<script type="text/javascript">
new Draggable('menu');
</script>
</body>
</html>
J'ai mis un fond rouge pour bien voir qu'il est bougeable ^^
En espérant t'avoir aider ;)
A+
Gaerebut
Et si on veut que tous les menus soit comme ça? NE peut-on pas les intégrer dans la page externe en CSS? Pour simplifier?
Euh, j'ai oublié de demandé où doit on téléchargé les bibliothèque sur le lien? Et est-ce que sa fonctionne sur Mac?
Merci
Merci
gaerebut
Messages postés
1017
Date d'inscription
mardi 30 octobre 2007
Statut
Membre
Dernière intervention
22 novembre 2013
171
22 janv. 2010 à 04:11
22 janv. 2010 à 04:11
On télécharge sur les liens du milieux ... rien de plus simple !
Est-ce que sur un mac tu peux aller sur internet comme sur windows ??? (Tu as la réponse à ta seconde question :-) )
A+
Gaerebut
Est-ce que sur un mac tu peux aller sur internet comme sur windows ??? (Tu as la réponse à ta seconde question :-) )
A+
Gaerebut
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
6 août 2008 à 04:34