Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » Mostrar datos en un DIV determinado

HTML - Mostrar datos en un DIV determinado

Volver
Nuevo Tema
<<>>
 
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
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

RE:Mostrar datos en un DIV determinado

Publicado por ScriptShow (409 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
sin imagen de perfil

Mostrar datos en un DIV determinado

Publicado por ODISEO (1 intervención) el 02/01/2017 19:04:15
Hola.

Yo uso la siguiente función:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!-- ODISEO Mostrar link en DIV -->
<script type="text/javascript">
 
function Cargar(url, target){
   var req;
   if (window.XMLHttpRequest) {
      req = new XMLHttpRequest();
   }
   else
 
      if (window.ActiveXObject) {
         req = new ActiveXObject("Microsoft.XMLHTTP");
      }
      document.getElementById(target).innerHTML = "Cargando data... un momento por favor<br>...";
      req.onreadystatechange = function()
      {
         if (req.readyState == 4)
         {
            if (req.status == 200)
            {
               document.getElementById(target).innerHTML = req.responseText;
            }
            else
            {
               document.getElementById(target).innerHTML = "Error";
            }
         }
      }
      req.open("GET", url, true);
      req.send("");
}
function MM_effectShake(targetElement)
{
	Spry.Effect.DoShake(targetElement);
}
</script>

Y en las opciones de mi menú lo invoco de la siguiente manera:

PARA LA OPCIÓN "Quiénes somos":

1
<a href="javascript:void(0);" onclick="Cargar('QuienesSomos.html','contenidos');">Quiénes somos</a>

PARA LA OPCIÓN "Visión":

1
<a href="javascript:void(0);" onclick="Cargar('vision.html','contenidos');">Visión</a>

Y ASÍ SUCESIVAMENTE PARA CADA UNA DE MIS OPCIONES DEL MENÚ.

Declaro la función en el HEAD

Espero te sirva.
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