Nueva pregunta

Pregunta:

Fecha: 06-02-2019 08:57:45 (En Español)

Evitar que el resultado de la función Javascript desaparezca [Resuelta]

Hola nuevamente por aca tengo el siguiente problema, cree un formulario con varias funciones de javascript el objetivo es que al dar click despliegue nuevas opciones este es el codigo
   <form action="" method="POST">
		<table style="margin: 50px 0px 0px 0px"><td style="padding-top: 10px;"><button id="boton" class="btn btn-danger">Camara 1</button></td><td style="padding: 15px 15px;"><h1 id="palets"></h1></td><td><h1 id="palet1"></h1></td></table>

   [code=js]
   <script>
			function palets(){
				document.getElementById('palets').innerHTML="<button id='bp1'>Palet 1</button><button>Palet 2</button><button>Palet 3</button><button>Palet 4</button>"
			}

			document.getElementById('boton').onclick = function(){
				palets();
			}

				function palet1(){
				document.getElementById('palet1').innerHTML="<?php echo'Hola';  ?>"
			}


			document.getElementById('bp1').onclick = function(){
				palet1();
			}
		</script>

</form>
[/code]

El codigo funciona perfectamente ya que despliega los botones Peeeroo resulta que no los mantiene apenas aparecen los botones desaparecen ose ala ejecucion de la funcion esta bien pero no se por que desaparece y no se mantiene en pantalla el resultado de la funcion

formulo nuevamente como evito que la funtion de javascript desaparezca la funcion es esta

  
function palets(){
				document.getElementById('palets').innerHTML="<button id='bp1'>Palet 1</button><button>Palet 2</button><button>Palet 3</button><button>Palet 4</button>"
			}

  document.getElementById('boton').onclick = function(){
palets();

}


gracias quedo atento a su respuestas
Etiquetas: HTML5 - Javascript - PHP Votos: 0 - Respuestas: 2 - Vistas: 12 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 06-02-2019 11:37:02 Hola..
    El porque te muestra y vuelve a ocultar es porque la funcion del boton dentro de un form es enviar el form, si prestas atencion a tu navegador veras que cada vez que pulsas el boton se recarga, es por eso que te muestra los botones hasta que el formulario se envia.

    Aqui te adjunto como lo modifique, tal vez te sea mas facil usar JQuery o Javascript pero de otra forma, ya que trabajar con los eventos en javascript para mi es mas complicado.

    Si lo haces con javascript, tal vez te conviene poner los elementos en el formulario y que inicien con un display none, luego con los eventos de los botones vas mostrandolos, de la forma que lo tenes ahora los elementos se van creando dinamicamente y tomar los eventos de esos elementos para mi no es muy facil. aqui va lo, espero te sirva.
    Saludos
    <form action="" method="POST">
            <table style="margin: 50px 0px 0px 0px"><td style="padding-top: 10px;"><button id="boton" class="btn btn-danger">Camara 1</button></td><td style="padding: 15px 15px;"><h1 id="palets"></h1></td><td><h1 id="palet1"></h1></td></table>
    </form> 
    


    <script>
    
                function palets(){
                    document.getElementById('palets').innerHTML="<button id='bp1'>Palet 1</button><button>Palet 2</button><button>Palet 3</button><button>Palet 4</button>"
                }
                /*document.getElementById('boton').onclick = function(){
                    palets();
                }*/
    
                document.getElementById("boton").addEventListener("click", function(event){
                	event.preventDefault()
                	palets();
                });
                    function palet1(){
                    document.getElementById('palet1').innerHTML="<?php echo'Hola';  ?>"
                }
                /*document.getElementById('bp1').onclick = function(){
                    palet1();
                }*/
    
    	        document.addEventListener('click',function(e){ 
    	    			if(e.target && e.target.id== 'bp1'){
    	    				e.preventDefault();
    	    				palet1();
    	    		}
    	    	});
            </script>
    
      Votos: 2 - Link respuesta
     
  • Fecha: 08-02-2019 10:03:29 Listo funciono Perfecto de echo lo utilice en varios archivos Gracias por la Ayuda   Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión