Drag en javascript

Fermé

Utilisateur anonyme - 21 juin 2013 à 16:58
karirovax Messages postés 3221 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 22 juin 2016 - 9 juil. 2013 à 17:31

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 :

<!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
Javascript est activé mais ne fonctionne pas ✓ - Forum Réseaux sociaux
Erreur #125 javascript - Forum Mozilla Firefox
Node.js javascript runtime virus ✓ - Forum Virus
A javascript error occurred in the main process - Forum Handicap / Accessibilté

2 réponses

Réponse 1 / 2

prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
9 juil. 2013 à 16:39

J'ai rien compris-...

Réponse 2 / 2

karirovax Messages postés 3221 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 22 juin 2016 204
9 juil. 2013 à 17:31

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>

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

javascript:void(0);

afficher un tableau JS en HTML

Faire un echo dans un script JS