martes, 9 de diciembre de 2008

AJAX

Hola a todos hoy les traigo algo especial para diseño web; es algo que algunos ya conocen, otros como yo estamos aprendiendo y nos a facinado o por lógica los demás que leen estarán diciendo que demonios es AJAX?

Ajax, siglas de Asynchronous JavaScript and XML, es un término que describe un nuevo acercamiento a usar un conjunto de tecnologías existentes juntas, incluyendo las siguientes: HTML o XHTML, hojas de estilo (Cascading Style Sheets o css), Javascript, el DOM (Document Object Model), XML, XSLT, y el objeto XMLHttpRequest.

Bueno eso es una definición algo rebuscada pero tratara de decirles con mejores palabras(Osea por que poner AJAX en nuestra web).

Un ejemplo: por que poner un frame para recargar contenidos diferentes si podemos poner un div que cambie su contenido?

La respuesta seria obvia asta cierto punto.

Respuesta: ocupemos php.

La respuesta es sencilla pero asta cierto punto no ya que sabrán que si ponemos en php contenidos diferentes con la función "include" tendríamos que recargar toda la pagina.

Lo que nos daría menos puntos como web master y la solución de poner el típico frame seria mas factible.

Respondamos con ajax.

Respuesta 2: "si claro me gusta la idea asincronemos la pagina para mandar por el lado del cliente una respuesta al objeto DOM para actualizar únicamente el div y no la pagina completa".

Algunos diran que? pero es cierto AJAx nos permite actualizar desde un único div asta la posibilidad de hacer inyección sql a nuestra base de datos en mysql sin necesidad de recargar nada mas que la cajita de texto.

Bueno espero que a mas de alguno le aya interesado este apartado mas adelante les daré unos ejemplos de AJAX que he probado y me han encantado para mientras investiguen un poco les va a gustar esta nueva tecnologia.

lunes, 8 de diciembre de 2008

Mandando a llamar diferentes CSS

Hola a todos se que tengo algo de tiempo de no volver a escribir nada para este blog.

Les pido disculpas de antemano pero el trabajo me había absorvido buena parte de mi tiempo, lo único beneficioso es que logre aprender algunos truquitos nuevos que vengo a presentarles.
El siguiente código nos ayudara para poder hacer que nuestra pagina web funcione igualmente en FireFox y en IE.

<script type="text/javascript" language="javascript">

var nav=navigator.userAgent;

if(nav.match("MSIE"))

{

document.write('<link href="maini.css" rel="stylesheet" type="text/css">');

}

else

{

document.write('<link href="mainf.css" rel="stylesheet" type="text/css">');

}

</script>

Espero que les sirva; básicamente es un código que nos dice que browser estamos usando si IE para mandar a llamar un css totalmente diferente o cualquier otro browser como FireFox que sigue los estándares para aplicar un css mas compatible con cualquier otro browser que no sea IE.