pemoamsi 0 Report post Posted May 24, 2013 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... Share this post Link to post Share on other sites
nelsonr 330 Report post Posted May 24, 2013 (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 May 24, 2013 by nelsonr Share this post Link to post Share on other sites
pemoamsi 0 Report post Posted May 24, 2013 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? Share this post Link to post Share on other sites
NunoDinis 33 Report post Posted May 24, 2013 O que queres fazer afinal ? Fazer aparecer/desaparecer uma div ? Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
nelsonr 330 Report post Posted May 24, 2013 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 Share this post Link to post Share on other sites
NunoDinis 33 Report post Posted May 24, 2013 Não percebi isso, mas também não percebi muito bem o que quer. Vamos esperar Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
pemoamsi 0 Report post Posted May 24, 2013 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 Share this post Link to post Share on other sites
NunoDinis 33 Report post Posted May 24, 2013 Com o javascript evitavas o reload à página. Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
pemoamsi 0 Report post Posted May 27, 2013 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.... Share this post Link to post Share on other sites
NunoDinis 33 Report post Posted May 27, 2013 Provavelmente porque tinhas algum erro no javascript que estava a impedir o browser de interpretar os eventos. Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro. ndsotware.org Share this post Link to post Share on other sites
linkinnshadow 0 Report post Posted May 27, 2013 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 Share this post Link to post Share on other sites
