Condividi:
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: Anthony47, Triumph Of Steel, archimede
di 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!
-
infinito1971
- Utente Senior
-
- Post: 532
- Iscritto il: 01/08/02 21:22
- Località: Napoli
-
di 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: 2851
- 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 11 ospiti