Hola,
tengo unas noticias en una base de datos que saco con php, en un principio solo muestro los titulos, la foto de portada y los resumenes.
Consigo que si hago click en el titulo me salga la noticia entera donde quiero y que al volver a clickar o darle a cerrar se cierre. Hasta aquí todo bien.
Lo que no consigo (de hecho no se si se puede) es poder clickar en el titulo o en la imagen indistintamente y que se expanda la noticia entera. Cuando le doy a la imagen me sale el # en la url pero no hace nada.
Otra opcion que habia pensado era meterlo todo en un div y que al clickar ese div (en qualquier parte, así se incluye el titulo, la foto y el resumen) se muestre la noticia.
Os pongo el codigo de esa parte.
Código Javascript
:
Ver original$(function(){
$("#mostrar1").click(function(event) {
event.preventDefault();
$("#caixanew1").slideToggle();
});
$("#caixanew1 a").click(function(event) {
event.preventDefault();
$("#caixanew1").slideUp();
});
(caixanew i mostrar)
Hay 5 elementos numerados (caixanew i mostrar) pq listo las noticias de 5 en 5, todas con el mismo codigo. En el php le indico cual es cual.
Código PHP:
Ver original$i=1;
{
$nid=$row[newid];
$result2=mysql_query("SELECT ruta,nom FROM fotonews WHERE newid=$nid");
echo '<h2>';
echo "<a href=\"#\" id=\"mostrar".$i."\">";
echo "$row[titol]";
echo "</a>";
echo "</h2><br /><p>";
{
echo "<a href=\"#\" id=\"mostrar".$i."\">";
echo "<img src=".$row2['ruta']." />";
echo "</a>";
}
echo "$row[resum]";
echo "</p><br /><br />autor: ";
echo "$row[autor]";
echo " | ";
echo "$row[data]";
echo " | ";
$tema2=mysql_query("SELECT * FROM tema_news WHERE temaid=$row[tema]"); {
echo "$row[apartat]";
}
echo "<div id=\"caixanew".$i."\">";
$result=mysql_query("SELECT * FROM news WHERE newid='$nid'"); {
echo "$row2[article]";
echo "<a href=\"#\" class=\"close\">Tancar [x]</a>";
}
echo "</div>";
$i=$i+1;
}
Grácias!