15/11/2006, 14:46
| |||
| |||
| Informacion entre 2 tablas Hola a todos, tengo una duda y no sé si se puede hacer... Imaginense que tengo una pagina con dos tablas, una a la derecha con unas fotos de personas y otra a la izquierda. Me gustaría que al hacer clic sobre una foto, apareciese en la tabla de la derecha la foto en grande de esa persona y su curriculum, a modo de ficha. Y lo mismo con el resto de fotos. Eso se puede hacer? o tengo que jugar necesariamente con marcos? Gracias por las respuestas Un saludo Chocovo |
|
15/11/2006, 15:36
| ||||
| ||||
| lo puedes hacer con capas <div> ocultando o mostrando la q kieras si bajas toda la informacion al cargar la página,, si lo q kieres es descargar de a bd según se pinche y no kieres recargar la página lo podrías hacer con AJAX salu2
__________________ Inmuebles de Galicia:: www.inmueblevirtual.net Compartir piso Galicia:: www.inmueblevirtual.net/foro |
|
15/11/2006, 17:22
| |||
| |||
| esto es algo basico... pero supongo que pueda servirte:
Código:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function cambiar(foto)
{
var contenedor = document.getElementById('contenedor');
contenedor.innerHTML = "<img src='"+foto+"' />";
}
-->
</script>
</head>
<body>
<a href="#" onclick="cambiar('foto_grande.jpg')"><img src="foto_chica.jpg" /></a>
<table>
<tr>
<td id="contenedor"></td>
</tr>
</table>
</body>
</html>
__________________ oohh... quisiera ser godines!!! |
|
16/11/2006, 02:36
| |||
| |||
| Gracias Safe, Estaba pensando usar frames para hacerlo pero podria probar el codigo que tu dices. Por lo que me parece (sin probarlo) lo que hace ese codigo es mostrar en grande la foto en la otra tabla, se podría tambien incluir unos parafos de texto? Muchas gracias Chocovo :D |
|
16/11/2006, 14:02
| |||
| |||
| claro:
Código:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function cambiar(foto,txt)
{
var contenedor = document.getElementById('contenedor');
contenedor.innerHTML = "<img src='"+foto+"' />"+txt;
}
-->
</script>
</head>
<body>
<a href="#" onclick="cambiar('foto_grande.jpg','<p>esta foto es muyyy chula!</p><p>esta foto es muyyy chula!</p>')"><img src="foto_chica.jpg" /></a>
<table>
<tr>
<td id="contenedor"></td>
</tr>
</table>
</body>
</html>
__________________ oohh... quisiera ser godines!!! |
