SoloCodigo

Que tal compañeros buen día.

Cómo se consigue hacer el efecto de este link:

http://bextlan.com/proyectos/alumnos/don-gato/personajes.html

Me refiero al efecto de que cuando le das click a uno de los personajes, se despliegue el texto de arriba y cuando se elije otro personaje, cierra el texto del personaje anterior y abre el nuevo texto del personaje elegido.

Muchas gracias por sus respuestas.

Dios les Bendiga y les Conserve la Salud.

Buen día compañeros.

Doy por concluido el tema, ya que yo mismo he encontrado la solución.

Saludos.

Buen día compañeros mi problema es el siguiente:

Estoy realizando un sitio web de una inmobiliaria. Tengo un buscador que me muestra las casas según la ciudad a la que pertenecen. Le incluí el sistema de paginación y funciona muy bien, excepto por un detalle, en el cual quisiera me echaran una mano:

tengo 8 registros de prueba en mi base de datos, de los cuales 7 pertenecen a la ciudad llamada "abasolo" y 1 pertenece a la ciudad de "monterrey", ahora bien la paginación la tengo por defecto para que muestre 6 viviendas por página;

al realizar la búsqueda de las 7 viviendas de abasolo, en la primer página se muestran las primeras 6 viviendas de abasolo, hasta aquí todo bien, pero al ir a la segunda página, ya no me muestra la vivienda #7 de abasolo, sino que me muestra la vivienda #3 de abasolo y también me muestra la vivienda de monterrey.

Me podrían ayudar a solucionar este problema?

dejo el código del archivo donde hago las búsquedas y de la librería que utilizo para que se realice la paginación, muchas gracias a todos y que Dios les Bendiga y les Conserve la Salud.

nombre del archivo: busca_grand_nl.php
<section id="contenedor_buscador">
    <aside id="izquierda">
<h4>Buscar Propiedades de Nuevo Le&oacute;n</h4><br>
<form name="form1" method="post" action="busca_grand_nl.php">
<label>B&uacute;squeda por Colonia:</label>
<input type="text" name="txtBusqueda" id="txtBusqueda">
<label>Elija Municipio*:</label>
<select name="selCiudad" id="selCiudad">
<option value="-1" selected>Ver todas las Propiedades</option>
<?php
$tablaciudades = mysql_query("SELECT * FROM municipios_monterrey ORDER BY nombre_mun ASC"); // Seleccionamos las ciudades de la tabla ciudades
while ($registrociudad = mysql_fetch_array($tablaciudades)) { // Vamos a repetir una Option (opcion), de la Lista Desplegable, por cada ciudad en la tabla
?>
<option value="<?php echo $registrociudad['id_mun']; ?>"><?php echo $registrociudad['nombre_mun']; ?></option>
<?php
} // termina la zona de repeticion
mysql_free_result($tablaciudades); // se libera la memoria usada por la tabla
?>
</select>

<input type="submit" name="cmdBuscar" id="cmdBuscar" value="&nbsp;Buscar&nbsp;">
</form>

<h5>Los campos marcados con (*) son obligatorios</h5>
</aside>
<article id="derecha">
<h2>Resultados de su b&uacute;squeda</h2>
<?php
$_pagi_sql = "SELECT propiedades.*, municipios_monterrey.* FROM propiedades, municipios_monterrey WHERE propiedades.id_mun = municipios_monterrey.id_mun ";
if (isset($_POST['txtBusqueda'])) {
$_pagi_sql .= " AND propiedades.colonia LIKE '%" . $_POST['txtBusqueda'] . "%' ";
if (intval($_POST['selCiudad']) > 0) {
$_pagi_sql .= " AND propiedades.id_mun = '" . intval($_POST['selCiudad']) . "'";
}
}
$_pagi_sql .= " ORDER BY municipios_monterrey.nombre_mun ASC";
//inicio de código para paginacion
$_pagi_conteo_alternativo=true;
$_pagi_cuantos = 6;
include("paginator.inc.php");
//fin de código para paginacion

$tabla = mysql_query($_pagi_sql);

/*de aqui hasta el "else{" es el codigo para poner el mensaje de "no se encontraron resultados y el "}" que cierra esta al final, despues de "mysql_close($conexion);".*/
$num_filas=mysql_num_rows($tabla);
if($num_filas==0){
echo "<center>No se encontraron resultados para su b&uacute;squeda</center>";
}
else{ //inicio de código para paginacion aqui se cambio ($tabla)) por ($_pagi_result))
while ($registro = mysql_fetch_array($_pagi_result)) 
{
?>

<?php $id = $registro['id_dir'];?><!--En esta línea del código va entre corchetes el id de la tabla propiedades-->


<div class="propiedades">
<img id="img_array"src="<?php echo $registro['imagen'];?>"/><br><br>
<label>Direccion:<?php echo $registro['direccion']; ?></label><br>
<label>Colonia:<?php echo $registro['colonia']; ?></label><br>
<label>Municipio:<?php echo $registro['municipio']; ?></label><br>
<label>Estado:<?php echo $registro['estado']; ?></label><br>
<label>Estatus:<?php echo $registro['estatus']; ?></label><br>
<img id="img_precio" src="../img/etiqueta_precio.png"/><label id="precio"><?php echo $registro['precio'];?></label><br>
<a href="detalles.php?id_dir=<?php echo $id?>"><img id="img_llave" class="fade" src="../img/llave_detalle.png"/></a><label id="llave">Ver Detalles</label>
</div>

<?php
}
?>
<!--inicio de código para paginacion-->
<?php echo"<br><div class='barra-navegacion'><p>".$_pagi_navegacion."</p></div>"; ?>
<!--fin de código para paginacion-->
<?php
mysql_free_result($tabla);
mysql_close($conexion);
}
?>

</article>
</section>
nombre del archivo: paginator.inc.php el sistema no me permite poner el código ya que es muy largo, pero aqui dejo el link de descarga del archivo:

http://www.desarrolloweb.com/articulos/ejemplos/paginator.inc.php.zip

Por cierto ya en otro foro sólo me dijeron que este problema se resuelve de la siguiente manera, pero como soy novato no sé cómo hacerlo, cito textualmente:

"lo unico que tenes que hacer es mantener los filtros cada vez que vaz paginando".

Muchas gracias a todos de antemano por sus respuestas Dios les Bendiga y les Conserve la Salud

Buen dia compañeros.

Mi pregunta es la siguiente: Cómo puedo crear mapas de google dinámicamente? Me explico con mayor detalle:

Estoy haciendo una página web para una inmobiliaria.
Los datos de cada casa los extraigo de una base de datos mediante un formulario de búsqueda hecho en php.

Cada casa tiene un enlace a la página llamada "detalles.php", aquí en esta página tengo todos los datos de cada casa los cuales se muestran dinámicamente, según la casa que elija ver.

Lo que me falta realizar es que cada casa tenga su ubicación mediante google maps.

Sé como incrustar google maps en una web, pero de manera estática, yo lo que necesito es que sea de manera dinámica. He estado buscando por toda la red, pero no he podido encontrar una explicación de cómo realizarlo, alguien me podría echar una mano comentándome dónde puedo encontrar la forma de realizarlo?

Lo que necesito es algo así como lo que tiene esta página, doy click en cualquiera de las casas que anuncian y me muestran en otra página la ubicación de cada casa en particular:

http://www.inmuebles24.com/inmuebles.html

Saludos, gracias de antemano!!!   

Hola Amigos Buenas tardes

Mi consulta es la siguiente:

¿Cómo puedo dar estilos a una tabla para que no parezca tabla?

dejo el link de una fotografía donde muestro mi tabla donde el contenido es extraido de una bd en mysql mediante código php:
http://www.subirimagenes.com/otros-incorrecto-9050802.html

y dejo el link de otra fotografía de un video-tutorial donde la tabla que hace esta persona le ha dado diseño CSS para que se vea más estética (a la cual me gustaría que se pareciese la mía):
http://www.subirimagenes.com/otros-correcto-9050804.html

antes de poner el código mi página se estructura de esta manera

arriba en el header esta el nav
enseguida un section y dentro de este un aside a la izquierda y un article a la derecha
en el aside esta el buscador y en el article se encuentra la tabla, para efectos de mejor visualización coloque el código a partir del section.

dejo mi código php
archivo llamado: busca_grand_nl.php
<section id="contenedor">
    <aside id="izquierda">
<h1>Buscar Propiedades de Nuevo Le&oacute;n</h1>
<form name="form1" method="post" action="busca_grand_nl.php">
<label>Buscar por Colonia:</label>
<input type="text" name="txtBusqueda" id="txtBusqueda"><br>
Seleccione Municipio*:
<select name="selCiudad" id="selCiudad">
<option value="-1" selected>Ver todas las Propiedades</option>
<?php
$tablaciudades = mysql_query("SELECT * FROM municipios_monterrey ORDER BY nombre_mun ASC"); // Seleccionamos las ciudades de la tabla ciudades
while ($registrociudad = mysql_fetch_array($tablaciudades)) { // Vamos a repetir una Option (opcion), de la Lista Desplegable, por cada ciudad en la tabla
?>
<option value="<?php echo $registrociudad['id_mun']; ?>"><?php echo $registrociudad['nombre_mun']; ?></option>
<?php
} // termina la zona de repeticion
mysql_free_result($tablaciudades); // se libera la memoria usada por la tabla
?>
</select>

<input type="submit" name="cmdBuscar" id="cmdBuscar" value="Buscar">
</form>

<h5>Los campos marcados con (*) son obligatorios</h5>
</aside>
<article id="derecha">

<table border="10" align="center" cellspacing="2" cellpadding="2">
<tr>
<th>Imagen</th>
<th>Dierecci&oacute;n </th>
<th>Colonia</th>
<th>Municipio</th>
<th>Estado</th>
<th>Plantas</th>
<th>Rec&aacute;maras</th>
<th>Ba&ntilde;os</th>
<th>Precio</th>
</tr>

<?php
$sql = "SELECT propiedades.*, municipios_monterrey.* FROM propiedades, municipios_monterrey WHERE propiedades.id_mun = municipios_monterrey.id_mun ";
if (isset($_POST['txtBusqueda'])) {
$sql .= " AND propiedades.colonia LIKE '%" . $_POST['txtBusqueda'] . "%' ";
if (intval($_POST['selCiudad']) > 0) {
$sql .= " AND propiedades.id_mun = '" . intval($_POST['selCiudad']) . "'";
}
}
$sql .= " ORDER BY municipios_monterrey.nombre_mun ASC";
$tabla = mysql_query($sql);
while ($registro = mysql_fetch_array($tabla)) {
?>
<tr>
<th><img src="<?php echo $registro['imagen'];?>" width="80" height="80"/></th>
<th><?php echo $registro['direccion']; ?></th>
<th><?php echo $registro['colonia']; ?></th>
<th><?php echo $registro['municipio']; ?></th>
<th><?php echo $registro['estado']; ?></th>
<th><?php echo $registro['plantas']; ?></th>
<th><?php echo $registro['recamaras']; ?></th>
<th><?php echo $registro['banos']; ?></th>
<th><?php echo $registro['precio']; ?></th>
</tr>
<?php
}
mysql_free_result($tabla);
mysql_close($conexion);
?>
</table>
</article>
</section>
<footer>
copyright@ todos los derechos reservados
</footer>
</body>
</html>
y dejo el código CSS (hasta el momento es lo que llevo de estilos)

archivo llamado estilos.css
th{
border: #4E6FFF 1px solid;

}


article#derecha, aside#izquierda{
background: #1e6381;
display: inline-block;
margin: .5em;
vertical-align: top;
}

article#derecha{
width:65%;
height: auto;
border: 4px solid black;
margin: 20px 0px 20px;
border-radius: 8px;
background: green;
}


aside#izquierda{
width:30%;
}
Gracias por todo, Dios les Bendiga y les Conserve la Salud.