Foros del web, para los que viven de bits

Hola a tod@s:

Estoy aprendiendo a separar las distintas capas de la programación web:

-datos (php)
-estructura (xhtml)
-comportamiento (java)
-estilo (css)

El problema que me encuentro es... ¿cómo se enlaza una capa con la otra? Es decir, ¿no hay ninguna etiqueta javascript en una pagina xhtml? ¿O ninguna etiqueta xhtml en un documento php? La verdad, estoy un poco perdido en ese aspecto.

Gracias por vuestras respuestas y vuestro tiempo.

pues esta bien separar por capas, es entender de que va cada herramienta, ahora bien hay herramientas que juntas crean un gran trabajo y otras que no juntan ni pegan, es el caso de php con Asp por ej son dos tecnologias de programacion pero no juntan ni pegan la una con la otra o sea no pueden coexistir las dos, en cambio XHTML se da bien con php css y javascript, juntas dan grandes logros, tambien las puedes mesclar con flash y ajax no hay problemas segun lo que quieras lograr...

es lo que te puedo aportar en estos momentos si quieres saber cual junta con cual etc... debes preguntarlo :) por que a lo mejor lo sabes

saludos

Gracias por tu respuesta, Kaninox, pero no iba por ahi mi pregunta. Voy a ver si me expreso mejor.

La página web está creada con php, xhtml, java y css, pero yo ensamblo los distintos lenguajes a lo bestia, es decir:

<a href="index.php" onclick="tal_funcion();">Este es el enlace numero <?php echo $num_enlace;?></a>

En esta sentencia lo que se ve perfectamente es que meto javascript (onclick="tal_funcion();") y php (<?php echo $num_enlace;?>) en el documento xhtml. El único lenguaje que puedo mantener totalmente separado es el css, que lo relaciono con el xhtml mediante "div id".

Esto es precisamente lo que yo pregunto. ¿Hay alguna especie de equivalente al "id" de css para javascript y para php?

Gracias.

pues obio man para ellos las clases en css :)

¡Ah! Entonces, puedo poner:

<div id="boton-play" class="boton-play-js"></div>

Y el compilador utiliza "boton-play" para poner el css en su lugar y "boton-play-js" para enlazar el archivo .js, ¿no? ¡Genial!

Y, ya que estamos, ¿que pasa con el php? ¿Cómo lo enlazo a la pagina xhtml?

Gracias por todas las respuestas, Kaninox.

mm... Estoy buscando y buscando pero me temo que no voy a tener mas remedio que meter las llamadas a las funciones php dentro del código XHTML.

¿No hay una forma más efectiva de separar PHP y XHTML?

Qué tal

No sé si acabo de comprender exactamente lo que quieres lograr. Si no entendí mal, tal vez este artículo pueda servirte (en el caso de que no lo hayas leído) http://jacobo.tarrio.org/ex/txt/mvc.html

Un saludo

Gracias, pero no es exactamente eso a lo que me refiero. Mira este código:

<table>
<?php foreach ($productos as $p) { ?>
<tr><td><a href="verproducto.php?id=<?=$p["id"]?>"><?=$p["nombre"]?></a></td>
<td><?=$p["cantidad"]?></td></tr>
<?php } ?>
</table>

Mezcla html y php. Lo que yo quiero decir es: ¿Esto es correcto? ¿O hay que separar totalmente html y php, cada uno en archivos separados, para trabajar con el modelo de las 4 capas de programación web?

nap es correcto lo de las capas na mas es pa distinguir en donde se mueven las herramientas con las cuales trabajas, eso lo debes tener claro ej..

php al lado del servidor
javascript lado cliente
html para pintar la web :P
etc...

eso es a lo que llamas capas el resto saber aplicarlo y por lo que veo esta muy bien ;)

saludos

Me parece que como modelo-vista-controlador habeis elegido un mal ejemplo.

Al fin y al cabo siempre se acaba embebiendo algo de código.

para mi lo que lo representa bien sería programar con strut, en el cual si que están bien definidas cada una de las capas.

modelo= los famosos javabeans que lo que hacen es que tienen, por decirlo de alguna forma, solo las variables y desde la vista se cogen los datos de aquí.

vista = jsp, html , el caso es representar los datos, la css pertenecería a esto.

controlador = el controlador es un servlet(programa para no extendernos) que tu le llamas y según de donde vengas el hace algo, luego te envia a otra página en funcion de lo que tu quieras.

esto para mi si lo representa bien.

Seguramente se puede hacer una imitación de este modelo con cualquier lenguaje pero Strut es el propio motor.

saludos.

Para lo que hicistes te propongo lo siguiente:

<?php

$htm="<table>
<tr>
<td>
<a href=\"verproducto.php?id=".$i."\">".$nombre."</a>
</td>
</tr>
</table>
";
echo $htm;

?>

Basicamente estariamos trabajando todo en php y dentro de el el codigo html, es una forma sencilla de trabajar si dominas el html