« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: [AYUDA] Error al crear mi tres en raya.  (Leído 770 veces)

Desconectado Rodrinete

  • PHPer@ Fijo
  • ***
  • Mensajes: 222
  • Karma: 6
    • Ver Perfil
[AYUDA] Error al crear mi tres en raya.
« en: 29 de Julio de 2008, 20:04:42 pm »
Bueno, me he decidido a hacer un tres en raya en javascript. Todo iba muy bien hasta que al ir a probar si las imagenes cambiaban cuando das click dió error:
estas son las imagenes:
  • cuadro.png
  • cuadro1.png
  • cuadroX.png
  • cuadro1X.png
Este es el código:
Código: [Seleccionar]
<html>
<title> Tres en Raya </title>
<head>
<script language="javascript">
Function Mover(tipo,id)
{
Dim img;
img = getElementById(id);
img = 'cuadro' + tipo + 'X.png';
}
</script>
</head>
<table border="2" cellspacing="0" cellpadding="0" width="0" bgcolor="#000000" bordercolor="#000000">
<tr>
<td align="left">
<div name="juego">
<a href="javascript:Mover(,1)"><img src="cuadro.png" border="0" id="1"></a>
<a href="javascript:Mover(1,2)"><img src="cuadro1.png" border="0" id="2"></a>
<a href="javascript:Mover(,3)"><img src="cuadro.png" border="0" id="3"></a><br>
<a href="javascript:Mover(1,4)"><img src="cuadro1.png" border="0" id="4"></a>
<a href="javascript:Mover(,5)"><img src="cuadro.png" border="0" id="5"></a>
<a href="javascript:Mover(1,6)"><img src="cuadro1.png" border="0" id="6"></a><br>
<a href="javascript:Mover(,7)"><img src="cuadro.png" border="0" id="7"></a>
<a href="javascript:Mover(1,8)"><img src="cuadro1.png" border="0" id="8"></a>
<a href="javascript:Mover(,9)"><img src="cuadro.png" border="0" id="9"></a>
</div>
</td>
</tr>
</table>
¿A que se debe el error?
En línea

Comunidad PHPeros

[AYUDA] Error al crear mi tres en raya.
« en: 29 de Julio de 2008, 20:04:42 pm »

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re: [AYUDA] Error al crear mi tres en raya.
« Respuesta #1 en: 29 de Julio de 2008, 21:42:54 pm »
no se de JS pro en vez de poner (, 2) pon ('', 2)...
o si no cambia la imagen cuadroX.png por cuadro2X.png y aces
(2, 2)... xD
En línea

Desconectado Rodrinete

  • PHPer@ Fijo
  • ***
  • Mensajes: 222
  • Karma: 6
    • Ver Perfil
Re: [AYUDA] Error al crear mi tres en raya.
« Respuesta #2 en: 29 de Julio de 2008, 22:32:11 pm »
Bueno, le he hecho unos arreglillos pero sigue fallando.
Código: [Seleccionar]
<html>
<title> Tres en Raya </title>
<head>
<script type="text/javascript" language="javascript">
Function Mover(tipo,id)
{
imagen = new Image();
imagen.src = '3raya/cuadro' + tipo + 'X.png';
img = getElementById(id);
img = imagen;
}
</script>
</head>
<body>
<table border="2" bgcolor="#000000" bordercolor="#000000">
<tr>
<td align="left">
<a href="javascript:Mover(0,1)"><img src="cuadro0.png" border="0" id="1"></a>
<a href="javascript:Mover(1,2)"><img src="cuadro1.png" border="0" id="2"></a>
<a href="javascript:Mover(0,3)"><img src="cuadro0.png" border="0" id="3"></a><br>
<a href="javascript:Mover(1,4)"><img src="cuadro1.png" border="0" id="4"></a>
<a href="javascript:Mover(0,5)"><img src="cuadro0.png" border="0" id="5"></a>
<a href="javascript:Mover(1,6)"><img src="cuadro1.png" border="0" id="6"></a><br>
<a href="javascript:Mover(0,7)"><img src="cuadro0.png" border="0" id="7"></a>
<a href="javascript:Mover(1,8)"><img src="cuadro1.png" border="0" id="8"></a>
<a href="javascript:Mover(0,9)"><img src="cuadro0.png" border="0" id="9"></a>
</td>
</tr>
</table>
</body>
</html>
En línea

Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re: [AYUDA] Error al crear mi tres en raya.
« Respuesta #3 en: 29 de Julio de 2008, 22:45:02 pm »
Para que crear una nueva imagen y demas cuando solo modificando la ruta lo tienes y ademas sin mucho mas codigo?

En lugar de poner:
Código: [Seleccionar]
<a href="javascript:Mover(0,1)"><img src="cuadro0.png" border="0" id="1"></a>Puedes poner:
Código: [Seleccionar]
<img src="cuadro0.png" border="0" id="1" onClick="Mover(0, this.id)" alt="Cuadrado" />(No se te olvide poner el alt y el / del final o la w3 no te lo validará correctamente)

Y el codigo JS de la funcion Mover seria algo asi como:
Código: [Seleccionar]
Function Mover(tipo,id)
{
var img = '3raya/cuadro' + tipo + 'X.png';
getElementById(id).src = img;
return true;
}
Haber si asi te funciona.

Saludos
En línea
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es

Desconectado Rodrinete

  • PHPer@ Fijo
  • ***
  • Mensajes: 222
  • Karma: 6
    • Ver Perfil
Re: [AYUDA] Error al crear mi tres en raya.
« Respuesta #4 en: 30 de Julio de 2008, 13:30:32 pm »
Muchas gracias por vuestra ayuda, he seguido vuestros consejos y aqui está funcionando  :laugh::
Código: [Seleccionar]
<html>
<title> Tres en Raya </title>
<head>
<script type="text/javascript" language="javascript">
function Mover(tipo,id)
{
var imagen = new Image();
var img = document.getElementById(id);
imagen.src = 'cuadro' + tipo + 'X.png';
img.src = imagen.src;
}
</script>
</head>
<body>
<table border="2" bgcolor="#000000" bordercolor="#000000">
<tr>
<td align="left">
<a href="javascript:Mover(0,1)"><img src="cuadro0.png" border="0" id="1"></a>
<a href="javascript:Mover(1,2)"><img src="cuadro1.png" border="0" id="2"></a>
<a href="javascript:Mover(0,3)"><img src="cuadro0.png" border="0" id="3"></a><br>
<a href="javascript:Mover(1,4)"><img src="cuadro1.png" border="0" id="4"></a>
<a href="javascript:Mover(0,5)"><img src="cuadro0.png" border="0" id="5"></a>
<a href="javascript:Mover(1,6)"><img src="cuadro1.png" border="0" id="6"></a><br>
<a href="javascript:Mover(0,7)"><img src="cuadro0.png" border="0" id="7"></a>
<a href="javascript:Mover(1,8)"><img src="cuadro1.png" border="0" id="8"></a>
<a href="javascript:Mover(0,9)"><img src="cuadro0.png" border="0" id="9"></a>
</td>
</tr>
</table>
</body>
</html>
Que alguien cierre tema.
En línea
Páginas: [1]   Ir Arriba
« anterior próximo »