Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: CrÄsH en 27 Marzo 2011, 00:39 am



Título: como modificar contenido div?
Publicado por: CrÄsH en 27 Marzo 2011, 00:39 am
Buenas, que sistema se usa normalmente para modificar el contenido de un div?

Os explico, la web que hago esta compuesta por 2 div's, uno en la parte izquierda con un menu y otro al lado con el contenido.
El menu esta compuesto por links(lo tipico en los menus), me gustaria que al darle al link que me cambiara el contenido del otro div, para que no tenga que cargar todo la pagina de nuevo(lo tipico).


Gracias




Título: Re: como modificar contenido div?
Publicado por: Graphixx en 27 Marzo 2011, 00:44 am
yo el mejor programa que he manejado para rediseñar un div es el Microsoft Web Expression 4 , no se si algun compañero con mas experiencia nos comparta algo mejor para diseñar divs, que tiene que haber.


Título: Re: como modificar contenido div?
Publicado por: CrÄsH en 27 Marzo 2011, 01:00 am
gracias por tu respuesta, pero me referia a codigo, no a soft.


Título: Re: como modificar contenido div?
Publicado por: Shell Root en 27 Marzo 2011, 01:11 am
JAVASCRIPT
Código
  1. <div id="divChange">PoC</div>
Now the code javascript
Código
  1. document.getElementById('divChange').innerHTML = "Shell Root was here";


Título: Re: como modificar contenido div?
Publicado por: CrÄsH en 27 Marzo 2011, 01:35 am
podrias ser mas explicativo?


Título: Re: como modificar contenido div?
Publicado por: Spider-Net en 27 Marzo 2011, 03:16 am
Yo te recomiendo que uses AJAX. He publicado algún ejemplo más de una vez en este foro:

http://foro.elhacker.net/desarrollo_web/libro_de_isitas_sin_que_se_vaya_la_pagina-t314936.0.html;msg1560115#msg1560115

http://foro.elhacker.net/php/ajax_not_defined-t255636.0.html;msg1238774#msg1238774


Título: Re: como modificar contenido div?
Publicado por: RedZer en 27 Marzo 2011, 03:24 am
Código
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Untitled Document</title>
  6. <script language="javascript" type="text/javascript">
  7. <!--
  8.   function llenarDIV(){
  9.      var obj = document.getElementById('destino');
  10.      obj.innerHTML = 'Cambio de texto';
  11.   }
  12. //-->
  13. </script>
  14. </head>
  15.  
  16. <body>
  17. <a href="#" onclick="llenarDIV()">Presiona</a>
  18. <div id="destino">DIV sin informacion</div>
  19. </body>
  20. </html>

hay un buen de info sobre lo que deceas


Título: Re: como modificar contenido div?
Publicado por: CrÄsH en 27 Marzo 2011, 03:46 am
con este codigo podre usar el div de frame?


Título: Re: como modificar contenido div?
Publicado por: RedZer en 27 Marzo 2011, 04:52 am
no dijiste que usabas frames :¬¬


Título: Re: como modificar contenido div?
Publicado por: jdc en 27 Marzo 2011, 11:08 am
Lo mejor es hacer una página por página por tema de seo, si hacés todo en una sola página te costara mucho posicionarla luego, te recomiendo no usar frames ni divs que cambien


Título: Re: como modificar contenido div?
Publicado por: CrÄsH en 27 Marzo 2011, 16:42 pm
no dijiste que usabas frames :¬¬

no uso frames, dije que keria usar un div como si fuera un frame.
Para que solo cambie un div(el contenido de la web) y k los menus se mantengan siempre y no se tengan k cargar cada vez que kiera ir a otro contenido.

Como se puede hacer esto?


Título: Re: como modificar contenido div?
Publicado por: RedZer en 27 Marzo 2011, 17:37 pm
aokas disculpa lei mal, y checaste el codigo que te plantie a rriba?


Título: Re: como modificar contenido div?
Publicado por: CrÄsH en 27 Marzo 2011, 18:21 pm
como pongo un link a un htm aki?
obj.innerHTML = 'Cambio de texto';


Título: Re: como modificar contenido div?
Publicado por: RedZer en 27 Marzo 2011, 18:25 pm
como pongo un link a un htm aki?
obj.innerHTML = 'Cambio de texto';


asi
obj.innerHTML = '<a href="#">Menu</a>';


Título: Re: como modificar contenido div?
Publicado por: Spider-Net en 27 Marzo 2011, 18:27 pm
como pongo un link a un htm aki?
obj.innerHTML = 'Cambio de texto';


Te he citado dos posts donde tienes la solución. Tú lo que pretendes es que te hagamos todo el trabajo y no te lo vamos a hacer. Te guiamos para hacerlo y te resolveremos las dudas, pero si ya tienes ejemplos hechos, en lugar de decir "y esto me sirve para lo que quiero?", por qué no lo pruebas y luego nos cuentas los problemas que tengas para implementarlo?

Yo te aseguro que con la información que tienes en este post, es información de sobra para hacer lo que quieres. Si no lo haces es porque es más cómodo que te lo den hecho, pero al menos yo, no te voy a hacer tu trabajo y creo que el resto de usuarios tampoco.

Suerte.


Título: Re: como modificar contenido div?
Publicado por: CrÄsH en 27 Marzo 2011, 18:38 pm
asi
obj.innerHTML = '<a href="#">Menu</a>';

creo k me exprese mal, lo k keria es:

poner un href de un link html aki:  <a href="#" onclick="llenarDIV()">Presiona</a>

para ver su contenido aki: obj.innerHTML = 'Cambio de texto';


Título: Re: como modificar contenido div?
Publicado por: CrÄsH en 28 Marzo 2011, 00:31 am
es posible hacerlo?
o solo se puede hacer con frames?


Título: Re: como modificar contenido div?
Publicado por: Spider-Net en 28 Marzo 2011, 14:40 pm
Para ti, con la actitud que tienes, desde luego es imposible.


Título: Re: como modificar contenido div?
Publicado por: jdc en 29 Marzo 2011, 17:17 pm
Es lo mismo que iba a decir. Lo mejor sería que contrataras a un programador si quieres ver terminada la web algún día.

Saludos


Título: Re: como modificar contenido div?
Publicado por: Nakp en 29 Marzo 2011, 18:01 pm
talvez entiendas un poco mejor leyendo esto
http://api.jquery.com/load/
http://www.chazzuka.com/blog/?p=88

happy codding ;)