Ocultar capa segun parametro PHP

[erxaca]

Hola compañeros, tengo un script php en el que cuando le paso por parametro GET por ejemplo p=1 quiero que una capa se oculte pero no se por qué no lo logró. Este es ejemplo de como lo intento hacer:

Código HTML:

 <script type="text/javascript">
  <!--
  <?php if($_GET['p']==1) {
    echo "document.getElementById('masas').style.display='none';";
  } ?>
  //-->
  </script> 

Si recibo p=1 muestro el document.getElementById pero no me oculta la capa de esa manera, lo estoy haciendo mal? la línea js aparece en el código fuente correctamente.

Saludos!

[laratik]

hola erxaca, resulta que estas utilzando DOM y este funciona solo cuando se carga completamente la pagina, asi que por obligación deberas asignarle el evento onload, para que controle los elementos HTML. de esta forma:

Código PHP:

 <script type="text/javascript">
     window.onload = ocultar;
    function ocultar() {
      <?php if($_GET['p']==1) {
        echo "document.getElementById('masas').style.display='none';";
      } ?>
    }
  </script>  

Te recomiendo que investigues un poco más acerca del funcionamiento del DOM

[_cronos2]

Y yo te recomiendo que lo hagas con CSS XD

Código CSS:

#masas {
 // ...
 display:<?php echo $_GET['p'] == 1 ? 'none' : 'block' ?>
}
 

Saludos (:

[laratik]

me parece mejor la idea de _cronos 2

[erxaca]

PHP en el CSS???

laratik me podrías explicar lo de

resulta que estas utilzando DOM y este funciona solo cuando se carga completamente la pagina

No recargo la página completamente de la forma que presenté? El php será ejecutado a la vez que el html y se mostrará completamente el html no?

Te recomiendo que investigues un poco más acerca del funcionamiento del DOM

Si jejeje

Y gracias a ambos ;)

[laratik]

Una vez construido automáticamente el árbol completo de nodos DOM, ya es posible utilizar las funciones DOM para acceder de forma directa a cualquier nodo del árbol. Como acceder a un nodo del árbol es equivalente a acceder a "un trozo" de la página, una vez construido el árbol, ya es posible manipular de forma sencilla la página: acceder al valor de un elemento, establecer el valor de un elemento, mover un elemento de la página, crear y añadir nuevos elementos, etc.

es importante recordar que el acceso a los nodos, su modificación y su eliminación solamente es posible cuando el árbol DOM ha sido construido completamente, es decir, después de que la página XHTML se cargue por completo.

Por aca a la orden

[erxaca]

es importante recordar que el acceso a los nodos, su modificación y su eliminación solamente es posible cuando el árbol DOM ha sido construido completamente, es decir, después de que la página XHTML se cargue por completo.

te reitero mi pregunta:

No recargo la página completamente de la forma que presenté? El php será ejecutado a la vez que el html y se mostrará completamente el html no?

la pagina se ha generado completamente no?

[laratik]

Una respuesta rápida a tu pregunta: NO, haz de cuenta que primero cargas javascript y despues cargas HTML que ha sido pre formateado con PHP, de esta manera si lo colocas como lo estabas manejando javascript no va a tener árbol DOM y por lo tanto no va a tener un div sobre el cual trabajar.

Para que la sentencia que maneja DOM se ejecute correctamente debe esperar a que cargue HTML, para eso existe el evento onLoad.

No se si fui más claro.

[_cronos2]

Iniciado por laratik

Una vez construido automáticamente el árbol completo de nodos DOM, ya es posible utilizar las funciones DOM para acceder de forma directa a cualquier nodo del árbol. Como acceder a un nodo del árbol es equivalente a acceder a "un trozo" de la página, una vez construido el árbol, ya es posible manipular de forma sencilla la página: acceder al valor de un elemento, establecer el valor de un elemento, mover un elemento de la página, crear y añadir nuevos elementos, etc.

En realidad con que haya cargado el elemento al que te refieres puedes usar DOM, o al menos no me he encontrado ningún caso en el que no.

Iniciado por erxaca

te reitero mi pregunta:

No recargo la página completamente de la forma que presenté? El php será ejecutado a la vez que el html y se mostrará completamente el html no?

la pagina se ha generado completamente no?

Fíjate en esto:

Código PHP:

<script type="text/javascript">
 window.onload = ocultar;
 function ocultar() {
  <?php if($_GET['p']==1){ echo "document.getElementById('masas').style.display='none';" } ?>
 }
</script>
<!-- #masas -->
 

Y en esto:

Código PHP:

<script type="text/javascript">
 (function() {
  <?php if($_GET['p']==1){ echo "document.getElementById('masas').style.display='none';" } ?>
 })();
</script>
<!-- #masas -->
 

En los dos se genera el código JS desde PHP, pero fíjate en cuál de los dos funciona y por qué.
Saludos (:
PD: Aparte del evento onload, también puedes usar el atributo defer en el tag script (no es muy estándar creo) o moverlo al final de la página, justo antes de </body> .

[erxaca]

entonces me estais diciendo que el javascript se carga y ejecuta antes de que se cargue el html? por eso hay que hacer el onload no?

[_cronos2]

No, en realidad la página se carga línea por línea, pero si el JS está antes del código HTML se cargará/ejecutará antes.
Saludos :D

[laratik]

en realidad la página se carga línea por línea, pero si el JS está antes del código HTML se cargará/ejecutará antes.

exacto y lo más común es que se cargue el código javascript dentro del head, no esta muy bien visto que coloques javascript dentro del body.

Me remito a las fuentes que cite en mi mensaje anterior h t t p: / / www.librosweb.es /javascript /capitulo5 /acceso_directo_a_los_nodos.htm

[erxaca]

Muchas gracias a ambos ya lo entendí correctamente.

Laratik te falto la l en tu dirección ;) y enhrabuena si tu desarrollaste los libros de librosweb.es, me los he leido casi todos ;)

Por cierto hoy me han hablado del document.ready() de jQuery y es mas eficaz que el onLoad por el motivo de que no necesita cargar las imagenes, solo el html, la única deventaja si se considerá así es que hay que utilizar jquery y no simplemente javascript.

Saludos

[laratik]

Ya quisiera yo haberlos escrito , es un muy buen material para iniciarse en la programación web, referente a la función $(document).ready() tienes la razón en que es para JQuery, pero este framework esta basado en javascript, así que se deberia poder hacer algo parecido con javascript puro y duro, el todo es investigar como. SALUDOS.