Foros del Web » Creando para Internet » HTML »

Informacion entre 2 tablas

Estas en el tema de Informacion entre 2 tablas en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/11/2006, 14:46
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 221
Antigüedad: 14 años, 8 meses
Puntos: 7
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
  #2 (permalink)  
Antiguo 15/11/2006, 15:36
Avatar de yesik  
Fecha de Ingreso: octubre-2004
Ubicación: Orense
Mensajes: 292
Antigüedad: 13 años, 2 meses
Puntos: 1
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
  #3 (permalink)  
Antiguo 15/11/2006, 17:22
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
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!!!
  #4 (permalink)  
Antiguo 16/11/2006, 02:36
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 221
Antigüedad: 14 años, 8 meses
Puntos: 7
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
  #5 (permalink)  
Antiguo 16/11/2006, 14:02
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
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!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:51.