Foros del Web » Creando para Internet » CSS »

Cambiar contenido divs

Estas en el tema de Cambiar contenido divs en el foro de CSS en Foros del Web. Buenas tardes a todos. Yo soy desarrollador flash, pero hoy me veo obligado a hacer una web en HTML La página en cuestión es para ...
  #1 (permalink)  
Antiguo 15/04/2011, 19:20
Avatar de DAMOVEAR  
Fecha de Ingreso: febrero-2008
Mensajes: 78
Antigüedad: 9 años, 9 meses
Puntos: 2
Pregunta Cambiar contenido divs

Buenas tardes a todos.

Yo soy desarrollador flash, pero hoy me veo obligado a hacer una web en HTML

La página en cuestión es para una radio online, por lo mismo, tendrá un reproductor integrado.

El problema justo está ahi,al tener un reproductor musical integrado, la transmisión se cortará cada vez que los usuarios hagan click en alguna otra sección, ya sea "servicios, productos", etc.

Lo que me planteé fue crear una página en DIVS, y encontrar la manera de SÓLO CAMBIAR el contenido del DIV con id=contenido.

Debo resaltar que "contenido" SIEMRPE SERÁ DEL MISMO TAMAÑO, pero no siempre será igual de estructura, por ejemplo, en la sección "EN VIVO" se mostrará una webcam que implementaré con livestream desde la cabinam al lado habrá un chat; en la sección "servicios sólo habrá texto, en contacto habrá un formulario, y así.

Otro detalle importane es que tengo los botones que alternarán lñas secciones en flash.

Entocnes... qué procedimiento debo seguir? por favor, soy muy novado en html, me encantaría un lenguaje "para niños".

Muchas gracias.
  #2 (permalink)  
Antiguo 15/04/2011, 19:51
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Cambiar contenido divs

investiga AJAX , eso te servira
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 15/04/2011, 20:03
Avatar de iwexcoder  
Fecha de Ingreso: mayo-2009
Ubicación: San Carlos de Bariloche
Mensajes: 404
Antigüedad: 8 años, 6 meses
Puntos: 16
Respuesta: Cambiar contenido divs

Creo que lo mejor es usar AJAX y acceder al contenido de forma asincronica. Estudia Javascript, DOM, XML, y el objeto XMLHttp

Saludos
__________________
iWexCoder.com - Programación - Desarrollo Movil - Programación Web www.iwexcoder.com
  #4 (permalink)  
Antiguo 15/04/2011, 20:21
Avatar de DAMOVEAR  
Fecha de Ingreso: febrero-2008
Mensajes: 78
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Cambiar contenido divs

Pues si, tenian razón, ajax es exactamente lo que busco.

Me puse a desarrollar conciensudamente un tutorial (no solo copiar y pegar) pero la cosa esta no funciona, me preguntaba si podría ayudarme a hallar el error.

INDEX.HTML:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es" xml:lang="es">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>As&iacute;ncrono Javascript y XML</title>

<link href="estilos.css" rel="stylesheet" type="text/css">

<script language="JavaScript" type="text/javascript" src="codigo.js"></script>

</head>

<body>



<div id="menu"> <a href="javascript:llamarasincrono('1.html', 'contenedor');">El sentido del tacto</a> <a href="javascript:llamarasincrono('2.html', 'contenedor');">Sensaciones</a> </div>

<div id="contenedor">

<h3>En esta capa se cargar&aacute; as&iacute;ncronamente dos fragmentos de c&oacute;digo (x)html.</h3>

<p>Escoger una opci&oacute;n del men&uacute;... </p>

</div>

</body>

</html>
CODIGO.JS:
Cita:
function llamarasincrono (url, contenedor)

{

var pagina_requerida = false;

if (window.XMLHttpRequest)

{

// Si es Mozilla, Safari etc

pagina_requerida = new XMLHttpRequest ();

} else if (window.ActiveXObject)

{

// pero si es IE

try

{

pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");

}

catch (e)

{

// en caso que sea una versión antigua

try

{

pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");

}

catch (e)

{

}

}

}

else

return false;

pagina_requerida.onreadystatechange = function ()

{

// función de respuesta

cargarpagina (pagina_requerida, contenedor);

}

pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send

pagina_requerida.send (null);

}

// todo es correcto y ha llegado el momento de poner la información requerida

// en su sitio en la pagina xhtml

function cargarpagina (pagina_requerida, contenedor)

{

if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))

document.getElementById (contenedor).innerHTML = pagina_requerida.responseText;

}
EN LA MISMA RAIZ TENGO LOS DOS ARCHIVOS DEPENDIENDES 1.html y 2.html.

Revisé 5000 veces y todo parece bien, dónde está el errors?
  #5 (permalink)  
Antiguo 16/04/2011, 01:57
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Cambiar contenido divs

Deberías pedír que te muevan tu tema al foro de ajax, seguro obtendras mayor ayuda de la que puedes encontrar en este foro de css
saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: contenido, divs, flash
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 23:34.