Esconder uma div em php

pemoamsi · May 24, 2013 at 09:37 AM

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...

nelsonr · May 24, 2013 at 09:44 AM

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 May 24, 2013 at 09:46 AM by nelsonr

pemoamsi · May 24, 2013 at 09:46 AM

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?

NunoDinis · May 24, 2013 at 11:53 AM

O que queres fazer afinal ? Fazer aparecer/desaparecer uma div ?

nelsonr · May 24, 2013 at 11:55 AM

Eu tinha percebido que não queria o código visivel na pagina (ao usar o view source no browser).

Mas pelos vistos não deve ser isso

NunoDinis · May 24, 2013 at 11:59 AM

Não percebi isso, mas também não percebi muito bem o que quer. Vamos esperar 🙂

pemoamsi · May 24, 2013 at 03:19 PM

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

NunoDinis · May 24, 2013 at 03:52 PM

Com o javascript evitavas o reload à página.

pemoamsi · May 27, 2013 at 06:59 AM

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....

NunoDinis · May 27, 2013 at 08:12 AM

Provavelmente porque tinhas algum erro no javascript que estava a impedir o browser de interpretar os eventos.

linkinnshadow · May 27, 2013 at 11:27 AM

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

Sign In

Esconder uma div em php

Recommended Posts

pemoamsi

nelsonr

pemoamsi

NunoDinis

nelsonr

NunoDinis

pemoamsi

NunoDinis

pemoamsi

NunoDinis

linkinnshadow

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information