Jump to content

Recommended Posts

Posted

Bom dia,

Estou a pensar construir um buton para apresentar uma div, gostava de saber se é possível com php (se não lá terá de ser com javascript...).

Até agora tenho feito assim:

<!DOCTYPE html>
<html>
<head>
<script>  
function changediv() {
   if (document.getElementById("div_top1")) {
    document.getElementById("div_top1").innerHTML = Date();
    document.getElementById("div_top1").id = "div_top2";
   } else {
    document.getElementById("div_top2").innerHTML = "teste";
    document.getElementById("div_top2").id = "div_top1";
   }
}
</script>
    <style>
	    .top {
		    background-color: navy;   
		    color: white;
		    padding: 10px 10px 10px 10px;  
		    margin: 5px 5px 5px 5px;
	    }
	    .down {			
		    background-color: aqua;
		    padding: 10px 10px 10px 10px;
		    margin: 5px 5px 5px 5px;
	    }		
    </style>
   </head>
   <body>
    <div id="div_top1" class="top">This is a paragraph.</div>
    <div class="down"><button type="button" onclick="changediv()">Display Date</button></div>
   </body>
</html>

Este código permite mudar o que está a ser apresentado pela div, mas o que eu queria mesmo era ter o código na página "escondido, e assim que clickar no onclick="changediv()" é que ele me deveria carregar o código...

Posted (edited)

Por PHP nao estou a ver, so mesmo com javascript.

Ao clicar, chamava uma função que ia ler o conteúdo do DIV ao servidor por AJAX.

-- EDIT --

Outra hipotese será ao clicares chamar novamente a página com um parametro novo e no PHP, ao enviar o HTML, envia ja com o conteudo novo.

Edited by nelsonr
Posted

O meu problema é que se não "esconder" a DIV, todas as funcões de javascript deixariam de funcionar... tenho que ter o código "escrito"... penso eu. Que funções usavas de ajax?

Posted

Curioso o nelsonr não ter percebido a minha pergunta, que eu com a resposta que ele deu fiz o que queria... mas não era de todo ficar invisivel no view sorce, hehe

Acabei por fazer um button que envia por post uma variavel, e caso essa variavel esteja definida, ele apresenta a div (escondida), caso não esteja, ignora-a. Tive tanto tempo preso a tentar fazer em javascript que nem tinha pensado bem no caso do reload, A solução foi encontrada quando me disseste para chamar novamente a página

Posted

Com o javascript evitavas o reload à página.

Sim, mas com javascript só estou a ver da maneira que fiz... Tens outra sugestão? É que de outra maneira eu fiquei "sem funcões".

Tentando explicar melhor, eu tenho várias funções em javascript para "essa div", entre eles onclick, oncontextmenu, ondblclick, onmousedown... e todas elas deixaram de funcionar quando tentei por a aparecer por javascript....

Posted

Sim, mas com javascript só estou a ver da maneira que fiz... Tens outra sugestão? É que de outra maneira eu fiquei "sem funcões".

Tentando explicar melhor, eu tenho várias funções em javascript para "essa div", entre eles onclick, oncontextmenu, ondblclick, onmousedown... e todas elas deixaram de funcionar quando tentei por a aparecer por javascript....

Podes sempre utilizar css juntamente com php para ocultar ou colocar visivel um div

display:none;

isto se quiseres fazer alguma verificação server side, podes tambem utilizar ajax para o mesmo.

Caso não seja necessária qualquer verificação server side podes sempre utilizar javascript/jquery

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.