Hallo liebe Community,
ich habe das problem mit der draggable Funktion.
Das probelm liegt daran das in Firebug immer die Fehlermeldung $(...).imagedrag is not a function. Oder wenn cih den Jquery anders hinsetzte i.draggable is not a function.
Hab Ihr eine Idee woran es liegen könnte oder eine lösung. Ich weiß echt nicht weiter.
Das was ich eig. erreichen möchte ist, dass man ein Bild welches in einem DIV ist nur hoch und runter bewegen kann und die jeweilige Position in der DB speichern kann.
Bis vor kurzem hat auch alles funktioniert, bis ich die Funktion auf ein neues Design gesetzt habe.
den JS Code und den PHP werde ich natürlich auch zeigen.
ach ja ich weiß das der code veraltet ist, kam noch nicht dazu die mysql scripte zu erneuern
danke schon mal im Vorraus.
mfg
Brizzi
ich habe das problem mit der draggable Funktion.
Das probelm liegt daran das in Firebug immer die Fehlermeldung $(...).imagedrag is not a function. Oder wenn cih den Jquery anders hinsetzte i.draggable is not a function.
Hab Ihr eine Idee woran es liegen könnte oder eine lösung. Ich weiß echt nicht weiter.
Das was ich eig. erreichen möchte ist, dass man ein Bild welches in einem DIV ist nur hoch und runter bewegen kann und die jeweilige Position in der DB speichern kann.
Bis vor kurzem hat auch alles funktioniert, bis ich die Funktion auf ein neues Design gesetzt habe.
den JS Code und den PHP werde ich natürlich auch zeigen.
Javascript:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="script/jquery.imagedrag.min.js"></script>
<script type="text/javascript">
$(function(){
$('#absolutes_bild').imagedrag({
input: "#output",
position: "<? $pos = "SELECT * FROM Bilder WHERE User='$_username' ";
$position = mysql_query($pos);
$r=mysql_fetch_object($position);
echo $r->x1; ?>",
attribute: "html"
});
});
</script>
<style type="text/css">
#absolutes_bild {
overflow: hidden;
margin: auto;
cursor: -webkit-grab;
}
</style>
PHP:
<div id="beweg_dich" >
<div id="absolutes_bild" style="margin-top:-33px; margin-bottom:-20px; overflow:hidden; ">
<img style="width:100%; height:auto; margin-bottom:-10px;" src="'.$row['titelbild'].'" >
</div>
</div>
<form method="post" id="jobild">
<span type="text" style="visibility:hidden" id="output"></span><br/>
<input type="Submit" id="titelbe" value="Änderung Speichern" style="margin-left: -199px; margin-top: 23%; position:absolute;">
</form>'
;} ?>
ach ja ich weiß das der code veraltet ist, kam noch nicht dazu die mysql scripte zu erneuern
danke schon mal im Vorraus.
mfg
Brizzi