Come posso far in modo da rendere un div mobile? nel senso che gli utnetni lo possano trascinare all'interno di un altro div? avevo pensato d ifare qualcosa del genere, ma non mi dà le posiozini...
e poi per salvareCodice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prova...</title>
<script type="text/javascript" src="mootools1.2_full.js"></script>
<script type="text/javascript" src="prevent_dflt.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var ok = $('ok'), drag = $('drag');
ok.addEvent('click', function() {
new Drag.Move(drag, {
container: 'main',
onStart: function(el){
el.set('html', 'Drag Start!');
},
onComplete: function(el){
el.set('html', 'Drag End!').highlight('#ff0000');
},
onDrag: function(el){
el.set('html', 'Drag is working!');
}
});
drag.set('html', 'Drag Me!');
});
});
</script>
</head>
<body>
<a id="ok" href="#">start drag</a>
<div id="main" style="width:350px; height:350px; border:1px solid #000000;">
<div id="drag" style="width:150px; height:150px; background-color:#0099CC;"></div>
</div>
</body>
</html>
[Richiamato con un onclick...]Codice PHP:function salva() {
myElement.style.position = 'absolute';
myElement.style.left = x+'px';
myElement.style.top = y+'px';
}
Suggerimenti? Come posso inseirire più elemnti?
[non ho trovato più il tasto edita...]
Salve ragazzi ho un problema dovrei creare e inviare un array in poche parole io permetto di sitemare questi <li> ogniuno ha una key con queste vorrei creare una array da poi salvare nel datbase
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>
</head>
<body>
<?php
$elemento[1]['titolo']="TITOLO 1/1";
$elemento[1]['contenuto']="Contenuto 1 lista 1.";
$elemento[2]['titolo']="TITOLO 2/1";
$elemento[2]['contenuto']="Contenuto 2 lista 1.";
$elemento[3]['titolo']="TITOLO 3/1";
$elemento[3]['contenuto']="Contenuto 3 lista 1.";
//query che poi farò
if($risultatiquery[colonna1]>0){
$colonna1= $risultatiquery[colonna1];
}else{
$colonna1 = array(1,2,3);
}
?>
<div class="container">
<div id="colonna" >
<ul class="sortabledemo" id="prima">
<?
for($elementi=0;$elementi<count($colonna1);$elementi++){
?>
<li class="item" id="key1<?=$colonna1[$elementi]?>">
<div class="handle">
<?=$elemento[$colonna1[$elementi]]['titolo']?>
</div>
<?=$elemento[$colonna1[$elementi]]['contenuto']?>
</li>
<li class="item" id="key2">
<div class="handle">
<?=$elemento[$array_colonna1[$elementi]]['contnuto']?>
</div>
<?=$elemento[$array_colonna1[$elementi]]['titolo']?>
</li>
<li class="item" id="key3">
<div class="handle">
<?=$elemento[$array_colonna1[$elementi]]['titolo']?>
</div>
<?=$elemento[$array_colonna1[$elementi]]['contnuto']?>
</li>
</ul>
<?
}
?>
</div>
</div>
<script type="text/javascript">
new Draggable('li1<?=$colonna1[$elementi]?>');
</script>
</body>
</html>
