Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

HTML - Disegnare una griglia Sudoku con stile...

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

HTML - Disegnare una griglia Sudoku con stile...

Postdi infinito1971 » 23/03/07 15:30

Ciao a tutti,
sto provando a scrivere un gioco per la risoluzione di Sudoku in html e javascript.
Ho iniziato scrivendo il codice che riporto di seguito:
Codice: Seleziona tutto
<html>
<head>
</head>
<body>
<table border-collapse="collapse" border="1">
<tr>
   <td colspan=9 align="center" height=30>Sudoku</td>
</tr>
<style type="text/css">
   TABLE     { border: 2px solid black; border-collapse: collapse;}
   TD     { border: 1px solid black; }
</style>
<script>
   for(var i=1; i<10; i++){
      document.write("<tr>");
      for(var j=1; j<10; j++)
            document.write("<td width=30 height=30><center>"+j+"</center></td>");
      document.write("</tr>");
   }
</script>
<tr><td bgColor=black colSpan=21 height=1></td></tr>
<tr>
   <td colspan=9 align="center" height=40><button name="Solve">Solve</button></td>
</tr>
</table>
</body>
</html>
Come si può osservare il risultato non è male... solo che vorrei evidenziare le righe verticali tra i numeri 3 e 4 e tra i numeri 6 e 7, nonché le righe orizzontali a cavallo tra la terza e quarta riga di numeri e tra la sesta e settima riga.
Come posso fare?
Grazie in anticipo! ;)

Un saluto,
infinito1971
Questo business è binario: o sei 1 o sei 0, vivo o morto, non esistono secondi classificati!
Avatar utente
infinito1971
Utente Senior
 
Post: 531
Iscritto il: 01/08/02 21:22
Località: Napoli

Sponsor
 

Postdi archimede » 24/03/07 09:19

Codice: Seleziona tutto
<html>
<head>
<style type="text/css">
   table  { border: 2px solid black; border-collapse: collapse;}
   td     { border: 1px solid black; }
</style>
</head>
<body>
<div align="center">
<table border-collapse="collapse" border="1">
<tr>
   <th colspan="9" align="center" height="30">Sudoku</th>
</tr>
<script>
   for (var i=1; i<10; i++) {
     if (i==1 | i==4 | i==7) {
       document.write('<tr style="border-top-style: solid; border-top-width: 2;">');
     } else {
       document.write('<tr>');
     }
     for (var j=1; j<10; j++) {
       if (j==3 | j==6) {
         document.write('<td style="border-right-style: solid; border-right-width: 2;" width="30" height="30"><center>'+j+'</center></td>');
       } else {
         document.write('<td width="30" height="30"><center>'+j+'</center></td>');
       }
     }
     document.write('</tr>');
   }
</script>
<tr><td bgColor="black" colSpan="21" height="1"></td></tr>
<tr>
   <td colspan="9" align="center" height="40"><button name="Solve">Solve</button></td>
</tr>
</table>
</div>
</body>
</html>
HTH.

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova


Torna a Programmazione


Topic correlati a "HTML - Disegnare una griglia Sudoku con stile...":


Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti