Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2016
    Messaggi
    17

    randomizzare ad ogni refresh della pagina la posizione delle celle all'interno di una table

    salve a tutti,
    avendo questo tipo di tabella:
    codice HTML:
    <table align="center" width="500" height="500" border="2" class="demo"> 
    <tr>        
    <td id="td1">
    <div class="divor"id="win1">
    <button class="butt" id="w1" onclick='document.getElementById("win1").style.display="none";win(); point();avvio(); '></button>
    </div>
    </td>        
    <td id="td2">
    <div class="divor"id="win2" >
    <button class="butt" id="w2" onclick='document.getElementById("win2").style.display="none";win(); point();avvio(); '></button></div>
    </td>        
    <td id="td3">
    <div class="divor">
    <button class="butt" id="w3" onclick="lose();morti();">?</button>
    </div>
    </td>        
    <td id="td4">
    <div class="divor"id="win3">
    <button class="butt" id="w4"onclick='document.getElementById("win3").style.display="none";win(); point();avvio(); '>?</button>
    </div>
    </th>    
    </tr>    
    <tr>        
    <td id="td5">
    <div class="divor"id="win4"><button class="butt"id="w5" onclick='document.getElementById("win4").style.display="none";win(); point();avvio(); '>?</button>
    </div>
    </td>        
    <td id="td6">
    <div class="divor"><button id="w6" class="butt" onclick="lose();morti();writeFile();">?</button></div>
    </td>        
    <td id="td7">
    <div class="divor"id="win5"><button class="butt" id="w6"onclick='document.getElementById("win5").style.display="none";win(); point();avvio(); '>?</button>
    </div>
    </td>        
    <td id="td8">
    <div class="divor"id="win6"><button class="butt" id="w7"onclick='document.getElementById("win6").style.display="none";win(); point();avvio(); '>?</button>
    </div>
    </td>    
    </tr>        
    <tr>        
    <td id="td9">
    <div class="divor"id="win7"><button class="butt" id="w7"onclick='document.getElementById("win7").style.display="none";win(); point();avvio(); '>?</button></div>
    </td>        
    <td id="td10"><div class="divor"id="win8"><button class="butt" id="w8"onclick='document.getElementById("win8").style.display="none";win(); point();avvio(); '>?</button></div>
    </td>        
    <td id="td11">
    <div class="divor"><button class="butt"id="w9"onclick="lose();morti();writeFile();">?</button></div>
    </td>        
    <td id="td12"><div class="divor"id="win9"><button class="butt"id="w10" onclick='document.getElementById("win9").style.display="none";win(); point();avvio(); '>?</button></div>
    </td>    
    </tr>    
    <tr>        
    <td id="td13">
    <div class="divor"><button class="butt"  id="w11"onclick="lose();morti();writeFile();">?</button></div>
    </td>        
    <td id="td14">
    <div class="divor"id="win10"><button class="butt" id="w12" onclick='document.getElementById("win10").style.display="none";win(); point();avvio(); '>?</button></div>
    </td>        
    <td id="td15"><div class="divor"id="win11"><button class="butt" id="w13" onclick='document.getElementById("win11").style.display="none";win(); point();avvio(); '>?</button></div>
    </td>       
     <td id="td16">
    <div class="divor"><button class="butt" id="w14" onclick="lose();morti();writeFile();">?</button></div>
    </td>    
    </tr>    
    <tr>        
    <td id="td17">
    <div class="divor"><button class="butt"  id="w1"onclick="lose();morti();writeFile();">?</button></div>
    </td>        
    <td id="td18">
    <div class="divor"><button class="butt" id="w1" onclick="lose();morti();writeFile();">?</button></div>
    </td>        
    <td id="td19"><div class="divor"id="win12"><button class="butt"id="w1" onclick='document.getElementById("win12").style.display="none";win(); point();avvio(); '>?</button></div>
    </td>        
    <td id="td20"><div class="divor"id="win13"><button class="butt"id="w1" onclick='document.getElementById("win13").style.display="none";win(); point();avvio(); '>?</button></div>
    </td>    
    </tr>    
    </table>
    come posso impostare una gestione random per le posizioni delle celle ?
    Ultima modifica di matteo9; 12-05-2016 a 16:56

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, come in questo esempio potresti nascondere all'inizio il tbody della tabella. Prendere il contenuto e fare quello che mostra l'esempio. la cosa da fare in più prima di rimetterlo nel tbody sarebbe mescolare l'array.

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2016
    Messaggi
    17
    potresti spiegarmi come fare ?scusa ma non sono molto pratico con jquery

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.