buenas...
@isabelramirezmontoya, creo que estás mezclando entornos. el código php se interpreta en el servidor. el cliente no puede condicionar si se interpreta o no una porción en particular. si miras el código fuente desde el navegador, debes notar que por ningún lado encuentras código php. y aunque lo hubiera, el navegador tampoco sabría como interpretarlo... primero porque no es al navegador quien le corresponde y segundo porque el navegador no tiene un interprete php. en fin, el contenido del include siempre va estar presente a no ser que sea condicionado a traves de php.
hay varias formas que puedes hacer para mostrar un contenido u otro en un lugar particular desde el cliente. por ejemplo, puedes tener dos bloques: el formulario y el mensaje. el mensaje se mantiene oculto hasta que se realice el envio. al momento de enviar los datos, se oculta el formulario y luego se muestra el mensaje. en este proceso también puedes programar el botón de cerrar la capa al momento de ocurrir un evento. es decir, cuando se envia el formulario haces las siguientes tareas:
- enviar el formulario
- ocultar el formulario
- mostrar el mensaje
- y programar el botón de cerrar
la parte de programar el botón de cerrar básicamente es manipular el evento onclick. al enviarse el formulario agregas otro evento onclick para que además de cerrar la capa, también esconda el bloque de mensaje, muestre el formulario, y elimine el evento recientemente agregado. la próxima vez que el usuario solicite mostrar el formulario, debe ver el formulario y el botón cerrar debería funcionar normalmente. esta técnica también la puedes emplear con ajax para cargar el formulario. todo dependerá que opción quieras utilizar.
@edit
un ejemplo de lo anterior usando dos bloques.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!-- saved from url=(0014)about:internet -->
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Base, development and inspection.</title>
<script type="text/javascript">
function byID(id){ return document.getElementById(id); }
self.onload = function(){
function restore_form(){
form.reset();
form.style.display = ""; message.style.display = "";
close.removeEventListener("click", restore_form, false);
}
var layer = byID("layer"), form = byID("form"), message = byID("message"), close = byID("close"), show = byID("show");
form.onsubmit = function(){ close.addEventListener("click", restore_form, false); form.style.display = "none"; message.style.display = "block"; return false; };
show.onclick = function(){ layer.style.display = "block"; };
close.onclick = function(){ layer.style.display = ""; };
};
</script>
<style type="text/css">
div#layer, p#message {
display: none;
}
div#layer {
border: thin solid black;
padding: .25em;
}
</style>
</head>
<body>
<button id="show">Show</button>
<div id="layer"><form id="form">Form <input value="Write something" name="name"><input type="submit" value="Send"></form>
<p id="message">Message</p><button id="close">Close</button></div>
</body></html>