Hallo zusammen,
ich komme mit meinen draggablen Elementen in Javascript momentan leider nicht weiter.
Ich wollte gerne mehrere Begriffe erst als Text darstellen und wenn jemand dann einen der Texte mit der Maus bewegt, dass dann sich dieser Text ändert, z.B. aus Text wird eine Box.
Bei mir sieht der Code derzeit so aus:
Code:
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
#draggable, #draggable2 { width: 400px; height: 400px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable({ cursor: "move", cursorAt: { top: 56, left: 56 } });
$( "#draggable2" ).draggable({ cursor: "move", cursorAt: { top: 56, left: 56 } });
});
</script>
</head>
<body>
<div id="draggable" class="ui-widget-content">
<p>[php snippet=4]</p>
</div>
<div id="draggable2" class="ui-widget-content">
<p>[php snippet=5]</p>
</div>
das Ganze funktioniert sicher mit resize, aber irgendwie finde ich nichts Passendes dazu - zumindest nicht für mein Script.
Kann jemand helfen?
Würd mich freuen, danke.