Foros del Web » Programando para Internet » PHP »

Como puedo sacar el id que se muestra en mi dado

 Estas en el tema de Como puedo sacar el id que se muestra en mi dado en el foro de PHP en Foros del Web. Buenas, estaba haciendo un juego (un dado animado para ganar premios), el problema esque no se como puedo hacerlo de otra manera para obtener la ...
  #1 (permalink)  
Antiguo 04/09/2015, 05:02
 
Fecha de Ingreso: septiembre-2015
Mensajes: 3
Antigüedad: 8 años, 8 meses
Puntos: 0
Como puedo sacar el id que se muestra en mi dado
Buenas, estaba haciendo un juego (un dado animado para ganar premios), el problema esque no se como puedo hacerlo de otra manera para obtener la id que se muestra aleatoria mediante un display:block, les paso el código
Código: 
<html>
<head>
<title> DADO </title>
<style type="text/css">
span {display: none;}
button {display: block;}
</style>
<script type="text/javascript">
var VanillaRunOnDomReady = function() {
var boton = document.getElementById("id_boton"),
    cuarz = document.getElementsByTagName("div"),
    total = cuarz.length,
    forEach = Array.prototype.forEach;

boton.addEventListener("click", function () {
    var i = 0,
        intervalo = setInterval(function () {
            if ((i += 100) < 3000) {
                var posicion = Math.floor(Math.random() * total);
                forEach.call(cuarz, function (estilo) {
                    estilo.style.display = estilo == cuarz[posicion] ? "block" : "none";
                });
            } else clearInterval(intervalo);
        }, 100);
}, false);
}

var alreadyrunflag = 0;

if (document.addEventListener)
    document.addEventListener("DOMContentLoaded", function(){
        alreadyrunflag=1; 
        VanillaRunOnDomReady();
    }, false);
else if (document.all && !window.opera) {
    document.write('<script type="text/javascript" id="contentloadtag" defer="defer" src="javascript:void(0)"><\/script>');
    var contentloadtag = document.getElementById("contentloadtag")
    contentloadtag.onreadystatechange=function(){
        if (this.readyState=="complete"){
            alreadyrunflag=1;
            VanillaRunOnDomReady();
        }
    }
}

window.onload = function(){
  setTimeout("if (!alreadyrunflag){VanillaRunOnDomReady}", 0);
}

</script>

</head>
<body>

<?php // VARIABLES DE IDS
$a = ('ID  '. 3);
$b = ('ID  '. 1);
$c = ('ID  '. 6);
$d = ('ID  '. 5);
$f = ('ID  '. 2);
$g = ('ID  '. 4);
?>
<form action="" method="post">
<div name="b" style="display: none;"><?php echo $b; ?></div>
<div style="display: none;"><?php echo $f; ?></div>
<div style="display: none;"><?php echo $g; ?></div>
<div style="display: none;"><?php echo $d; ?></div>
<div style="display: none;"><?php echo $a; ?></div>
<!-- Por defecto -->
<div style="display: block;"><?php echo $c; ?></div>
</form>
<br>
<button style="margin-left:20px;" type="submit" value="Lanzar Dado" name="button" id="id_boton">¡Lanzar!</button>



</body></html>
Les doy una imagen de como es, (aún no he echo el css ni nada, ya que no he solucionado como sacar la id)
  #2 (permalink)  
Antiguo 04/09/2015, 09:35
Avatar de bymorr  
Fecha de Ingreso: septiembre-2012
Mensajes: 118
Antigüedad: 11 años, 7 meses
Puntos: 9
Respuesta: Como puedo sacar el id que se muestra en mi dado
Primero que todo trataría de hacerlo mas simple, utilizando funciones javascript o jquery.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script>
  4.     function lanzar_dado(){
  5.         posibles_numeros = 6 - 1 //Mayor - Menor
  6.         numero_dado = Math.random() * posibles_numeros;
  7.         var valor= Math.round(parseInt(1)+numero_dado);
  8.         document.getElementById("valor").value=valor;
  9.     }
  10.  
  11. </script>
  12.  
  13. </head>
  14.  
  15. <body>
  16. <input type="button" value="Lanzar" onclick="lanzar_dado()">
  17. <input type='text' id='valor' />
  18. </body>
  19. </html>

Ahora si quieres del modo que tu lo hiciste, puede que te sirva esto:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <title> DADO </title>
  4. <style type="text/css">
  5. span {display: none;}
  6. button {display: block;}
  7. </style>
  8. <script type="text/javascript">
  9. var VanillaRunOnDomReady = function() {
  10. var boton = document.getElementById("id_boton"),
  11.     cuarz = document.getElementsByTagName("div"),
  12.     total = cuarz.length,
  13.     forEach = Array.prototype.forEach;
  14. // var posicion=0;
  15. boton.addEventListener("click", function () {
  16.     var num=0;
  17.     var otro='';
  18.     var i = 0,
  19.      
  20.         intervalo = setInterval(function () {
  21.             if ((i += 100) < 3000) {
  22.                 var posicion = Math.floor(Math.random() * total);
  23.                 forEach.call(cuarz, function (estilo) {
  24.                     estilo.style.display = estilo == cuarz[posicion] ? "block" : "none";
  25.                     otro =posicion; // defino la posicion del id.
  26.                     
  27.                 });             
  28.             } else{
  29.                 console.log(otro);
  30.                 alert(otro);
  31.                 clearInterval(intervalo);
  32.                 
  33.             
  34.             } 
  35.         }, 100);
  36.         
  37. }, false);
  38.  
  39.  
  40. }
  41.  
  42. var alreadyrunflag = 0;
  43.  
  44. if (document.addEventListener)
  45.     document.addEventListener("DOMContentLoaded", function(){
  46.         alreadyrunflag=1; 
  47.         VanillaRunOnDomReady();
  48.         
  49.     }, false);
  50. else if (document.all && !window.opera) {
  51.     document.write('<script type="text/javascript" id="contentloadtag" defer="defer" src="javascript:void(0)"><\/script>');
  52.     var contentloadtag = document.getElementById("contentloadtag")
  53.     contentloadtag.onreadystatechange=function(){
  54.         if (this.readyState=="complete"){
  55.             alreadyrunflag=1;
  56.             VanillaRunOnDomReady();
  57.         }
  58.     }
  59. }
  60. function llamar(){  // creo funcion 
  61.     
  62. setTimeout("if (!alreadyrunflag){VanillaRunOnDomReady}", 0);
  63.  
  64. }
  65. // window.onload = function(){    //saque el window load y declare una funcion.
  66.   // setTimeout("if (!alreadyrunflag){VanillaRunOnDomReady}", 0);
  67. // }
  68.  
  69. </script>
  70.  
  71. </head>
  72. <body>
  73.  
  74. <?php // VARIABLES DE IDS
  75. $a = ('ID  '. 1);   // ordeno todo los arreglos
  76. $b = ('ID  '. 2);
  77. $c = ('ID  '. 3);
  78. $d = ('ID  '. 4);
  79. $e = ('ID  '. 5);
  80. $f = ('ID  '. 6);
  81. ?>
  82. <form action="" method="post">
  83. <div id='0' style="display: none;"><?php echo $a; ?></div> <!-- ordeno los arreglos -->
  84. <div id='1' style="display: none;"><?php echo $b; ?></div>
  85. <div id='2' style="display: none;"><?php echo $c; ?></div>
  86. <div id='3' style="display: none;"><?php echo $d; ?></div>
  87. <div id='4' style="display: none;"><?php echo $e; ?></div>
  88. <!-- Por defecto -->
  89. <div id='5' style="display: block;"><?php echo $f; ?></div>
  90. </form>
  91. <br>
  92. <button style="margin-left:20px;" type="button" onclick='llamar();' value="Lanzar Dado" name="button" id="id_boton">¡Lanzar!</button>
  93.  
  94.  
  95.  
  96. </body></html>

1.- saque window load. y lo cambie por una función para llamar a través de un onclick.
2.- ordene tus div y tus valores.
3.- en tu función declaro un campo otro el cual es la posición del div y que coincide con el id.

eso por lo menos cumple lo que tu necesitas, pero insisto hay formas mas fáciles y con menos lineas de código.
  #3 (permalink)  
Antiguo 05/09/2015, 08:50
 
Fecha de Ingreso: septiembre-2015
Mensajes: 3
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Como puedo sacar el id que se muestra en mi dado
Cita:
Iniciado por bymorr Ver Mensaje
Primero que todo trataría de hacerlo mas simple, utilizando funciones javascript o jquery.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script>
  4.     function lanzar_dado(){
  5.         posibles_numeros = 6 - 1 //Mayor - Menor
  6.         numero_dado = Math.random() * posibles_numeros;
  7.         var valor= Math.round(parseInt(1)+numero_dado);
  8.         document.getElementById("valor").value=valor;
  9.     }
  10.  
  11. </script>
  12.  
  13. </head>
  14.  
  15. <body>
  16. <input type="button" value="Lanzar" onclick="lanzar_dado()">
  17. <input type='text' id='valor' />
  18. </body>
  19. </html>

Ahora si quieres del modo que tu lo hiciste, puede que te sirva esto:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <title> DADO </title>
  4. <style type="text/css">
  5. span {display: none;}
  6. button {display: block;}
  7. </style>
  8. <script type="text/javascript">
  9. var VanillaRunOnDomReady = function() {
  10. var boton = document.getElementById("id_boton"),
  11.     cuarz = document.getElementsByTagName("div"),
  12.     total = cuarz.length,
  13.     forEach = Array.prototype.forEach;
  14. // var posicion=0;
  15. boton.addEventListener("click", function () {
  16.     var num=0;
  17.     var otro='';
  18.     var i = 0,
  19.      
  20.         intervalo = setInterval(function () {
  21.             if ((i += 100) < 3000) {
  22.                 var posicion = Math.floor(Math.random() * total);
  23.                 forEach.call(cuarz, function (estilo) {
  24.                     estilo.style.display = estilo == cuarz[posicion] ? "block" : "none";
  25.                     otro =posicion; // defino la posicion del id.
  26.                     
  27.                 });             
  28.             } else{
  29.                 console.log(otro);
  30.                 alert(otro);
  31.                 clearInterval(intervalo);
  32.                 
  33.             
  34.             } 
  35.         }, 100);
  36.         
  37. }, false);
  38.  
  39.  
  40. }
  41.  
  42. var alreadyrunflag = 0;
  43.  
  44. if (document.addEventListener)
  45.     document.addEventListener("DOMContentLoaded", function(){
  46.         alreadyrunflag=1; 
  47.         VanillaRunOnDomReady();
  48.         
  49.     }, false);
  50. else if (document.all && !window.opera) {
  51.     document.write('<script type="text/javascript" id="contentloadtag" defer="defer" src="javascript:void(0)"><\/script>');
  52.     var contentloadtag = document.getElementById("contentloadtag")
  53.     contentloadtag.onreadystatechange=function(){
  54.         if (this.readyState=="complete"){
  55.             alreadyrunflag=1;
  56.             VanillaRunOnDomReady();
  57.         }
  58.     }
  59. }
  60. function llamar(){  // creo funcion 
  61.     
  62. setTimeout("if (!alreadyrunflag){VanillaRunOnDomReady}", 0);
  63.  
  64. }
  65. // window.onload = function(){    //saque el window load y declare una funcion.
  66.   // setTimeout("if (!alreadyrunflag){VanillaRunOnDomReady}", 0);
  67. // }
  68.  
  69. </script>
  70.  
  71. </head>
  72. <body>
  73.  
  74. <?php // VARIABLES DE IDS
  75. $a = ('ID  '. 1);   // ordeno todo los arreglos
  76. $b = ('ID  '. 2);
  77. $c = ('ID  '. 3);
  78. $d = ('ID  '. 4);
  79. $e = ('ID  '. 5);
  80. $f = ('ID  '. 6);
  81. ?>
  82. <form action="" method="post">
  83. <div id='0' style="display: none;"><?php echo $a; ?></div> <!-- ordeno los arreglos -->
  84. <div id='1' style="display: none;"><?php echo $b; ?></div>
  85. <div id='2' style="display: none;"><?php echo $c; ?></div>
  86. <div id='3' style="display: none;"><?php echo $d; ?></div>
  87. <div id='4' style="display: none;"><?php echo $e; ?></div>
  88. <!-- Por defecto -->
  89. <div id='5' style="display: block;"><?php echo $f; ?></div>
  90. </form>
  91. <br>
  92. <button style="margin-left:20px;" type="button" onclick='llamar();' value="Lanzar Dado" name="button" id="id_boton">¡Lanzar!</button>
  93.  
  94.  
  95.  
  96. </body></html>

1.- saque window load. y lo cambie por una función para llamar a través de un onclick.
2.- ordene tus div y tus valores.
3.- en tu función declaro un campo otro el cual es la posición del div y que coincide con el id.

eso por lo menos cumple lo que tu necesitas, pero insisto hay formas mas fáciles y con menos lineas de código.
Ya, pero yo quiero que salga con animación xd, por eso me complico la vida, lo que necesito es sacar el numero de la variable "otro" que esta en js, quiero sacar ese numero en una variable php para poder hacer el sistema de premios

Aquí te dejo las variables ordenadas ya que salia una mayor a la del dado:
Código: 
<?php // VARIABLES DE IDS
$a = ('ID  '. 0);  
$b = ('ID  '. 1);
$c = ('ID  '. 2);
$d = ('ID  '. 3);
$e = ('ID  '. 4);
$f = ('ID  '. 5);
$g = ('ID  '. 6);
?>
<form action="" method="post">
<div id='0' style="display: none;"><?php echo $a; ?></div>
<div id='1' style="display: none;"><?php echo $b; ?></div>
<div id='2' style="display: none;"><?php echo $c; ?></div>
<div id='3' style="display: none;"><?php echo $d; ?></div>
<div id='4' style="display: none;"><?php echo $e; ?></div>
<div id='5' style="display: none;"><?php echo $f; ?></div>
<!-- Por defecto -->
<div id='6' style="display: block;"><?php echo $g; ?></div>
Última edición por Orbit; 06/09/2015 a las 11:19

Etiquetas: dado, html, muestra, variable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 15:22.