Drag en javascript
Utilisateur anonyme
-
karirovax Messages postés 3584 Statut Membre -
karirovax Messages postés 3584 Statut Membre -
Salut, je ne trouve pas comment faire exactement ce que je veux, auriez vous une idée?
Je souhaite faire une div avec dedans la barre pour déplacer cette div et le contenu...
Le probleme c'est que la barre se déplace et rien d'autre.
Voila un exemple : http://mecraft.xp3.biz/simple/drag.html
J'aimerais qu'on puisse seulement bouger la div bleue (et verte donc aussi avec) avec la barre rouge et rien d'autre!
Merci
Code :
Je souhaite faire une div avec dedans la barre pour déplacer cette div et le contenu...
Le probleme c'est que la barre se déplace et rien d'autre.
Voila un exemple : http://mecraft.xp3.biz/simple/drag.html
J'aimerais qu'on puisse seulement bouger la div bleue (et verte donc aussi avec) avec la barre rouge et rien d'autre!
Merci
Code :
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Draggable - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <style> #draggable { width: 150px; height: 150px; padding: 0.5em; } </style> <script> $(function() { $( "#draggable" ).draggable(); }); </script> </head> <body> <div style="border:solid 3px blue;width:300px;height:150;"> <div id="draggable" style="border:solid 1px red;width:250px;height:30px;"><p>Drag me around</p> </div> <div style="border:solid 2px green;width:200px;height:100;"> <p>Centenu</p><br> <p>Centenu</p><br> <p>Centenu</p><br> </div> </div> </body> </html>
A voir également:
- Drag en javascript
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Windows
- Afficher un tableau javascript en html ✓ - Forum Javascript
- A javaScript error occurred in the main process - Forum Handicap / Accessibilté
- Javascript arrondi - Forum Javascript
2 réponses
salut
je connais pas bcp en java mais je suis un bricoleur
voici si ceci va vous aider :
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
#draggable { width: 350px; height: 350px; padding: 0.5em; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
</head>
<body>
<div id="draggable" style="border:solid 3px blue;width:300px;height:150;">
<div style="border:solid 3px green;width:300px;height:200;">
<div id="draggable" style="border:solid 1px red;width:250px;height:200px;"><p>Centenu</p><p>Centenu</p><p>Centenu</p>
</div>
</div>
<div id="draggable" style="border:solid 1px red;width:250px;height:30px;"><p>Drag me around</p>
</div>
</div>
</body>
</html>
je connais pas bcp en java mais je suis un bricoleur
voici si ceci va vous aider :
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
#draggable { width: 350px; height: 350px; padding: 0.5em; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
</head>
<body>
<div id="draggable" style="border:solid 3px blue;width:300px;height:150;">
<div style="border:solid 3px green;width:300px;height:200;">
<div id="draggable" style="border:solid 1px red;width:250px;height:200px;"><p>Centenu</p><p>Centenu</p><p>Centenu</p>
</div>
</div>
<div id="draggable" style="border:solid 1px red;width:250px;height:30px;"><p>Drag me around</p>
</div>
</div>
</body>
</html>
