[Javascript] muovere div

22-10-2009, 23.17.34

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...

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>

<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>

e poi per salvare

Codice PHP:


function salva() {

myElement.style.position = 'absolute';

myElement.style.left = x+'px';

myElement.style.top = y+'px'; 

}

[Richiamato con un onclick...]

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>

Discussione: [Javascript] muovere div

LinkBack

Strumenti discussione

Display

Regole di scrittura