Realizzare il gioco del tris usando javascript, il dom e l'oggetto event-.

aneres

Nuovo Utente
27 Feb 2012
21
0
0
Il gioco non deve valutare il vincitore , ma permettere solamente l'introduzione dei simboli ( X e O) sulla scacchiera (3 x 3) in maniera corretta (i simboli vanno inseriti solo su celle vuote)

questo è il codice fatto , quando clicco il tasto sinistro mi dovrebbe apparire l'immagine "x" (e non va), mentre quando clicco il destro l'immagine "o" quest'ultimo funziona perchè?

codice html:
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="EX16.js"></script>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
<style type="text/css">
.style1 {
	border-width: 0px;
}
.style2 {
	border-style: solid;
	border-width: 1px;
}
</style>
</head>

<body>

<table style="width: 50%; height: 108px;" class="style1">
	<tr>
		<td id="0.0" style="width: 100px; height: 100px" class="style2" onmousedown="segnaSimbolo(event,'0.0')"></td>
		<td id="0.1" style="height: 100px; width: 100px" class="style2" onmousedown="segnaSimbolo(event,'0.1')"></td>
		<td id="0.2" style="height: 100px; width: 100px" class="style2" onmousedown="segnaSimbolo(event,'0.2')"></td>
	</tr>
	<tr>
		<td id="1.0" style="width: 100px; height: 100px;" H class="style2" onmousedown="segnaSimbolo(event,'1.0')"></td>
		<td id="1.1" style="width: 100px; height: 100px;" class="style2" onmousedown="segnaSimbolo(event,'1.1')"></td>
		<td id="1.2" style="width: 100px; height: 100px;" class="style2" onmousedown="segnaSimbolo(event,'1.2')"></td>
	</tr>
	<tr>
		<td id="2.0" style="width: 100px; height: 99px;" class="style2" onmousedown="segnaSimbolo(event,'2.0')"></td>
		<td id="2.1" style="width: 100px; height: 99px;" class="style2" onmousedown="segnaSimbolo(event,'2.1')"></td>
		<td id="2.2" style="width: 100px; height: 99px;" class="style2" onmousedown="segnaSimbolo(event,'2.2')"></td>
	</tr>
</table>

</body>

</html>

codice javascript:
Codice:
function segnaSimbolo(evento , id){
cella = document.getElementById(id);
imma = document.createElement("img");

switch (evento.button){
	case 1:
	imma.setAttribute("src","x.png");
	imma.setAttribute("width","90px");
	imma.setAttribute("height","90px");
	cella.setAttribute("align","center");
	cella.appendChild(imma);
	cella.setAttribute("onmousedown" , "");	  
	break;
	case 2:
	imma.setAttribute("src","o.jpg");
	imma.setAttribute("width","90px");
	imma.setAttribute("height","90px");
	cella.setAttribute("align","center");
	cella.appendChild(imma);
	document.body.oncontextmenu=function(){return false;}
	cella.setAttribute("onmousedown" , "");	 
	break;
}
 
}
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
nello switch javascript prova a mettere case 0 invece che case 1

Codice:
switch (evento.button){                    
                    case 0:
                         -------
                    break;
                    case 2:
                         -------
                    break;
}
 

aneres

Nuovo Utente
27 Feb 2012
21
0
0
Ciao,
nello switch javascript prova a mettere case 0 invece che case 1

Codice:
switch (evento.button){                    
                    case 0:
                         -------
                    break;
                    case 2:
                         -------
                    break;
}

grazie!... ora va!...cioè prima mi considerava il tasto sinistro la rotellina del mouse ora no!..spero che vada anche sul pc della mia prof u.u
 

aneres

Nuovo Utente
27 Feb 2012
21
0
0
Ciao,
nello switch javascript prova a mettere case 0 invece che case 1

Codice:
switch (evento.button){                    
                    case 0:
                         -------
                    break;
                    case 2:
                         -------
                    break;
}

volevo chiederti un accertamento su un mio dubbio onmousedown da dove riconosce il tasto destro e sinistro?? e questo a cosa serve?
Codice:
document.body.oncontextmenu=function()
	{
	return false;
    }
?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,

sono arrivato alla soluzione mettendo nel codice

Codice:
alert(evento.button);

Se lo provi noterai che assegna 0 al tasto sinistro 1 a quello centrale e 2 a quello di destra

