Movimento tabella dinamico

**CiRi..Cuber** · 29-03-2011, 15:53

C'è un problema, quando inizializzo la variabile $width_tablella, ha valore 0, poi la incrementerò ad ogni ciclo del while e acquisisce il valore della larghezza della tabella. Però se inserisco la variabile ocn la larghezza della tabella ha valore zero perchè la tabella la creo prima di incrementare e non posso crearla dopo aver incrementato.

Codice PHP:




<?

//mi connetto al database

$archivio=mysql_connect("www.wordsbank.altervista.org", "wordsbank", "chesterfield");

$beta=mysql_select_db("my_wordsbank");



//ordino i campi in modo da avere gli ultimi caricati alla fine

$query=mysql_query("ALTER TABLE  upload_img ORDER BY  id ");

//query per la visualizzazione delle immagini

$query=mysql_query("SELECT * FROM upload_img");





//variabile vuota conterrà la lunghezza della tabella

$width_table=0;

echo "<table style=\"position:relative; width:$width_table; left:0;\" id=\"table\" border=\"0\">";

        for ($i=0; $i < mysql_fetch_row($query); $i++){



            $assoc=mysql_fetch_assoc($query);

            $nome_img=mysql_result($query, $i, "nome_img");

            $width=mysql_result($query, $i, "width");

            $height=mysql_result($query, $i, "height");

            $id=mysql_result($query, $i, "id");



            //altezza new

            $height_  = 155;

            //larghezza new in scala

            $width_ = (155*$width)/$height;

            

            echo "

            <td style=\"width:$width_; height:$height_;\">

                  <img style=\"cursor:pointer; position:relative; left:0px; top:0px;\"  src=\"img/x.png\" onClick=\" document.location.href='del.php?id=$id';\"  />

                  <img src=\"img/$nome_img\" width=\"$width_\" height=\"$height_\"/>

            </td>

                 ";

            //incremento la lunghezza della tabell

            $width_table = $width_table+$width_;



        }

echo "</table>";

**Vindav** · 29-03-2011, 15:56

Ecco un esempio di come dovresti implementarlo:

codice:

<html>
    <head>
        <script type="text/javascript">
        	var widthWindow;

            //movimento derso destra
            function move_right(){

                z = setInterval("move()", 5);
            }
            
            function move(){
                x = parseInt(document.getElementById('table').style.left);
                if (x == 0)
                    clearInterval(z);
                else
                    document.getElementById('table').style.left = (x+3)+"px";
            }
            
            function stop_right(){
                clearInterval(z);
            }


            //movimento verso sinistra
            function move_left(){
                z = setInterval("move_()", 5);
            }
            
            function move_(){
                myTable = document.getElementById('table');
                x = parseInt(myTable.style.left);
                if(x < widthWindow-myTable.width) 
                	clearInterval(z);
                else
                	document.getElementById('table').style.left = (x-3)+"px";
                

            }
            
            function stop_left(){
                clearInterval(z);
            }
        </script>
    </head>
    <body onLoad="widthWindow=document.body.offsetWidth" style="overflow-x: hidden;">
        <form method="post" action="upload_img.php" enctype="multipart/form-data">
            Carica una nuova immagine nella gallery!
            

            <input type="file" name="img" />
            

            <input type="submit" value="carica" />
            <input type="reset" value="reset" />
        </form>
    



<table style="position:relative; left:0;" width="1775" id="table" border="0"> 
<tr>
<td>
</td>
ecc...
</tr>
</table>

**CiRi..Cuber** · 29-03-2011, 16:00

Gentilissimo! avevo capito ma il problema è che non sò come inserire la larghezza all'interno della tabella. Guarda il penultimo post mio..

**Vindav** · 29-03-2011, 16:19

Originariamente inviato da CiRi..Cuber
C'è un problema, quando inizializzo la variabile $width_tablella, ha valore 0, poi la incrementerò ad ogni ciclo del while e acquisisce il valore della larghezza della tabella. Però se inserisco la variabile ocn la larghezza della tabella ha valore zero perchè la tabella la creo prima di incrementare e non posso crearla dopo aver incrementato.

