PDA

View Full Version : Tombolone Natalizio

Workman86
04-12-2010, 11:43
Salve ragazzi,
premetto che nel campo sono un vero asinello...
Volevo chiedervi un grande aiuto..

Dovrei realizzare un tombolone (una tabella) dove presenti tutti i numeri,
e quando clicco su uno di esso si illumina...
Se premo di nuovo su di esso torni normale..

Mi aiutate???
ohi
04-12-2010, 16:36
I quale linguaggio la vuoi fare?

(Potresti utilizzare le windows form di c#, oppure anche qualcosa in flash)

cmq su google ne trovi parecchie di tombole ad esempio:

http://www.webmasterpoint.org/script/flash/download_animazioni_script/games/1525/scarica-tombola.html
(anche se non è esattamento quello che hai richiesto)
Workman86
05-12-2010, 12:28
Qualsiasi sia il linguaggio nn saprei capace...
Se mi date voi una mano vi sarei grato!!
Ho visto che cè in rete, ma niente ke soddisfi le mie esigenze!!
MEMon
05-12-2010, 15:43
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<style type="text/css">
html, body, #container {
font-family:Verdana, Geneva, sans-serif;
height:100%;
}
body{
margin:0px;
padding:0px 10px 0px 10px;
background-color:#666;
}
#tools{
height:4%;
min-height:21px;
}
#tools a{
text-decoration:none;
color:#FFF;
display:block;
text-align:center;
vertical-align:middle;
line-height:20px;
height:20px;
width:70px;
background-color:#2E2E2E;
}
#tools a:hover{
color:#39F;
}
#tombola{
height:95%;
width:100%;
font-size:18px;
font-weight:bold;
color:#666;
}
#tombola td{
background-color:#F0F2F4;
text-align:center;
vertical-align:middle;
cursor:pointer;
-moz-user-select: none;
}
#tombola td:hover{
background-color:#D5EAFF;
}
#tombola td.selected{
background-color:#FFA62D;
color:#000;
}
</style>
<script type="text/javascript" >
function init(){
var tombola=document.getElementById("tombola");
if(tombola){
document.onselectstart=function(){ return false; };
for(var r=0; r<9; r++){
var row=tombola.insertRow(-1);
for(var c=0;c<10;c++){
var cell=row.insertCell(c);
cell.onclick=click;
cell.innerHTML=r*10+(c+1);
}
}
}
}
function click(){
if(this.className=="selected"){
this.className="";
}
else {
this.className="selected";
}
}
function resetSelection(){
var tombola=document.getElementById("tombola");
if(tombola){
for(var r=0; r<9; r++){
for(var c=0;c<10;c++){
var cell=tombola.rows[r].cells[c];
cell.className=null;
}
}
}
}
</script>
</head>
<body onLoad="init();">
<div id="container">
<div id="tools">
<a href="javascript:resetSelection();">RESET</a>
</div>
<table id="tombola" cellspacing="1" border="0" cellpadding="0">
</table>
</div>
</body>
</html>

BUON NATALE! :D :p
miz86miz
11-12-2010, 00:51
Grazie Memon..

Guarda io sono riuscito a fare questo che adesso ti scrivo qui sotto...
Riusciresti a mettermi le font centrali nelle caselle, e il fatto che se clicco su un numero illuminato, poi torni vuoto??
Grazie