di conseguenza con lo switch prendi in considerazione il tasto premuto

La funzione serve a disabilitare il menu che esce premendo il tasto destro del mouse
 
Discussioni simili
Autore Titolo Forum Risposte Data
C [Retribuito] cerco programmatore per realizzare forum phpbb su altervista. Altri Annunci 0
C [Retribuito] cerco programmatore per realizzare forum phpbb su altervista Offerte e Richieste di Lavoro e/o Collaborazione 0
A [Photoshop] come poter realizzare il seguente "effetto" Photoshop 4
I [Photoshop] Come realizzare immagine tonalità di grigio Photoshop 0
C [PHP] Come realizzare un tema wordpress per monetizzarlo?e dove testarlo gratis? PHP 3
F Realizzare video su Mac Mac e Software 0
D [PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe PHP 0
D [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe Offerte e Richieste di Lavoro e/o Collaborazione 2
L [ASP.Net] Realizzare modulo contatti PopUp ! ASP.NET 1
N Come realizzare Cookie e Privacy Policy con Iubenda Leggi, Normative e Fisco 5
N Con cosa realizzare un sito web? Webdesign e Grafica 9
elpirata Realizzare video con immagini testo e transizioni Windows e Software 5
L [HTML] Realizzare piantina prenotazione posti HTML e CSS 4
P [PHP] Realizzare un controllo accessi cantiere, problema lettore Qrcode... PHP 0
M [Photoshop] come realizzare un effetto speciale? Photoshop 1
Z È possibile realizzare DEM con Adobe Muse? Webdesign e Grafica 0
asevenx Realizzare modulo per selezionare elementi da una lista PHP 1
Silvio Losi Come realizzare una piattaforma "ad-hoc" (No CMS) E-Commerce 8
E realizzare una mappa personale e responsive HTML e CSS 6
E Realizzare una finestra overlay con caricamento pagina html HTML e CSS 3
Gabriele Visioli Realizzare e Vendere siti web senza aprire una Partita IVA... Come? Leggi, Normative e Fisco 4
B realizzare una introduzione per un sito web Javascript 4
S Come realizzare una didascalia a comparsa su un'immagine? HTML e CSS 1
L Realizzare script con grafico e tabelle che si aggiornano automaticamente jQuery 1
T Come potrei realizzare un piccolo forum di discussione su un sito web...? phpBB 2
C cerco un web master per realizzare sito professionale Offerte e Richieste di Lavoro e/o Collaborazione 6
S realizzare un' area di login completa costo... Offerte e Richieste di Lavoro e/o Collaborazione 2
L Realizzare tabella che aggiorna i prezzi in base alle quantità jQuery 16
L Realizzare applicazione per hotel con camere disponibili PHP 2
G [GRATUITO]Cercasi webdesigner (per realizzare template) Offerte e Richieste di Lavoro e/o Collaborazione 7
Carlito's Come realizzare uno script Javascript 2
M [Cerco Collaborazione] un bravo esperto per realizzare insieme un sito web? Offerte e Richieste di Lavoro e/o Collaborazione 8
T [risolto] Realizzare un form email con multi scelta Sviluppo app per Android 2
G C++ realizzare apps per iOS C/C++ 1
A Realizzare un mega menu con css HTML e CSS 2
L realizzare login numerico PHP 8
G Realizzare apps per iOS meno recenti Sviluppo app per iOS 1
L realizzare apertura e chiusura div dinamico jQuery 3
mircop Realizzare storico consumi PHP 4
P è meglio un framework o realizzare da solo un sito? HTML e CSS 4
M devo realizzare un sito ma... Offerte e Richieste di Lavoro e/o Collaborazione 4
M per realizzare il sito passare da aruba a serve dell agenzia?? Hosting 0
D Una query complicata da realizzare PHP 33
M Consigli per sito da realizzare Joomla 0
A realizzare un catalogo in un sito web Webdesign e Grafica 3
G Realizzare un'immagine con sfondo trasparente con Photoshop Photoshop 3
P realizzare presentazione multimediale x pubblicità Programmazione 0
H Qualcuno mi può indicare programmi facili per realizzare siti web facilmente HTML e CSS 14
B realizzare una buona rete lan.... Reti LAN e Wireless 1
neo996sps [codeingniter]: realizzare un semplice menu PHP 1

Discussioni simili