En este grupo En todos

Grupo de Ajax



DOM javascript

Felipe
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Con este debate y por medio de código probado y comprobado entenderemos más de javascript.

Primero que es el DOM (Document Objec Model).

La creación del Document Object Model o DOM es una de las innovaciones que más ha influido en el desarrollo de las páginas web dinámicas y de las aplicaciones web más complejas.

DOM permite a los programadores web acceder y manipular las páginas XHTML como si fueran documentos XML. De hecho, DOM se diseñó originalmente para manipular de forma sencilla los documentos XML.

Y que es XHTML?

El lenguaje XHTML es muy similar al lenguaje HTML. De hecho, XHTML no es más que una adaptación de HTML al lenguaje XML. Técnicamente, HTML es descendiente directo del lenguaje SGML, mientras que XHTML lo es del XML (que a su vez, también es descendiente de SGML).


Y bueno, esto es solo el inicio. Ya tendremos más de DOM javascript

Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Hablemos de la sintaxis javascript:

1) No se tienen en cuenta los espacios en blanco y las nuevas líneas

2) Se distinguen las mayúsculas y minúsculas

3) No se define el tipo de las variables

4) No es necesario terminar cada sentencia con el carácter de punto y coma

5) Se pueden incluir comentarios

Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Limitaciones

JavaScript fue diseñado de forma que se ejecutara en un entorno muy limitado que permitiera a los usuarios confiar en la ejecución de los scripts. De esta forma, los scripts de JavaScript no pueden comunicarse con recursos que no pertenezcan al mismo dominio desde el que se descargó el script. Los scripts tampoco pueden cerrar ventanas que no hayan abierto esos mismos scripts. Los scripts no pueden acceder a los archivos del ordenador del usuario (ni en modo lectura ni en modo escritura) y tampoco pueden leer o modificar las preferencias del navegador.

Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Evidentemente debe tener aún más limitaciones.... Para mi esas son las más severas en cuanto a el alcance

Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Nuestro primer código:

Esto debe estar entra la etiqueta <head></head>

<script type = "text/javascript" >
alert("Hola grupos emagister");
</script>
Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Ahora, esto lo podemos separar así:

Código HTML:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. Dtd">
<html xmlns= "https://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset=iso-8859-1" / >
<title> Ejemplo 1 sin etiqueta <nonscript ></title>
<script type = "text/javascript" src = "mensajes. Js" > </script>
</head>

<body>
<p> Esta página muestra 2 mensajes </p>
</body>
</html>

Código Js:

// Al cargarse el archivo JavaScript, se verá esta mensaje
alert ( "Hola Mundo!" ) ;

// Despues del primer mensaje, se muestra el segundo mensaje
alert ( "Soy el primer script" ) ;
Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Mejorando el código:


<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. Dtd" >
<html xmlns= "https://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=iso-8859-1" />
<title> Ejemplo 2 sin etiqueta <nonscript > </title>

<script type= "text/javascript" >
var mensaje = "Grupo emagister! \n Qué facil es incluir ' comillas simples ' \n y " comillas dobles " " ;
alert ( mensaje ) ;
</script>
</head>

<body>
<p>mostramos un alert más complejo</p>
</body>
</html>
Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 03/06/2009 | Nivel Medio

Resalten dudas que puedan tener y cosas que les gustaría saber si se pueden hacer o no, y en el caso que se puedan mostraré como.

Fernando Andrés Pérez Alarcón
Ingeniero de sistemas fundacion univer...
Escrito por Fernando Andrés Pérez Alarcón
el 16/06/2009 | Nivel Medio

Felipe tiene por casualidad unos ejemplos sobre eventos de javascript con php desde mysql

es que resulta que estoy haciendo una aplicacion para una inmobiliaria y voy acrear en 3 pasos la con sulta de inmubeles de forma avanzada

todo esto esta dentro de unnos dos tabs (pestañas)ventas y arrendamientos

una tabla de tres columnas asi:

a la izquierda estan unos radio buton (por categoria, por estrato, por precio, por región, por pais, por departamento o zonas, por municipio)


al medio pues elementos de formularios segun seleccionde un radio buton

por ejemplo si se seleccionó por categoria que este radio me quede chekeado y aparezca en la columna del centro una lista de inmuebles por categoria si existe y al lado el numero de inmuebles existentes

es decir todos los elementos y eventos que aparezcan sean solo de la columna del centro obviamente correspondiente al radio buton seleccionado

y en la tercera columna un contenido que muestre los pasos o filtros que se haya realizado para la consulta

Fernando Andrés Pérez Alarcón
Ingeniero de sistemas fundacion univer...
Escrito por Fernando Andrés Pérez Alarcón
el 17/06/2009 | Nivel Medio

Cóomo puedo unir el dom con ajax mediante javascript, para insertar xml en un sistema rss?

tiene un ejemplo básico si nos es mucha molestia.....

Felipe Cáceres
Tecnologia en informatica universidad ...
Escrito por Felipe Cáceres
el 17/06/2009 | Nivel Medio

Para la primera pregunta me gustaría que contextualizaras más que son esos eventos en js. Osea, se que necesitas unos filtros para los resultados de las busquedas. Eso es claro en php. Lo que no es claro son los eventos, quieres que por medio del focus o move haga algo el js?.

Ahora bien, si entendí, es fácil; Voy a darte un ejemplo de como hacer algo similar pero muy útil. Trabajas con php 4 o 5?

Regalame tu correo y te enviare los dos ejemplos.

El dom para leer rss es algo complejo de entender y explicar pero hay una herramienta buenisima de google. Te enviaré de igual forma el ejercicio completo de ajax feeds rss para que lo implementes, es muy fácil de entender y modificar.



Fernando Andrés Pérez Alarcón
Ingeniero de sistemas fundacion univer...
Escrito por Fernando Andrés Pérez Alarcón
el 18/06/2009 | Nivel Medio

Listo Felipe, es: ingenierofernandoperez@yahoo. Es

Programo con php 5

y como le comenté la primera celda de 3

tengo unos radio button y esos son los predominante para que en la segunda celda desplieguen diversas etiquetas del mismo formulario leídos desde la bd mysql y en la tercera que muiestre la consulta o los filtros seleccionados o chequeados o ejecutados.

Gracias.

Ah. Por ahi me compré el libro de domine Javascript Segunda Edición se vé genial pero necesito uno de ajax para complementarlo, creo que prometió que iba a subir una libreria de ajax para trabajar mejor los eventos con javascript por favor se la encargo....


Gracias de nuevo!

Fredy Vaquiro
Tecnologia en ing de sistemas corunive...
Escrito por Fredy Vaquiro
el 25/06/2009 | Nivel Medio

Uyyy que nota felipe..... Creo que estoy con un experto en la materia....

Mira, yo estoy haciendo mi tesis para graduarme como tecnologo, y me coloque a hacer un portal de E - commerce con php + MySQL; pero fijate que en el camino me toco introducir script JS simples pero que me facilitaron tareas que el Php no me abarca entonces al grano:

Mi descripcion del problema es el siguiente... Yo tengo mi portal construido en dos partes, podemos decir que son dos módulos o interfaces; el lado cliente y el lado administrador. En el cliente tengo todo lo que concierne a la recopilacion, visualizacion, edición tanto de datos personales, como contraseña; la lista de productos y finalmente el carrito....

Lo que tiene de especial o pienso yo que particular es que el carrito como tal se usa no más para generar una oferta de pedido, esto por que la empresa hace su producción de acuerdo con ordenes de trabajo.

Bueno, yo tengo mi carrito ya montado, entonces sucede que el carrito lleva una serie de pasos obligatorios; en las cuales en la primera fase muestra la lista de las clase de productos y las lista, cada item es un link, en la segunda fase que es cuando el usuario ingresa en cualquiera de los links lista los productos de esa categoria y estos tambien son link los cuales generan una cantidad, ya dentro de la tercera fase que es en donde se empiezan a contabilizar los productos por unidad y se guardan los resultados en una variable de session php, ya en la ultima lista los que se genero y da el resultado de los valores, en este hay un boton el cual tiene todas las clausulas php para que genere las sentencias SQL y desocupe las variables locales que ya he usado para tal fin.

Lo que yo quiero es que cuando en cualquier momento que el usuario salga de la cotización del producto la variable de session quede vacia, como ultimo dato te puedo decir que todo lo anterior lo ejecuto en un pop up que el modulo "cotizacion" me genera atravez de un boton.

Eso es lo que quiero que cuando el usuario cierre este pop up en cualquier momento pero que se encuentre haciendo la cotizacion, la variables de session se desocupe.

Te agradezco de antemano tu colaboracion y pues si me puedes dar algunos ejemplos....

Salu2