<html>
<head>
<title>TOMBOLA</title>
<script language="vbscript">
<!--
Sub cl1_onclick
cl1.bgcolor = "yellow"
End Sub
Sub cl2_onclick
cl2.bgcolor = "yellow"
End Sub
Sub cl3_onclick
cl3.bgcolor = "yellow"
End Sub
Sub cl4_onclick
cl4.bgcolor = "yellow"
End Sub
Sub cl5_onclick
cl5.bgcolor = "yellow"
End Sub
Sub cl6_onclick
cl6.bgcolor = "#FABF8F"
End Sub
Sub cl7_onclick
cl7.bgcolor = "#FABF8F"
End Sub
Sub cl8_onclick
cl8.bgcolor = "#FABF8F"
End Sub
Sub cl9_onclick
cl9.bgcolor = "#FABF8F"
End Sub
Sub cl10_onclick
cl10.bgcolor = "#FABF8F"
End Sub
Sub cl11_onclick
cl11.bgcolor = "yellow"
End Sub
Sub cl12_onclick
cl12.bgcolor = "yellow"
End Sub
Sub cl13_onclick
cl13.bgcolor = "yellow"
End Sub
Sub cl14_onclick
cl14.bgcolor = "yellow"
End Sub
Sub cl15_onclick
cl15.bgcolor = "yellow"
End Sub
Sub cl16_onclick
cl16.bgcolor = "#FABF8F"
End Sub
Sub cl17_onclick
cl17.bgcolor = "#FABF8F"
End Sub
Sub cl18_onclick
cl18.bgcolor = "#FABF8F"
End Sub
Sub cl19_onclick
cl19.bgcolor = "#FABF8F"
End Sub
Sub cl20_onclick
cl20.bgcolor = "#FABF8F"
End Sub
Sub cl21_onclick
cl21.bgcolor = "yellow"
End Sub
Sub cl22_onclick
cl22.bgcolor = "yellow"
End Sub
Sub cl23_onclick
cl23.bgcolor = "yellow"
End Sub
Sub cl24_onclick
cl24.bgcolor = "yellow"
End Sub
Sub cl25_onclick
cl25.bgcolor = "yellow"
End Sub
Sub cl26_onclick
cl26.bgcolor = "#FABF8F"
End Sub
Sub cl27_onclick
cl27.bgcolor = "#FABF8F"
End Sub
Sub cl28_onclick
cl28.bgcolor = "#FABF8F"
End Sub
Sub cl29_onclick
cl29.bgcolor = "#FABF8F"
End Sub
Sub cl30_onclick
cl30.bgcolor = "#FABF8F"
End Sub
Sub cl31_onclick
cl31.bgcolor = "#CCC0D9"
End Sub
Sub cl32_onclick
cl32.bgcolor = "#CCC0D9"
End Sub
Sub cl33_onclick
cl33.bgcolor = "#CCC0D9"
End Sub
Sub cl34_onclick
cl34.bgcolor = "#CCC0D9"
End Sub
Sub cl35_onclick
cl35.bgcolor = "#CCC0D9"
End Sub
Sub cl36_onclick
cl36.bgcolor = "#C6D9F1"
End Sub
Sub cl37_onclick
cl37.bgcolor = "#C6D9F1"
End Sub
Sub cl38_onclick
cl38.bgcolor = "#C6D9F1"
End Sub
Sub cl39_onclick
cl39.bgcolor = "#C6D9F1"
End Sub
Sub cl40_onclick
cl40.bgcolor = "#C6D9F1"
End Sub
Sub cl41_onclick
cl41.bgcolor = "#CCC0D9"
End Sub
Sub cl42_onclick
cl42.bgcolor = "#CCC0D9"
End Sub
Sub cl43_onclick
cl43.bgcolor = "#CCC0D9"
End Sub
Sub cl44_onclick
cl44.bgcolor = "#CCC0D9"
End Sub
Sub cl45_onclick
cl45.bgcolor = "#CCC0D9"
End Sub
Sub cl46_onclick
cl46.bgcolor = "#C6D9F1"
End Sub
Sub cl47_onclick
cl47.bgcolor = "#C6D9F1"
End Sub
Sub cl48_onclick
cl48.bgcolor = "#C6D9F1"
End Sub
Sub cl49_onclick
cl49.bgcolor = "#C6D9F1"
End Sub
Sub cl50_onclick
cl50.bgcolor = "#C6D9F1"
End Sub

