Jump to content

Fa-ti Propriul Sudoku Gratis!

gaby

By gaby,
in Javascript

 Share

Recommended Posts

gaby Grand Master

gaby

Posted
Posted

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.

0.png1.png2.png3.png4.png5.png6.png7.png8.png9.png

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.)

Te-ai inregistrat? Ne-ar placea sa te prezinti.

Cum pot sustine forumul?
Cumpara de la eMag folosind acest link.
--------------------
oG2BN9d.gifse1WdXd.gifQG6MtmI.gifRHYjDzD.gifG5p1wui.gif

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept