Tema: Como puedo sacar el id que se muestra en mi dado
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/09/2015, 09:35
Avatar de bymorr
bymorr
 
Fecha de Ingreso: septiembre-2012
Mensajes: 118
Antigüedad: 13 años, 1 mes
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.