Hola a todos,
tengo un código muy sencillo en javascript y html que funciona bien si lo ejecuto desde un fichero htm pero, cuando añado el mismo código a mi fichero php, deja de funcionar.
No tengo ni remota idea de qué puede estar pasando. Pego el código:
<head>
<script>
function cambiarImagen(imagen) {
var elemento = document.getElementById("fondo");
elemento.src=imagen;
}
</script>
</head>
<body>
<table width=480px height=640px bgcolor=green>
<tr>
<td>
<img id="fondo"/>
</td>
</tr>
</table>
<a href="javascript:cambiarImagen('c:/Utilidades/img1.jpg')" >nombre articulo 1</a>
<a href="javascript:cambiarImagen('C:/Utilidades/img2.jpg')" >nombre articulo 2</a>
</body>
</html>
Este código, únicamente muestra dos enlaces y un hueco para una imagen. Al pulsar los enlaces aparece una imagen u otra.
¿Por qué si funciona perfectamente en un fichero html, cuando lo pego en un php no funciona?
Al pasar el puntero sobre el enlace, observo que, en la barra inferior del navegador, aparece la función javascript:cambiarImagen con la ruta correcta entre paréntesis, pero al pulsar, no hace absolutamente nada. Ni mensaje de error ni muestra la imagen, nada de nada.
El fichero php es correcto porque el resto de tablas y contenido aparece perfectamente, luego qué hago mal?
Lo he pegado todo al principio, dejando la función javascript dentro del head y nada. Agradecería cualquier ayuda o información.
Este es el código php:
<html>
<head>
<script>
function cambiarImagen(imagen) {
var elemento = document.getElementById("fondo");
elemento.src=imagen;
}
</script>
<title>Suresdata</title>
<link rel="STYLESHEET" type="text/css" href="css/estilos.css">
</head>
<!-- CSS -->
<link rel="stylesheet" href="css/estilos.css" type="text/css" />
<CENTER>
<table width=480px height=640px bgcolor=green>
<tr>
<td>
<img id="fondo"/>
</td>
</tr>
</table>
<a href="javascript:cambiarImagen('c:/Utilidades/img1.jpg')" >nombre articulo 1</a>
<a href="javascript:cambiarImagen('C:/Utilidades/img2.jpg')" >nombre articulo 2</a>
<table width="779px" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="779px" height="100px" valign="top">
<? include "logo_top.php";?>
</td>
</tr>
<tr>
<td height="50px" valign="top">
<? include "menu_sup.inc.php"; ?>
</td>
</tr>
<tr>
<td height="50px" valign="top">
<? include "menu_inf.inc.php"; ?>
</td>
</tr>
</table>
</CENTER>
</BODY>
</HTML>
