Saber sí se presionó un botón con javascript

[DavidGR15]

Buenas gente, necesito hacer algo como esto pero en JavaScript. Ayuda por favor.

Código PHP:

<?php
if(isset($_POST['enviar'])) {
?>
<center>Muestro código HTML</center>
<?php
}else{
?>
<hr>Muestro distinto código HTML<hr/>
<?php
}
?>
 

[ArturoGallegos]

usa la función onclick de javascript, con eso sabrás cuando se ha hecho click a un botón u otro elemento.

aunque recuerda solo funciona y es valido para la instancia en que te encuentres, el recargar la pagina o cambiar a otra no mantendrá los valores.

[DavidGR15]

No se como hacerlo, pero quiero que sea igual a como está el ejemplo que escribí arriba, sí presionó el botón que muestre algo sí no lo presionó muestra otra cosa.
***EDITADO***

Código Javascript:

<script type="text/javascript"> 
function show(){
document.write("<div style='color:blue;font-size:14px;'>aqui muestro el primer texto</div>");
}
</script>
 
<input type="button" onclick="show()" value="Continuar " />
 

Tengo una duda como le hago para utilizar las condicionales if, else para mostrar un segundo texto sí no se presiona el botón.

[rjulio21]

Supongo que si "no" se presiona el botón, entonces el texto a mostrar en ese caso debe estar desde el principio pues "aun" "no" se ha presionado el botón. cierto? O en caso contrario, que evento es el que determina que se hizo algo "distinto" a presionar el boton que tu quieres? hay algun botón adicional?

Código Javascript:

$( document ).ready(function(){
       if($("input=[type=submit]").on('click',function(){
                   if(this.value=='Enviar'){
                             //codigo para ese boton
                   }else if(this.value=="otro valor"){
                        //codigo para otro valor
                   }else{
                        //codigo del else
                   }
        });
});
 

Si es algo asi lo que quieres, tambien podrias usar un switch.

[DavidGR15]

rjulio21, sí es así ya lo he probado como lo comenté arriba, lo que quiero es tener un texto mostrándose pero sí lo doy click al botón que cambie el texto que se estaba mostrando, lo que pasa es que quiero que no se muestre al instante sino que salga a los 5 segundos pero no tengo idea de como hacerlo.

[ArturoGallegos]

con lo que deseas hacer se me ocurren 3 escenarios

1.- javascript

Código HTML:

<span onclick="mostrar('id1');">Mostrar</span>
<div id="id1" style="display:none;">mostrar contenido</div>
 

Código Javascript:

function mostrar(id){
       var xx = document.getElementById(id)
       if(xx.style.display=='none'){
            xx.style.display = 'block';
       }else{
            xx.style.display = 'none';
       }
    }
 

2.- jquery

Código HTML:

<span class="btn">Mostrar</span>
<div>mostrar contenido</div>
 

Código CSS:

.btn+div{display:none;}
.btn.sel+div{display:block;}
 

Código Javascript:

$('.btn').click(function(){
       if($(this).hasClass('sel')){
           $(this).removeClass('sel');
       }else{
           $(this).addClass('sel')
       }
    });
 

3.- html+css

Código HTML:

<input type="checkbox" id="f1" class="hidden" />
<label for="f1">boton</label>
<div>mostrar contenido</div>
 

Código CSS:

input[type="checkbox"].hidden,input[type="checkbox"]+label+div{display:none;}
input[type="checkbox"]:checked+label{color:#f00;}
input[type="checkbox"]:checked+label+div{display:block;}
 

[DavidGR15]

Creo que no me entienden que es lo que quiero, pero se los vuelvo a explicar:
tengo una página se está mostrando un contenido pero quiero que ese contenido cambie sí presiono el botón submit que tengo abajo de la página, en pocas palabras sólo quiero que cambie una parte de la página pero que lo haga parecido al php, no quiero que en cuestión de segundos cambie, quiero que la página cargue de nuevo pero que ya tenga el cambio de contenido que se mostrará.

[ArturoGallegos]

Mostrar un código es muy distinto a cargar un código, busca en google como usar AJAX, la función load o ajax de jquery

cualquiera de esas opciones te permitirá cargar contenido nuevo en tu pagina.

[DavidGR15]

Jejeje sí, pero me entendiste, muchas gracias por la ayuda voy a seguir buscando en google para ver sí doy con lo que necesito.

[patilanz]

Código Javascript:

button.onclick=function(){
    document.getElementById('cambiable').onclick=function(){this.innerHTML='otro texto';};
}
 

Código HTML:

<div id="cambiable">hola este es mi texto antes de pulsar el boton</div>
 

No lo he probado pero debería de funcionar si te refieres a esto??

[DavidGR15]

Gracias por la ayuda pero me las arreglare creando otro link con la otra información(no quería cambiar de link).
Bueno ahora tengo una pregunta:
¿puedo usar setTimeout después de que cargue la página por completo, quiero mostrar una imagen que diga cargando mientras se carga la página pero con el otro div oculto, luego que cargue toda la página que se ejecute la función setTimeout para que desaparezca la imagen de cargando y aparezca el contenido que estaba cargando de forma oculta. Me explico?