HTML - Mostrar datos en un DIV determinado

   
Vista:

Mostrar datos en un DIV determinado

Publicado por Fabian (1 intervención) el 06/08/2008 02:05:59
Hola gente, una consulta: como se puede hacer para que lo que muestre un link, se despliegue en el DIV que yo le indique, ya que no logro hacerlo, he estado buscando en varios foros pero no he visto la solucion.
Es decir tengo una pagina con 3 DIV : un encabezado, luego un menu en la columna de la izquierda y a la derecha de ese menu (y debajo de encabezado) un DIV "Principal".
La idea es que cuando haga click en cualquiera de los hipervinculos del menu, lo que corresponda mostrar segun la opcion seleccionada se muestre en el DIV Principal si refrescar la pantalla. (estoy usando <A></A> con su href, pero el target no le puedo poner el nombre del DIV...)
Si alguien me puede dar una idea de donde buscar esta informacion o tiene alguna idea le agradeceré.
Gracias de antemano por el tiempo dispensado.
Fabian
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Mostrar datos en un DIV determinado

Publicado por ScriptShow (311 intervenciones) el 06/08/2008 14:50:55
Saludos Fabián,

si he entendido bien, hay una forma sencilla de hacerlo.

Por ejemplo:

<script>
function muestra(obj)
{
obj=document.getElementById('principal').innerHTML=obj;
}
</script>

<div id="principal" style="font-family:verdana;font-size:50px;color:#000000"></div>

<a href="#" onclick="muestra('Texto contenido 1');return false">link menu 1</a><br>
<a href="#" onclick="muestra('Texto contenido 2');return false">link menu 2</a><br>
<a href="#" onclick="muestra('<img src=img_01.jpg>');return false">link menu 3</a><br>
<a href="#" onclick="muestra('<img src=img_02.jpg>');return false">link menu 4</a><br>

Para mostrar texto y/o imágenes en el DIV. Puedes cambiar el texto por el que quieras, también el nombre de las imágenes, las etiquetas para otro objeto, etc.

Espero te sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Mostrar datos en un DIV determinado

Publicado por victor (1 intervención) el 16/12/2008 14:15:17
aca te dejo el codigo completo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function mostrardiv() {
div = document.getElementById('flotante');
div.style.display = '';
}
function cerrar() {
div = document.getElementById('flotante');
div.style.display='none';
}
</script>
</head>

<body>

<div id="mostrarDiv"><a href="javascript:mostrardiv();">Mostrar Div</a></div>
<div id="flotante" style="display:none;"> Este es un div flotante <br><a href="javascript:cerrar();"> presiona aquí para cerrar</a> </div>

</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Mostrar datos en un DIV determinado

Publicado por thomas (1 intervención) el 09/03/2009 20:32:27
=P
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar