Hola a todos.
Saludos.
Tengo el siguiente código:
Código HTML:
<html>
<head>
<title>Sistema de Noticias</title>
<script>
function cambiar(){
document.getElementById('divXCambiar').innerHTML = "ADIOS";
}
</script>
</head>
<body>
<?php include('db-cnx.php'); ?>
<?php
$idurl = $_GET['id'];// Obtienes la id de la categoria seleccionada la cual enviaste por url
if (!empty($id)){// si existe un valor en la variable idurl hace lo siguiente
//las constantes de este case las cambias segun los id's de tus categorias
switch($idurl){
case $idurl = 1:
echo "<div id = \"divXCambiar\" style='float: none; width: auto; height: 150px; background: url(./images/banner-deporte.gif) no-repeat; clear: both;'></div>";
break;
case $idurl = 2:
echo "<div id = \"divXCambiar\" style=\"float: none; width: auto; height: 150px; background: url(./images/culturales1.gif) no-repeat; clear: both;\"></div>";
break;
case $idurl = 3:
echo "<div id = 'divXCambiar' style='float: none; width: auto; height: 150px; background: url(./images/banners_economia.jpg) no-repeat; clear: both;'></div>";
break;
case $idurl = 10:
echo "<div id = 'divXCambiar' style='float: none; width: auto; height: 150px; background: url(./images/internacionales.jpg) no-repeat; clear: both;'></div>";
break;
default: // esta opcion se activa si pasa un numero que no este en el rango de las categorias
echo "<div id = \"divXCambiar\" style=\"float: none; width: auto; height: 150px; background: url(./images/new_image0.gif) no-repeat; clear: both;\"></div>";
break;
}
}else{ // si NO existe un valor en la variable idurl hace lo siguiente
echo "<div id = \"divXCambiar\" style=\"float: none; width: auto; height: 150px; background: url(./images/new_image.gif) no-repeat; clear: both;\"></div>";
}
?>
<h1>Sistema de Noticias</h1>
<div style="float:left; width: 25%;">
<?php include('list-categoria.php'); ?>
</div>
<div style="float:right; width: 75%;">
<?php include('list-noticia.php'); ?>
</div>
</body>
</html> Con este código persigo que el contenido que tiene el div con el id divXCambiar cambie en dependencia de la opción del menu seleccionado. El fichero que tiene el menu es el list-categoria.php donde aparecen varias opciones.
Esto funciona pero solamente cuando cargo la página por primera vez, que en el div al cual le hice alusión aparece una imagen, luego cuando le doy a la opción deportivas me cambia y pone la imagen que he establecido para esta opción, pero para el resto de las opciones del menu no funciona, mantiene la misma imagen de la categoría deportiva. No se a que se debe esto.
Espero mehayan entendido.
Muchas Gracias.