Sub cl51_onclick
cl51.bgcolor = "#CCC0D9"
End Sub
Sub cl52_onclick
cl52.bgcolor = "#CCC0D9"
End Sub
Sub cl53_onclick
cl53.bgcolor = "#CCC0D9"
End Sub
Sub cl54_onclick
cl54.bgcolor = "#CCC0D9"
End Sub
Sub cl55_onclick
cl55.bgcolor = "#CCC0D9"
End Sub
Sub cl56_onclick
cl56.bgcolor = "#C6D9F1"
End Sub
Sub cl57_onclick
cl57.bgcolor = "#C6D9F1"
End Sub
Sub cl58_onclick
cl58.bgcolor = "#C6D9F1"
End Sub
Sub cl59_onclick
cl59.bgcolor = "#C6D9F1"
End Sub
Sub cl60_onclick
cl60.bgcolor = "#C6D9F1"
End Sub

Sub cl61_onclick
cl61.bgcolor = "#92D050"
End Sub
Sub cl62_onclick
cl62.bgcolor = "#92D050"
End Sub
Sub cl63_onclick
cl63.bgcolor = "#92D050"
End Sub
Sub cl64_onclick
cl64.bgcolor = "#92D050"
End Sub
Sub cl65_onclick
cl65.bgcolor = "#92D050"
End Sub
Sub cl66_onclick
cl66.bgcolor = "#D99594"
End Sub
Sub cl67_onclick
cl67.bgcolor = "#D99594"
End Sub
Sub cl68_onclick
cl68.bgcolor = "#D99594"
End Sub
Sub cl69_onclick
cl69.bgcolor = "#D99594"
End Sub
Sub cl70_onclick
cl70.bgcolor = "#D99594"
End Sub

Sub cl71_onclick
cl71.bgcolor = "#92D050"
End Sub
Sub cl72_onclick
cl72.bgcolor = "#92D050"
End Sub
Sub cl73_onclick
cl73.bgcolor = "#92D050"
End Sub
Sub cl74_onclick
cl74.bgcolor = "#92D050"
End Sub
Sub cl75_onclick
cl75.bgcolor = "#92D050"
End Sub
Sub cl76_onclick
cl76.bgcolor = "#D99594"
End Sub
Sub cl77_onclick
cl77.bgcolor = "#D99594"
End Sub
Sub cl78_onclick
cl78.bgcolor = "#D99594"
End Sub
Sub cl79_onclick
cl79.bgcolor = "#D99594"
End Sub
Sub cl80_onclick
cl80.bgcolor = "#D99594"
End Sub

Sub cl81_onclick
cl81.bgcolor = "#92D050"
End Sub
Sub cl82_onclick
cl82.bgcolor = "#92D050"
End Sub
Sub cl83_onclick
cl83.bgcolor = "#92D050"
End Sub
Sub cl84_onclick
cl84.bgcolor = "#92D050"
End Sub
Sub cl85_onclick
cl85.bgcolor = "#92D050"
End Sub
Sub cl86_onclick
cl86.bgcolor = "#D99594"
End Sub
Sub cl87_onclick
cl87.bgcolor = "#D99594"
End Sub
Sub cl88_onclick
cl88.bgcolor = "#D99594"
End Sub
Sub cl89_onclick
cl89.bgcolor = "#D99594"
End Sub
Sub cl90_onclick
cl90.bgcolor = "#D99594"
End Sub
-->
</script>
</head>
<body>
<table align=center width=100% height=100%>
<tr align=center valign=center width=100% height=100%>
<td align=center width=100% height=100%>

<table align="center" width="500" height="450" border="0" bordercolor=red cellspacing=0 cellpadding=0>
<tr align="center">
<td align=center>

