Fa-ti Propriul Sudoku Gratis!

gaby · December 29, 2007

Click aici pentru a vizualiza un exemplu functional.

Daca va place si vreti sa aveti propriul sudoku, care poate fi jucat atata online cat si offline urmariti pasii de mai jos:

I. Pentru inceput deschideti o pagina HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Sudoku Online</title>

</head>

<body>

</body>

</html>[/code]




[b][color=green]II.[/color][/b] Dupa aceea intre etichetele [color=red][b]<head></head>[/b][/color] (dupa [b]<title></title>[/b]) adaugati scriptul pe care il veti descarca dand-un click [b]aici.[/b]



Click [b]aici[/b] pentru a vizualiza un exemplu functional.



Daca va place si vreti sa aveti propriul sudoku, care poate fi jucat atata online cat si offline urmariti pasii de mai jos:



[b][color=green]I.[/color][/b] Pentru inceput deschideti o pagina HTML:



[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">




[B][COLOR=green]III.[/COLOR][/B] Ati adaugat si scriptul, acum adaugati intre etichetele [COLOR=red][B]<body></body>[/B][/COLOR] urmatoarele linii:


[CODE]<body bgcolor=FFFFFF onLoad="javascript: newgame(3);">

<center>


<h2>Sudoku Online</h2>

<b>Dificultate:</b>

<a href="javascript: newgame(1);"><span id=sel1>1</span></a> |

<a href="javascript: newgame(2);"><span id=sel2>2</span></a> |

<a href="javascript: newgame(3);"><span id=sel3>3</span></a> |

<a href="javascript: newgame(4);"><span id=sel4>4</span></a> |

<a href="javascript: newgame(5);"><span id=sel5>5</span></a> |

<a href="javascript: newgame(6);"><span id=sel6>6</span></a>


<hr width=400>


<table border=0 align=center><tr><td align=center>

<table cellpadding=3 border=1 align=center>

<TR>

<td bgcolor=DDDDDD><span id=q0></span></td>

<td bgcolor=DDDDDD><span id=q1></span></td>

<td bgcolor=DDDDDD><span id=q2></span></td>

<td bgcolor=FFFFFF><span id=q3></span></td>

<td bgcolor=FFFFFF><span id=q4></span></td>

<td bgcolor=FFFFFF><span id=q5></span></td>

<td bgcolor=DDDDDD><span id=q6></span></td>

<td bgcolor=DDDDDD><span id=q7></span></td>

<td bgcolor=DDDDDD><span id=q8></span></td>

</TR>

<TR>

<td bgcolor=DDDDDD><span id=q9></span></td>

<td bgcolor=DDDDDD><span id=q10></span></td>

<td bgcolor=DDDDDD><span id=q11></span></td>

<td bgcolor=FFFFFF><span id=q12></span></td>

<td bgcolor=FFFFFF><span id=q13></span></td>

<td bgcolor=FFFFFF><span id=q14></span></td>

<td bgcolor=DDDDDD><span id=q15></span></td>

<td bgcolor=DDDDDD><span id=q16></span></td>

<td bgcolor=DDDDDD><span id=q17></span></td>

</TR>

<TR>

<td bgcolor=DDDDDD><span id=q18></span></td>

<td bgcolor=DDDDDD><span id=q19></span></td>

<td bgcolor=DDDDDD><span id=q20></span></td>

<td bgcolor=FFFFFF><span id=q21></span></td>

<td bgcolor=FFFFFF><span id=q22></span></td>

<td bgcolor=FFFFFF><span id=q23></span></td>

<td bgcolor=DDDDDD><span id=q24></span></td>

<td bgcolor=DDDDDD><span id=q25></span></td>

<td bgcolor=DDDDDD><span id=q26></span></td>

</TR>

<TR>

<td bgcolor=FFFFFF><span id=q27></span></td>

<td bgcolor=FFFFFF><span id=q28></span></td>

<td bgcolor=FFFFFF><span id=q29></span></td>

<td bgcolor=DDDDDD><span id=q30></span></td>

<td bgcolor=DDDDDD><span id=q31></span></td>

<td bgcolor=DDDDDD><span id=q32></span></td>

<td bgcolor=FFFFFF><span id=q33></span></td>

<td bgcolor=FFFFFF><span id=q34></span></td>

<td bgcolor=FFFFFF><span id=q35></span></td>

</TR>

<TR>

<td bgcolor=FFFFFF><span id=q36></span></td>

<td bgcolor=FFFFFF><span id=q37></span></td>

<td bgcolor=FFFFFF><span id=q38></span></td>

<td bgcolor=DDDDDD><span id=q39></span></td>

<td bgcolor=DDDDDD><span id=q40></span></td>

<td bgcolor=DDDDDD><span id=q41></span></td>

<td bgcolor=FFFFFF><span id=q42></span></td>

<td bgcolor=FFFFFF><span id=q43></span></td>

<td bgcolor=FFFFFF><span id=q44></span></td>

</TR>

<TR>

<td bgcolor=FFFFFF><span id=q45></span></td>

<td bgcolor=FFFFFF><span id=q46></span></td>

<td bgcolor=FFFFFF><span id=q47></span></td>

<td bgcolor=DDDDDD><span id=q48></span></td>

<td bgcolor=DDDDDD><span id=q49></span></td>

<td bgcolor=DDDDDD><span id=q50></span></td>

<td bgcolor=FFFFFF><span id=q51></span></td>

<td bgcolor=FFFFFF><span id=q52></span></td>

<td bgcolor=FFFFFF><span id=q53></span></td>

</TR>

<TR>

<td bgcolor=DDDDDD><span id=q54></span></td>

<td bgcolor=DDDDDD><span id=q55></span></td>

<td bgcolor=DDDDDD><span id=q56></span></td>

<td bgcolor=FFFFFF><span id=q57></span></td>

<td bgcolor=FFFFFF><span id=q58></span></td>

<td bgcolor=FFFFFF><span id=q59></span></td>

<td bgcolor=DDDDDD><span id=q60></span></td>

<td bgcolor=DDDDDD><span id=q61></span></td>

<td bgcolor=DDDDDD><span id=q62></span></td>

</TR>

<TR>

<td bgcolor=DDDDDD><span id=q63></span></td>

<td bgcolor=DDDDDD><span id=q64></span></td>

<td bgcolor=DDDDDD><span id=q65></span></td>

<td bgcolor=FFFFFF><span id=q66></span></td>

<td bgcolor=FFFFFF><span id=q67></span></td>

<td bgcolor=FFFFFF><span id=q68></span></td>

<td bgcolor=DDDDDD><span id=q69></span></td>

<td bgcolor=DDDDDD><span id=q70></span></td>

<td bgcolor=DDDDDD><span id=q71></span></td>

</TR>

<TR>

<td bgcolor=DDDDDD><span id=q72></span></td>

<td bgcolor=DDDDDD><span id=q73></span></td>

<td bgcolor=DDDDDD><span id=q74></span></td>

<td bgcolor=FFFFFF><span id=q75></span></td>

<td bgcolor=FFFFFF><span id=q76></span></td>

<td bgcolor=FFFFFF><span id=q77></span></td>

<td bgcolor=DDDDDD><span id=q78></span></td>

<td bgcolor=DDDDDD><span id=q79></span></td>

<td bgcolor=DDDDDD><span id=q80></span></td>

</TR>

</table>

&nbsp;<span id=txt><b>Selectati un numar de mai jos:</b></span>

<table cellpadding=3 align=center>

<tr>

<td name=sq1 bgcolor=DDDDDD><a href="javascript: selection(1);"><img src=1.png width=30 height=30 border=0></a></td>

<td name=sq2 bgcolor=DDDDDD><a href="javascript: selection(2);"><img src=2.png width=30 height=30 border=0></a></td>

<td name=sq3 bgcolor=DDDDDD><a href="javascript: selection(3);"><img src=3.png width=30 height=30 border=0></a></td>

<td name=sq4 bgcolor=DDDDDD><a href="javascript: selection(4);"><img src=4.png width=30 height=30 border=0></a></td>

<td name=sq5 bgcolor=DDDDDD><a href="javascript: selection(5);"><img src=5.png width=30 height=30 border=0></a></td>

<td name=sq6 bgcolor=DDDDDD><a href="javascript: selection(6);"><img src=6.png width=30 height=30 border=0></a></td>

<td name=sq7 bgcolor=DDDDDD><a href="javascript: selection(7);"><img src=7.png width=30 height=30 border=0></a></td>

<td name=sq8 bgcolor=DDDDDD><a href="javascript: selection(8);"><img src=8.png width=30 height=30 border=0></a></td>

<td name=sq9 bgcolor=DDDDDD><a href="javascript: selection(9);"><img src=9.png width=30 height=30 border=0></a></td>

</tr>

</table>


<center><a href="javascript: solvesudoku();">Rezolva sudoku</a></center>

<div align=right><a href="javascript: showinfo();"><font size=-1>Info</font></a></div>

</td></tr></table>

<form name=ds>

<input type=hidden name=mysolution><br>

<input type=hidden name=myselection><br>

<input type=hidden name=mycounter><br>

</form>

<a href="http://pctroubleshooting.ro">PC Troubleshooting</a>

</center>

IV. Dupa ce ati adaugat ambele coduri de mai sus, va trebui sa salvati imaginile de mai jos (nu redenumiti pozele, altfel scriptul nu va mai functiona) si sa le puneti in acelasi folder cu pagina creata ulterior.

P.S: Vedeti ca inainte de poza 1 mai este o poza cu numele 0.png, dar nu este desenat nimic pe ea, este transparenta, nu uitati sa o salvati !!!

Ati terminat, acum salvati documentul sub un nume cu extensia .html, spre exemplu sudoku.html, si il puteti uploada pe site-ul dumneavoastra si juca online sau il puteti tine in calculator si juca offline (dublu click pe sudoku.html daca asa l-ati denumit (open with Internet Explorer sau orice alt browser, Allow blocked content daca apare.)

Sign In

Fa-ti Propriul Sudoku Gratis!

Recommended Posts

gaby

Please sign in to comment

Recently Browsing 0 members

Activity

Browse

Important Information