Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/04/2008, 08:26
Avatar de arielcasanova
arielcasanova
 
Fecha de Ingreso: octubre-2004
Ubicación: Bahía Blanca - Argentina
Mensajes: 332
Antigüedad: 20 años, 1 mes
Puntos: 1
mostrar y ocultar capas con css, javascript, php y mysql

Hola gente. Tengo un problema. Necesito mostrar un directorio de clientes como en los resultados de búsqueda de páginas doradas
(por ejemplo, http://www.paginasamarillas.com.ar/B...3Es&idFamilia=)

La idea es que al hacer click en "telefono" muestre el telefono, y al hacer click en dirección, oculte el telèfono y muestre la dirección, pero en principio, me conformo con un mosotrar/ocultar general para toda la info de contacto junta.

utilice el código que pego acá abajo, pero el problema es que como los resultados los obtengo desde una db en mysql, con php, funciona sòlo en el primer registro mostrado.
Si alguien puede ayudarme con algùn script, agradecido.

EL SCRIPT
<script>
// definiciones basicas
OCULTO="none";
VISIBLE="block";

function mostrar(blo) {
document.getElementById(blo).style.display=VISIBLE ;
document.getElementById('ver_off').style.display=V ISIBLE;
document.getElementById('ver_on').style.display=OC ULTO;
}

function ocultar(blo) {
document.getElementById(blo).style.display=OCULTO;
document.getElementById('ver_off').style.display=O CULTO;
document.getElementById('ver_on').style.display=VI SIBLE;
}
</script>

EL ECHO, dentro del WHILE de PHP:

echo " <tr>
<td>".$row['nombre']."</td>
<td>".$row['especialidad']."</td>
</tr>
<tr>
<td colspan=\"2\"><div id=\"ver_on\"><a href=\"#\" onclick=\"mostrar('bloque')\">Ver más</a></div>
<div id=\"ver_off\" style=\"display: none\"><a href=\"#\" onclick=\"ocultar('bloque')\">Ver menos</a></div>
<div id=\"bloque\" style=\"display: none\">".$row['telefono']." - ".$row['direccion']." - ".$row['mail']." - ".$row['web']."</div></td>
</tr>
";
__________________
Ariel Casanova
diseño y desarrollo web estratégico
www.emporia.com.ar