Per ora mettici un valore fisso (1775), vediamo se almeno va lo script... per la parte php ho capito qual'è il tuo problema, potresti risolvere con un ciclo prima dove vai a recuperare tutti i campi che contengono il width e li sommi. Certo si va ad appesantire il codice con 2 cicli consecutivi.

**CiRi..Cuber** · 29-03-2011, 20:48

Ok ci siamo quasi al risultato finale, ora ho messo a posto il codice e funziona quasi tutto, ho notato facendo varie prove che

tw = document.getElementById('table').width;

Non prende niente, i esce una variabile vuota per questo il risultato dell operazione

tl == (tw-widthWindow)

è tl == -1135(larghezza pagina)

Ti posto il codice intero mi devi solo aiutare a prende quel cavolo di width della tabella e poi quando lo prende trovo io il metodo in php di mettere automaticamente il width della tabella all'interno della tabella.

codice:



<html>
    <head>
        <script type="text/javascript">
            
            widthWindow=screen.width;
            
            //movimento derso destra
            function move_right(){

                z = setInterval("move()", 1);
            }

            function move(){
                x = parseInt(document.getElementById('table').style.left);
                if (x == 0)
                    clearInterval(z);
                else
                    document.getElementById('table').style.left = (x+1)+"px";
            }

            function stop_right(){
                clearInterval(z);
            }


            //movimento verso sinistra
            function move_left(){
                z = setInterval("move_()", 1);
            }

            function move_(){
                tw = document.getElementById('table').width;
                tl = parseInt(document.getElementById('table').style.left);

                if(tl == (tw-widthWindow)){
                	clearInterval(z);

                    alert(tw);
                }
                else{
                	document.getElementById('table').style.left = (tl-1)+"px";
                }

            }

            function stop_left(){
                clearInterval(z);
            }
        </script>
    </head>
    <body  style="overflow-x: hidden;">
        <form method="post" action="upload_img.php" enctype="multipart/form-data">
            Carica una nuova immagine nella gallery!
            

            <input type="file" name="img" />
            

            <input type="submit" value="carica" />
            <input type="reset" value="reset" />
        </form>
    


<?
//mi connetto al database
$archivio=mysql_connect("www.wordsbank.altervista.org", "wordsbank", "chesterfield");
$beta=mysql_select_db("my_wordsbank");

//ordino i campi in modo da avere gli ultimi caricati alla fine
$query=mysql_query("ALTER TABLE  upload_img ORDER BY  id ");
//query per la visualizzazione delle immagini
$query=mysql_query("SELECT * FROM upload_img");


//variabile vuota conterrà la lunghezza della tabella

echo "<table style=\"position:relative; width:1131; left:0;\" id=\"table\" border=\"0\">";
        for ($i=0; $i < mysql_fetch_row($query); $i++){

            $assoc=mysql_fetch_assoc($query);
            $nome_img=mysql_result($query, $i, "nome_img");
            $width=mysql_result($query, $i, "width");
            $height=mysql_result($query, $i, "height");
            $id=mysql_result($query, $i, "id");

            //altezza new
            $height_  = 155;
            //larghezza new in scala
            $width_ = (155*$width)/$height;
            
            echo "
            <td style=\"width:$width_; height:$height_;\">
                  <img style=\"cursor:pointer; position:relative; left:0px; top:0px;\"  src=\"img/x.png\" onClick=\" document.location.href='del.php?id=$id';\"  />
                  <img src=\"img/$nome_img\" width=\"$width_\" height=\"$height_\"/>
            </td>
                 ";
            //incremento la lunghezza della tabell
            $width_table = $width_table+$width_;

        }
echo "</table>";



?>

        <input id="<"  type="submit" value="<" onmousedown="move_right();" onmouseup="stop_right();" />
        <input id=">" type="submit" value=">" onmousedown="move_left();" onmouseup="stop_left();" />

    </body>
</html>

Discussione: Movimento tabella dinamico

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio