Tema: boton doble funcion
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 24/02/2016, 04:01
Avatar de jearj
jearj
 
Fecha de Ingreso: julio-2008
Mensajes: 72
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: boton doble funcion
Gracias Alexis88 por tu paciencia, estoy de acuerdo con trigo, aunque se te olvido mencionar algo muy significativo, que es la gran labor que hacéis con estos foros a la hora de embellecer y hacer más funcional la red. No es muy agradable ver la basura que nos encontramos al abrir ciertas Web, por no hablar de la estética.
Pero antes de que se te agote la paciencia, me gustaría abusar un poco más de tus conocimientos.

Este es el proyecto que estoy realizando:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
  3. <head>
  4.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
  5. <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  6. <script type="text/javascript" src="script.js"></script>
  7. <title>Marcador Billar para Tablet</title>
  8. <BGSOUND SRC="inicio.mp3">
  9. </head>
  10.  
  11. <body onLoad="ini();">
  12.  
  13. <style type="text/css"><!-- A:link {text-decoration:none} A:visited {text-decoration:none} --></style>
  14.  <audio id="audio1" src="aviso.MP3" preload="auto"></audio>
  15. <audio id="audio2" src="finalizado.MP3" preload="auto"></audio>
  16. <div id="wrapper">
  17.      <div id="header">
  18. <input class="Jugador1" type=text value=JUGADOR-1 onclick="javascript:inc_count('0');">
  19. <span class="Titulo">MARCADOR</span>
  20. <input class="Jugador2" type=text value=JUGADOR-2 onclick="javascript:inc_count('0');">
  21.      </div>
  22. <br style="clear:both;">
  23.      <div id="column_left">
  24.    <form name="calc">
  25. <input class="Entradas2" type="button">
  26. <input class="Marcador1" type="button" name="operando1" value="0" size="12" id="Marcador1" onclick="calcula('/'); PlaySound('prmedio.mp3');">
  27.      <input class="Promedio1" type="button" name="resultado" value="Promedio 1" size="12" onclick="resultado">
  28. <br style="clear:both;">
  29.      <div align="center" id="column_left2">
  30. <input class="Boton1" type=button value=1 onclick="inc_count1('Marcador1'); PlaySound('una.mp3');">
  31. <input class="Boton1" type=button value=2 onclick="inc_count2('Marcador1'); PlaySound('dos.mp3');">
  32. <input class="Boton1" type=button value=3 onclick="inc_count3('Marcador1'); PlaySound('tres.mp3');">
  33. <input class="Boton1" type=button value=4 onclick="inc_count4('Marcador1'); PlaySound('cuatro.mp3');">
  34. <input class="Boton1" type=button value=5 onclick="inc_count5('Marcador1'); PlaySound('cinco.mp3');">
  35. <input class="Boton1" type=button value=6 onclick="inc_count6('Marcador1'); PlaySound('seis.mp3');">
  36. <input class="Boton1" type=button value=7 onclick="inc_count7('Marcador1'); PlaySound('siete.mp3');">
  37. <input class="Boton1" type=button value=8 onclick="inc_count8('Marcador1'); PlaySound('ocho.mp3');">
  38. <input class="Boton1" type=button value=9 onclick="inc_count9('Marcador1'); PlaySound('nueve.mp3');">
  39. <br style="clear:both;">
  40.      <div id="column_left3">
  41. <input class="BotonMas1 BotonMas1-1" type=button value=+ onclick="javascript:inc_count1('Marcador1'); javascript:PlaySound('una.mp3');">
  42. <input class="BotonMenos1 BotonMenos1-1" type=button value=- onclick="javascript:inc_countMenos('Marcador1'); javascript:PlaySound('menos.mp3');">
  43.          </div>
  44.          </div>
  45.            </div>
  46.          <div align="center" id="column_centro">
  47.      <input class="BotonInicio" type=button value="INICIO" id="iniciar" onclick="document.location.reload();">
  48. <br style="clear:both;">
  49. <input class="Entradas" type="button" name="operando2" value="0" size="12" id="Entradas" onclick="calcula('/')">
  50. </form>
  51. <br style="clear:both;">
  52. <input align="center" class="BotonBorrar" type=button value=BORRAR onclick="javascript:inc_countBorrarEntradas(); javascript:PlaySound('entradaBorrada.mp3');">
  53. <input align="center" class="BotonEntradas" type=button value=ENTRADA onclick="javascript:inc_countSumarEntradas(); javascript:PlaySound('entrada.mp3');">
  54.  
  55. <br style="clear:both;">
  56.  
  57. <br style="clear:both;">
  58.     <p align="center" class="Tiempo" id="numero">50</p>
  59. <br style="clear:both;">
  60. <input align="center" class="BotonTiempo" type=button value="TIEMPO" onclick="PlaySound('tiempo.mp3'); cronometro();">
  61.            </div>
  62.          <div id="column_right">
  63. <form name="calc2">
  64. <input class="Entradas2" type="button" name="operando2" value="0" size="12" id="Entradas2" onclick="calcula('/')">
  65. <input class="Marcador2" type="button" name="operando3" value="0" size="12" id="Marcador2" onclick="calcula2('/'); javascript:PlaySound('promedio.mp3');">
  66.       <input class="Promedio2" type="button" name="resultado2" value="Promedio 2" size="12" onclick="resultado2">
  67.  </form>
  68. <br style="clear:both;">
  69. <div align="center" id="column_right2">
  70. <input class="Boton2" type=button value=9 onclick="inc_count9('Marcador2'); PlaySound('nueve.mp3');">
  71. <input class="Boton2" type=button value=8 onclick="inc_count8('Marcador2'); PlaySound('ocho.mp3');">
  72. <input class="Boton2" type=button value=7 onclick="inc_count7('Marcador2'); PlaySound('siete.mp3');">
  73. <input class="Boton2" type=button value=6 onclick="inc_count6('Marcador2'); PlaySound('seis.mp3');">
  74. <input class="Boton2" type=button value=5 onclick="inc_count5('Marcador2'); PlaySound('cinco.mp3');">
  75. <input class="Boton2" type=button value=4 onclick="inc_count4('Marcador2'); PlaySound('cuatro.mp3');">
  76. <input class="Boton2" type=button value=3 onclick="inc_count3('Marcador2'); PlaySound('tres.mp3');">
  77. <input class="Boton2" type=button value=2 onclick="inc_count2('Marcador2'); PlaySound('dos.mp3');">
  78. <input class="Boton2" type=button value=1 onclick="inc_count1('Marcador2'); PlaySound('una.mp3');">
  79. <br style="clear:both;">
  80. <div id="column_right3">
  81. <input class="BotonMas1 BotonMas1-2" type=button value=+ onclick="javascript:inc_count1('Marcador2'); javascript:PlaySound('una.mp3');">
  82. <input class="BotonMenos1 BotonMenos1-2" type=button value=- onclick="javascript:inc_countMenos('Marcador2'); javascript:PlaySound('menos.mp3');">
  83.          </div>
  84.          </div>
  85. </body>
  86. </html>


Ya sé que es una chapuza, pero funciona, y con eso me vale.

Como ves no me habéis hecho todo el trabajo, pero si una parte muy importante de ello, por lo que estoy muy agradecido.

Ahora para terminar lo que necesito es que el contador regresivo se pueda parar manualmente para poder reiniciarlo sin tener que esperar a que termine su cuenta regresiva.

Como habrás visto, es un marcador deportivo para el billar de carambolas a 3 bandas, al cual se le va a dar un buen uso por los sitios donde me muevo.

Como es de suponer, cuando un jugador acaba su turno, antes de el contador regresivo acabe, no se puede esperar que el contador acabe su cuenta regresiva para inicie su tuno el siguiente jugador, debe poder pararse la cuenta para volver a reiniciarla, y me da igual que use el mismo botón u otro botón.

Creo que esto es lo que necesito:

Código Javascript: 
Ver original
  1. <script>
  2. function funcion_reiniciar(){
  3. document.getElementById("id_formulario").reset();
  4. }
  5. </script>
  6.  
  7. <form id="id_formulario">
  8. <input type="button" value="Reiniciar" onClick="funcion_reiniciar();">
  9. </form>

Pero no sé cómo agregarlo al script para que funcione, y te puedo asegurar que he hecho varias pruebas inútiles.

Aquí tienes de nuevo el script de los ensayos:

Código HTML: 
Ver original
  1. <html>
  2. <HEAD>
  3. <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  4.         <title>Prueba1</title>
  5. <script type="text/javascript">
  6.  
  7. function PlaySound(path) {
  8.   var audioElement = document.createElement('audio');
  9.   audioElement.setAttribute('src', path);
  10.   audioElement.play();
  11. }
  12. </script>
  13.  
  14. <script type="text/javascript">
  15. function cronometro() {
  16.     var count = 20,
  17.         number = document.getElementById('numero'),
  18.         audio1 = document.getElementById("audio1"),
  19.         audio2 = document.getElementById("audio2"),
  20.         intervalo = setInterval(function(){
  21.             count--;
  22.             number.innerHTML = count;
  23.             if (count == 10){
  24.                 audio1.play();
  25.             }
  26.             if(count == 0){
  27.                 clearInterval(intervalo);
  28.                 audio2.play()
  29.             }
  30.         }, 1000);
  31. }
  32. </script>
  33. </HEAD>
  34. <body>
  35. <style type="text/css"><!-- A:link {text-decoration:none;img-decoration:none} A:visited {text-decoration:none;img-decoration:none} --></style>
  36.  <audio id="audio1" src="click.MP3" preload="auto"></audio>
  37. <audio id="audio2" src="entrada.mp3" preload="auto"></audio>
  38.  
  39.          <div align="center" id="column_centro">
  40. <br style="clear:both;">
  41. <br style="clear:both;">
  42. <p align="center" class="Tiempo" id="numero">20</p>
  43. <br style="clear:both;">
  44. <input align="center" class="BotonTiempo" type=button value="TIEMPO" onclick="cronometro(); PlaySound('tiempo.MP3');">
  45.            </div>
  46. </body>
  47. </html>

El marcador es una versión para Tablet y la verdad es que en la web funciona perfectamente, pero en androide los audios salen retardados lo cual es un coñazo. Y la versión .apk para instalarla y no necesitar internet para usarla, no me funciona los audios; aunque sería lo ideal que funcionaran porque el uso será prácticamente con Tablet.

Ya sé que soy un pesado, pero por favor

Saludos y Gracias por leerme y las molestias.
Última edición por jearj; 24/02/2016 a las 04:08