bucle php mostrar capas javascript

[juan09]

hola, lo q intento hacer es un un bucle en php q recorre una base de datos, y uno de los campos (mapa de google) me aparezca oculto, solo un titulo, y q al clickar sobre el (imagen globe) se despliegue el mapa. El problema es que siempre se despliega el primer mapa, porque claro el id de la capa div, essiempre el mismo. bueno les dejo el codigo a ver si lo entienden mejor

Código:

<?
$_sql = mysql_query("SELECT * FROM direcciones WHERE relacion = '$id'");
while ($row = mysql_fetch_row($_sql)){
echo '<tr><td colspan="2">';
echo $row[1];
$mapa = $row[2];

echo "&nbsp;&nbsp;<a href=\"#\" onclick=\"muestra_mapa('mapa');\" title=\"ver mapa\"><img src=\"images/globe.gif\" /></a>";
	

echo '</td></tr>';
echo '<tr><td colspan="2">';
echo '<div id="mapa">$mapa.'</div>';


echo '</td></tr>';
}//f while
?>

[Panino5001]

El id debe ser un identificador único: no puede repetirse en la página un id ya asignado. Agregale un número (debe empezar con letras, pero puede concatenársele un número) que vaya incrementándose en cada iteración de tu bucle.

[juan09]

si, pero entonces comohago para darle estilo a cada capa en css, porque en css no puedo hacer bucles

[caricatos]

Hola:

Los id no pueden repetirse pero las clases sí, y es lo que se usa para repetir los estilos.

Saludos

[juan09]

mm..ya lo imaginaba,pero no se como hacer,me puedes escribir un ejemplito a ver como quedaria. Gracias!

[caricatos]

Hola:

Un sencillo ejemplito:

<style type="text/css">
.rojo {
color: red;
}
.azul {
color:blue;
}

<table ><tbody>
<tr><td class="rojo">texto rojo</td></tr>
<tr><td class="azul">texto azul</td></tr>
<tr><td class="rojo">texto rojo</td></tr>
<tr><td class="azul">texto azul</td></tr>
<tr><td class="rojo">texto rojo</td></tr>
<tr><td class="azul">texto azul</td></tr>
</tbody></table>

En la sección style se antepone un punto al nombre que pones luego en el atributo class. Así de sencillo.

Saludos

[juan09]

si, pero para despues mostrar las capas cada una con un class de nombre distinto (una variable php con un numero que se incremente)

[juan09]

si utilizo clases en vez de id, no funciona porque la funcion q tengo hecha en javascript para mostrar el contenido de la capa utiliza el metodo
document.getElementById(kpa).style.visibility="vis ible"; y no hay un metodo
document.getElementByClass(kpa).style.visibility=" visible";

[caricatos]

Hola:

¿Y digo yo...?

Puedes poner un id único para cada elemento, y una clase única para todos los elementos que quieras discriminar...

Saludos