Pasar este codigo en html y funciones javascript a libreria.php ¿COMO?

heyman · #1 (**permalink**) 18/12/2003, 17:56

Hola que tal
Este codigo a continuacion es muy repetitivo pues va en todas las web,
es parte del encabezado,
y pense en convertirlo en una libreria.php o sino libreria.js, la que sea mejor.
Ya intente transformarlo en libreria.php pero no funciona,
ya se que en la pagina
donde se le llama se debe poner <? include libreria.php?> despues del <head>
y poner en cuerpo algo como <? encabezado() ?>(la llamada a la funcion).
Pero el problema es que como contiene funciones javascript no se como hacerlo,
ya intente poniendole echo " "; a todas las lineas, despues intente tambien
poner algo como <link href ....archivo.js>
para poner las funciones en otro archivo y poner al resto echo " " ;
pero no funciona, para ser mas concreto si se ve toda la web pero
el efecto de pasar el mouse sobre la celda para que esta cambie de
color no funciona, el fondo de la celda se ve negro,
quisiera alguna sugerencia para convertirlo en libreria asi me ahorraria trabajo,
aqui va el codigo, lo dejo tal como esta en la web( aqui el codigo funciona)
antes de intentar convertirlo a libreria.php

<html>
<head>
<title>web_personal</title>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</head>
<body leftMargin=0 topMargin=0
marginheight="0" marginwidth="0" rightmargin=0 bottommargin=0>
<table align="center" width="100%" height="100%">
<tr>
<td heigth="30">
<table bgcolor=green width="100%">
<tr>
<td width="50"></td>
<td width="30" onclick="mClk(this);" onmouseout="mOut(this,'#3366cc');" onmouseover="mOvr(this,'#3399ff');" vAlign="center" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="" height="12"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="><font face="arial" size="1">php</font></a></td>
<td width="50"></td>
<td width="30" onclick="mClk(this);" onmouseout="mOut(this,'#3366cc');" onmouseover="mOvr(this,'#3399ff');" vAlign="center" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="" height="12"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href=><font face="arial" size="1">Asp</font></a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Gracias de antemano por su ayuda y sugerencias, Hasta pronto

Cluster · #2 (**permalink**) 19/12/2003, 06:22

Lo própio sería usar un ".js" llamado desde HTML con su sentencia particular:

<script language="JavaScript" src="funciones_javacript.js"></script>

Por lo menos para tus funciones javascript que usas. (va en el <head></head> y en tu "funciones_javascript.js NO debes usar otra vez <script languaje=javascript .. etc.. Sólo las funciones javascript. Si tienes dudas con esto pregunta en el foro de Javascript.

Y si quisieras hacer lo mismo bajo un include() de PHP .. En PHP existe la sintax denominada "Here DOC" que te permite hacer cosas como:

Código PHP:

  echo <<<HTML 
   tu código HTMl/javascript y llamadas a $variables PHP sin tener que escapar comillas dobles . o pasarlasa simples. 
HTML;

Un saludo,

heyman · #3 (**permalink**) 21/12/2003, 20:48

Gracias por contestar y Cluster.

Las funciones en Javascript que utilizaba en la cabecera ya las deseche, fui al Faqs de javascript
y extraje un codigo más sencillo
para cambiar el color a una celda cuando pasa el mouse.
aqui esta el codigo que directamente va en la tabla:
<td onmouseover='this.style.background="red"' onmouseout='this.style.background="green"'>

Sin embargo después hice una funcion:

Function encabezado(){
echo <<<HTML
aqui va el codigo de encabezado HTML;
}

y la llame desde la pagina principal, se ve la página pero las celdas con el efecto javascript
se ven con fondo oscuro, es decir el efecto javascript no funciona, por eso tengo todo el
encabezado en cada pagina para que el efecto funcione, pero sería bueno convertirlo en libreria.
¿Como se puede hacer para que el javascript conviva con el PHP sin problemas?
¿Que es lo que falta o que error estoy cometiendo?.
Gracias de antemano por su ayuda y sugerencias. Hasta pronto.

Cluster · #4 (**permalink**) 23/12/2003, 10:07

Pues PHP y otros lenguajes del lado del cliente (lease: javascript, HTML, CSS .. etc) conviven bien .. Algún problema tendras con el código generado.

Lo ideal es que revises el HTML generádo y veas si tus CSS y demás funciones javascirpt están en su lugar.

Un saludo,