modulos dinamicos

johnwmartinez · 28 Marzo 2008, 15:24 PM

Hola, cordial saludo...

He visto en algunas paginas que cuando necesito llenar un formulario, al elegir mi pais, debajo de mi pais me sale una lista predeterminada con los departamentos de mi pais. Esto lo hace SIN actualizar la pagina, es decir, lo hace en tiempo real.

Otro ejemplo, es cuando uno en un formulario elige una opcion y al elegirla, la que esta debajo de esa se activa;

Otro ejemplo, es cuando vemos una flechita y al darle clic aparece una informacion adicional automaticamente sin actualizar la web (tiempo real).

No se como se llaman esa clase de aplicaciones pero necesito aprender a manejarlas y a programarlas...

¿Alguien me podria ayudar?

Espero que me haya hecho entender.

Que esten bien y ojala me ayuden con esta inquietud.

SirLanceCC · 28 Marzo 2008, 16:32 PM

CitarHe visto en algunas paginas que cuando necesito llenar un formulario, al elegir mi pais, debajo de mi pais me sale una lista predeterminada con los departamentos de mi pais. Esto lo hace SIN actualizar la pagina, es decir, lo hace en tiempo real.

AJAX

CitarOtro ejemplo, es cuando uno en un formulario elige una opcion y al elegirla, la que esta debajo de esa se activa;

Nada mas que javascript

CitarOtro ejemplo, es cuando vemos una flechita y al darle clic aparece una informacion adicional automaticamente sin actualizar la web (tiempo real).

javascript + CSS o aveces podría ser AJAX igual.

Si sabes manejar CSS y algo de javascript, deberías estar listo para AJAX.
Si quieres cuando llegue a mi casa te subo un ejemplo qui hice de AJAX.

PD: Esto no tiene mucho que ver con php, sería bueno pasarlo a Dudas Webmaster.

johnwmartinez · 28 Marzo 2008, 21:56 PM

Bueno, me imagine que era Ajax.

Si manejo un poco de todo: un poco de php, un poco de css, de javascript: pero no tengo ni idea del Ajax.

Me podria alguien ayudar con tutoriales o ejemplos en Ajax?

Gracias.

ActiveSheet · 29 Marzo 2008, 04:54 AM

Creo que esto te va a ayudar mucho.
contenido1.html, contenido2.html, contenido3.html y contenido4.html

esos documentos deben de existir xD junto con index.html

index.html

Código (javascript) [Seleccionar]

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejemplo de AJAX</title>
</head>
<script type="text/javascript">
<!--
//crear una variable de Bool para comprobar si el navegador es IE
var xmlhttp = false;
//Comprobar si estamos utilizando IE
try{
//si la versón de javascript es superior a 5.
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
//Si no, utiliza el tradicional objeto ActiveX
try{
//Si estamos utilizando IE
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch (E){
//En caso contrario debe tratarse de un navegador que no es IE
xmlhttp = false;
}}
//Si no estamos usando IE, creamos una instancia javascript del objeto.
if(!xmlhttp && typeof XMLHttpRequest != 'undefined'){
xmlhttp = new XMLHttpRequest();
}
function makerequest(serverPage,objID){
var obj = document.getElementById(objID);
xmlhttp.open("GET", serverPage);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
	obj.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send (null);
}
// -->
</script>
<body onload="makerequest('contenido1.html','mostrador'); return false;">
<div align="center">
<h1>Owner ActiveSheet</h1>
<a href="" onclick="makerequest('contenido1.html','mostrador'); return false;">Pagina 1</a> | 
<a href="" onclick="makerequest('contenido2.html','mostrador'); return false;">Pagina 2</a> | 
<a href="" onclick="makerequest('contenido3.html','mostrador'); return false;">Pagina 3</a> | 
<a href="" onclick="makerequest('contenido4.html','mostrador'); return false;">Pagina 4</a>
<div id="mostrador"></div>
</div>
</body>
</html>

Override · 29 Marzo 2008, 07:43 AM

Cita de: jwjunior en 28 Marzo 2008, 15:24 PM
Hola, cordial saludo...

He visto en algunas paginas que cuando necesito llenar un formulario, al elegir mi pais, debajo de mi pais me sale una lista predeterminada con los departamentos de mi pais. Esto lo hace SIN actualizar la pagina, es decir, lo hace en tiempo real.

Otro ejemplo, es cuando uno en un formulario elige una opcion y al elegirla, la que esta debajo de esa se activa;

Otro ejemplo, es cuando vemos una flechita y al darle clic aparece una informacion adicional automaticamente sin actualizar la web (tiempo real).

No se como se llaman esa clase de aplicaciones pero necesito aprender a manejarlas y a programarlas...

¿Alguien me podria ayudar?

Espero que me haya hecho entender.

Que esten bien y ojala me ayuden con esta inquietud.

Esas aplicaciones estàn usando AJAX como ya te dijeron...
si no sabes mucho de javascript y como usar el objeto XMLHttpRequests entonces serìa que busques usar Xajax (que es una implementaciòn del ajax en javascript pero en PHP) en el cual creas funciones en php y ya lo demàs pan comido con addassign, addalert etc.. =)
puedes manipular el dom, ejecutar scripts en la pagina, mostrar mensajes de alerta etc.. TODO DESDE PHP sin tener que tocar javascript...

un saludo!

johnwmartinez · 30 Marzo 2008, 23:16 PM

bueno, la verdad conozco un poquitin de php pero no he encontrado tutorialesm sonr elo que estas hablando. Me gustaria que me ayudaran a encontrar un poco de informacion o que me recomendaran una pag donde se especialicen en hablar del tema;

me gustaria poder programar mi propio editor WYSIWYG para un centro de noticias que quiero montar.

Gracias.

coolfrog · 31 Marzo 2008, 07:25 AM

lo que dicen aca es AHAH lo escuche por ahi y no AJAX por que no usas xml solo html, espero que ha alguien le sirva la aclaracion.