Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Otros servicios
Webmasters
alepia
Usuario Novato
Usuario Novato
#1••

hola, estoy desarrollando un juego de pares en html, se javascript. necesito saber como llamar las imagenes en forma random, para cambiarlas de ubicacion cada vez que empiece el juego, asi no tendran la misma ubicacion siempre. porfavor necesito que alguien me ayuden de urgencia muchas gracias =)   

EL CODIGO QUE TENGO  HASTA AHORITA ES ESTE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Pares</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
  body{
   width:125;
   height:200;
   background: url('images/fondo.png');}

 </style>
<script>
  
System.Gadget.settingsUI = "Settings.html";

 </script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape&quot &&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<script language="javascript">

//CRONOMETRO

var CronoID = null
var CronoEjecutandose = false
var decimas, segundos, minutos

function DetenerCrono (){
  if(CronoEjecutandose)
  clearTimeout(CronoID)
  CronoEjecutandose = false
}

function InicializarCrono () {
//inicializa contadores globales
decimas = 0
segundos = 0
minutos = 0
a1.style.visibility="visible"
a2.style.visibility="visible"
a3.style.visibility="visible"
a4.style.visibility="visible"
a5.style.visibility="visible"
a6.style.visibility="visible"
a7.style.visibility="visible"
a8.style.visibility="visible"
a9.style.visibility="visible"
a10.style.visibility="visible"
a11.style.visibility="visible"
a12.style.visibility="visible"

}

function MostrarCrono () {
     
  //incrementa el crono
  decimas++
if ( decimas > 9 ) {
decimas = 0
segundos++
if ( segundos > 59 ) {
segundos = 0
minutos++
if ( minutos > 0 ) {
a1.disabled = true
a2.disabled = true
a3.disabled = true
a4.disabled = true
a5.disabled = true
a6.disabled = true
a7.disabled = true
a8.disabled = true
a9.disabled = true
a10.disabled = true
a11.disabled = true
a12.disabled = true
DetenerCrono()
return true
}
}
}

//configura la salida
var ValorCrono = ""
ValorCrono = (minutos < 10) ? "0" + minutos : minutos
ValorCrono += (segundos < 10) ? ":0" + segundos : ":" + segundos
ValorCrono += ":" + decimas

  document.crono.display.value = ValorCrono

  CronoID = setTimeout("MostrarCrono()", 100)
CronoEjecutandose = true
a1.disabled = false
a2.disabled = false
a3.disabled = false
a4.disabled = false
a5.disabled = false
a6.disabled = false
a7.disabled = false
a8.disabled = false
a9.disabled = false
a10.disabled = false
a11.disabled = false
a12.disabled = false
return true
}

function IniciarCrono () {
DetenerCrono()
InicializarCrono()
MostrarCrono()
}

function disappear1()
{
    a1.style.visibility="hidden";
    }

function disappear2()
{
    a2.style.visibility="hidden";
    }
function disappear3()
{
    a3.style.visibility="hidden";
    }
function disappear4()
{
    a4.style.visibility="hidden";
    }
function disappear5()
{
    a5.style.visibility="hidden";
    }
function disappear6()
{
    a6.style.visibility="hidden";
    }
function disappear7()
{
    a7.style.visibility="hidden";
    }
function disappear8()
{
    a8.style.visibility="hidden";
    }
function disappear9()
{
    a9.style.visibility="hidden";
    }
function disappear10()
{
    a10.style.visibility="hidden";
    }
function disappear11()
{
    a11.style.visibility="hidden";
    }
function disappear12()
{
    a12.style.visibility="hidden";
    }
function reappear()
{
    a1.style.visibility="visible";
    }
</script>

</head>

<body>
 <p> </p>
 <p> </p>
 <p> </p>
<p> </p>

<form name="crono">
<div align="left"><left>
<input type="button" name="Iniciar" value="Iniciar" onClick="IniciarCrono()">
<input type="text" size="3.5" colorbackground= "black" name="display" value="00:00:0" readonly >

</center></div>
</form>

</body>