<table align="center" width="500" height="230" border="1" bordercolor=red>
<tr align="center">
<td align="center" width="50" id = "cl1"><font size=7><b>1</font></td>
<td align="center" width="50" id = "cl2"><font size=7><b>2</font></td>
<td align="center" width="50" id = "cl3"><font size=7><b>3</font></td>
<td align="center" width="50" id = "cl4"><font size=7><b>4</font></td>
<td align="center" width="50" id = "cl5"><font size=7><b>5</font></td>
</tr>
<tr align="center">
<td align="center" width="50" id = "cl11"><font size=7><b>11</font></td>
<td align="center" width="50" id = "cl12"><font size=7><b>12</font></td>
<td align="center" width="50" id = "cl13"><font size=7><b>13</font></td>
<td align="center" width="50" id = "cl14"><font size=7><b>14</font></td>
<td align="center" width="50" id = "cl15"><font size=7><b>15</font></td>
</tr>
<tr align="center">
<td align="center" width="50" id = "cl21"><font size=7><b>21</font></td>
<td align="center" width="50" id = "cl22"><font size=7><b>22</font></td>
<td align="center" width="50" id = "cl23"><font size=7><b>23</font></td>
<td align="center" width="50" id = "cl24"><font size=7><b>24</font></td>
<td align="center" width="50" id = "cl25"><font size=7><b>25</font></td>
</tr>
</table>
</td>
<td align=center>
<table align="center" width="500" height="230" border="1" bordercolor=red>
<tr align="center">
<td align="center" width="50" id = "cl6"><font size=7><b>6</font></td>
<td align="center" width="50" id = "cl7"><font size=7><b>7</font></td>
<td align="center" width="50" id = "cl8"><font size=7><b>8</font></td>
<td align="center" width="50" id = "cl9"><font size=7><b>9</font></td>
<td align="center" width="50" id = "cl10"><font size=7><b>10</font></td>
</tr><tr align="center">
<td align="center" width="50" id = "cl16"><font size=7><b>16</font></td>
<td align="center" width="50" id = "cl17"><font size=7><b>17</font></td>
<td align="center" width="50" id = "cl18"><font size=7><b>18</font></td>
<td align="center" width="50" id = "cl19"><font size=7><b>19</font></td>
<td align="center" width="50" id = "cl20"><font size=7><b>20</font></td>
</tr><tr align="center">
<td align="center" width="50" id = "cl26"><font size=7><b>26</font></td>
<td align="center" width="50" id = "cl27"><font size=7><b>27</font></td>
<td align="center" width="50" id = "cl28"><font size=7><b>28</font></td>
<td align="center" width="50" id = "cl29"><font size=7><b>29</font></td>
<td align="center" width="50" id = "cl30"><font size=7><b>30</font></td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td align=center>
<table align="center" width="500" height="230" border="1" bordercolor=red>
<tr align="center">
<td align="center" width="50" id = "cl31"><font size=7><b>31</font></td>
<td align="center" width="50" id = "cl32"><font size=7><b>32</font></td>
<td align="center" width="50" id = "cl33"><font size=7><b>33</font></td>
<td align="center" width="50" id = "cl34"><font size=7><b>34</font></td>
<td align="center" width="50" id = "cl35"><font size=7><b>35</font></td>
</tr>
<tr align="center">
<td align="center" width="50" id = "cl41"><font size=7><b>41</font></td>
<td align="center" width="50" id = "cl42"><font size=7><b>42</font></td>
<td align="center" width="50" id = "cl43"><font size=7><b>43</font></td>
<td align="center" width="50" id = "cl44"><font size=7><b>44</font></td>
<td align="center" width="50" id = "cl45"><font size=7><b>45</font></td>
</tr>
<tr align="center">
<td align="center" width="50" id = "cl51"><font size=7><b>51</font></td>
<td align="center" width="50" id = "cl52"><font size=7><b>52</font></td>
<td align="center" width="50" id = "cl53"><font size=7><b>53</font></td>
<td align="center" width="50" id = "cl54"><font size=7><b>54</font></td>
<td align="center" width="50" id = "cl55"><font size=7><b>55</font></td>
</tr>
</table>
</td>
<td align=center>
<table align="center" width="500" height="230" border="1" bordercolor=red>
<tr align="center">
<td align="center" width="50" id = "cl36"><font size=7><b>36</font></td>
<td align="center" width="50" id = "cl37"><font size=7><b>37</font></td>
<td align="center" width="50" id = "cl38"><font size=7><b>38</font></td>
<td align="center" width="50" id = "cl39"><font size=7><b>39</font></td>
<td align="center" width="50" id = "cl40"><font size=7><b>40</font></td>
</tr><tr align="center">
<td align="center" width="50" id = "cl46"><font size=7><b>46</font></td>
<td align="center" width="50" id = "cl47"><font size=7><b>47</font></td>
<td align="center" width="50" id = "cl48"><font size=7><b>48</font></td>
<td align="center" width="50" id = "cl49"><font size=7><b>49</font></td>
<td align="center" width="50" id = "cl50"><font size=7><b>50</font></td>
</tr><tr align="center">
<td align="center" width="50" id = "cl56"><font size=7><b>56</font></td>
<td align="center" width="50" id = "cl57"><font size=7><b>57</font></td>
<td align="center" width="50" id = "cl58"><font size=7><b>58</font></td>
<td align="center" width="50" id = "cl59"><font size=7><b>59</font></td>
<td align="center" width="50" id = "cl60"><font size=7><b>60</font></td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td align=center>
<table align="center" width="500" height=230" border="1" bordercolor=red>
<tr align="center">
<td align="center" width="50" id = "cl61"><font size=7><b>61</font></td>
<td align="center" width="50" id = "cl62"><font size=7><b>62</font></td>
<td align="center" width="50" id = "cl63"><font size=7><b>63</font></td>
<td align="center" width="50" id = "cl64"><font size=7><b>64</font></td>
<td align="center" width="50" id = "cl65"><font size=7><b>65</font></td>
</tr>
<tr align="center">
<td align="center" width="50" id = "cl71"><font size=7><b>71</font></td>
<td align="center" width="50" id = "cl72"><font size=7><b>72</font></td>
<td align="center" width="50" id = "cl73"><font size=7><b>73</font></td>
<td align="center" width="50" id = "cl74"><font size=7><b>74</font></td>
<td align="center" width="50" id = "cl75"><font size=7><b>75</font></td>
</tr>
<tr align="center">
<td align="center" width="50" id = "cl81"><font size=7><b>81</font></td>
<td align="center" width="50" id = "cl82"><font size=7><b>82</font></td>
<td align="center" width="50" id = "cl83"><font size=7><b>83</font></td>
<td align="center" width="50" id = "cl84"><font size=7><b>84</font></td>
<td align="center" width="50" id = "cl85"><font size=7><b>85</font></td>
</tr>
</table>
</td>
<td align=center>
<table align="center" width="500" height="230" border="1" bordercolor=red>
<tr align="center">
<td align="center" width="50" id = "cl66"><font size=7><b>66</font></td>
<td align="center" width="50" id = "cl67"><font size=7><b>67</font></td>
<td align="center" width="50" id = "cl68"><font size=7><b>68</font></td>
<td align="center" width="50" id = "cl69"><font size=7><b>69</font></td>
<td align="center" width="50" id = "cl70"><font size=7><b>70</font></td>
</tr><tr align=center>
<td align="center" width="50" id = "cl76"><font size=7><b>76</font></td>
<td align="center" width="50" id = "cl77"><font size=7><b>77</font></td>
<td align="center" width="50" id = "cl78"><font size=7><b>78</font></td>
<td align="center" width="50" id = "cl79"><font size=7><b>79</font></td>
<td align="center" width="50" id = "cl80"><font size=7><b>80</font></td>
</tr><tr align=center>
<td align="center" width="50" id = "cl86"><font size=7><b>86</font></td>
<td align="center" width="50" id = "cl87"><font size=7><b>87</font></td>
<td align="center" width="50" id = "cl88"><font size=7><b>88</font></td>
<td align="center" width="50" id = "cl89"><font size=7><b>89</font></td>
<td align="center" width="50" id = "cl90"><font size=7><b>90</font></td>
</tr>
</table>
</td></tr></table>
</td>
</tr>
</table>

</body>
</html>