<background="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/fondo.gif">
 
 <div id="Layer2" style="position:absolute; left:6px; top:8px; width:112px; height:147px; z-index:4">
   <table width="10%" border="1">
     <tr>
       <td width="1%" height="34"><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Autumn%20Leaves.jpg" width="30" height="30" id="1"></td>
       <td width="1%"><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Garden.jpg" width="30" height="30" id=2 onclick="reappear()"></td>
       <td width="1%"><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Autumn%20Leaves.jpg" width="30" height="30" id=3 onclick="reappear()"></td>
     </tr>
     <tr>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Dock.jpg" width="30" height="30" id="4"  onclick="reappear()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Desert%20Landscape.jpg" width="30" height="30" id="5" onclick="reappear()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Forest.jpg" width="30" height="30" id="6" onclick="reappear()"></td>
     </tr>
     <tr>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Creek.jpg" width="30" height="30" id="7" onclick="reappear()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Desert%20Landscape.jpg" width="30" height="30" id="8" onclick="reappear()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Dock.jpg" width="30" height="30" id="9"></td>
     </tr>
     <tr>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Garden.jpg" width="30" height="30" id="10" onclick="reappear()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Forest.jpg" width="30" height="30" id="11"  onclick="reappear()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/Creek.jpg" width="30" height="30" id="12"  onclick="reappear()"></td>
     </tr>
   </table>
</div>
 <div id="Layer1" style="position:absolute; left:6px; top:8px; width:114px; height:150px; z-index:5">
   <table width="98%" border="1">
     <tr>
       <td width="1%" height="34"><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a1" disabled onclick="disappear1()"></td>
       <td width="1%""><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a2" disabled onclick="disappear2()"></td>
       <td width="1%"><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a3" disabled onclick="disappear3()"></td>
     </tr>
     <tr>
       <td height="34"><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a4" disabled  onclick="disappear4()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a5" disabled  onclick="disappear5()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a6" disabled  onclick="disappear6()"></td>
     </tr>
     <tr>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a7" disabled onclick="disappear7()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a8" disabled onclick="disappear8()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a9" disabled onclick="disappear9()"></td>
     </tr>
     <tr>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a10" disabled onclick="disappear10()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a11" disabled onclick="disappear11()"></td>
       <td><img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png" width="30" height="30" id="a12" disabled onclick="disappear12()"></td>
     </tr>
   </table>
</div>
</html>

Avatar Image
@man / @woman
@man / @woman
#2•

file:///C| /Users/Alejandra/App Data/Local/Microsoft /Windows%20Sid

Que mania con usar rutas absolutas y mas locales, lee este tema:
http://miarroba.com/foros/ver.php?foroid=3&temaid=1602414

Avatar Image
@man / @woman
@man / @woman
#3•

Escrito originalmente por NoSetup.org

file:///C| /Users/Alejandra/App Data/Local/Microsoft /Windows%20Sid

Que mania con usar rutas absolutas y mas locales, lee este tema:
http://miarroba.com/foros/ver.php?foroid=3&temaid=1602414

Tranquilo, estan aprendiendo...

alepia
Usuario Novato
Usuario Novato
#4•

cuanod puse la url que sale en ese tema no se cargaron mis paginas :s ...sera que por la forma de llamar las imagenes que no me sale mi codigo al correrlo? ayudenme

Avatar Image
Moderador
Moderador
#5••

No pueden ser así
<img src="file:///C|/Users/Alejandra/AppData/Local/Microsoft/Windows%20Sidebar/Gadgets/Pares.gadget/images/cuadro.png"  de ese modo las estas llamando desde tu pc . Debe ser así

<img src="http://tuweb.com/images/cuadro.png"

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


alepia
Usuario Novato
Usuario Novato
#6•

miren hice una funcion para que coja de forma ramdon una imagen

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
fuction verimagenes()
var img_rnd = new Array ("images/Creek.jpg", "images/Leaves.jpg", "images/Forest.jpg&quot ;
var i = Math.round(2*Math.random());
document.write ('<IMG SRC="' + img_rnd[i] + '" WIDTH="30" HEIGHT="30">');

//-->
</SCRIPT>

despues la llamo 

<td><onclick="verimagenes()"></td>

pero no funciona.... tambien intente de esta forma

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var img_rnd = new Array ("images/Creek.jpg", "images/Leaves.jpg", "images/Forest.jpg&quot ;
var i = Math.round(2*Math.random());

//-->
</SCRIPT>

luego en la parte de las tabla donde quiero q aparezca lo llamo de esta forma

 <td><'<IMG SRC="' + img_rnd[i] + '"  width="30" height="30" id="11"  onclick="reappear()"></td>

ninguno de los dos me sale... preferiria que me salga como de la 2da forma pero algo esta mal..saben q ue es? ayduenme por favor..!!!

AnteriorSiguienteArriba
Responder
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares