Javascript

:: Ajax :: Creando tabs con css y javascript

Bien después de que pues casi no he escrito nada, o muy poco les tengo un excelente manual, con el que podran crear tabs con ajax muy fácilmente.


Creando tabs con css y javascript

Ahora vayamos a lo que nos interesa(“programar”).

Primero necesitamos un archivo php o html para poder colocar nuestras tabs.
Empezaremos creando una tabla en HTML de la siguiente forma

 
 
Contenido

Leer más

:: Regexpal :: Tester de expresiones regulares en javascript

Veran como nos estamos cambiando de oficina pues he estado algo saturado y no he podido escribir nada, pero bueno me repondre.

Por cierto revisando mis feeds y vi algo que me llamo bastante la atencion, “REGEXPAL”, si asi se llama y es un testeador de expresiones regulares escrito en Javascript.

Lo probe, les dejo una imagen para que vean como se ve.


RegexPal JavaScriptTester

Me imagino que también se podría bajar, asi que lo estare checando a ver como funciona con expresiones regulares mas complejas.

Via: RegexPal: Now with colours
Enlace: Regexpal

Leer más

:: Javascript :: Creacion de funciones

Hoy estaba pensado sobre todas las formas que hay para crea una funcion o un objeto( que en javascript, vienen a ser muy parecidos), entonces dije, pues voy a mostrar algunas formas distintas de crear funciones.

Forma 1: Como una funcion normal de javascript, invocándola posteriormente

function tipica()
{
alert(“funcion tipica”);
}
tipica();

Leer más

:: Javascript :: Empaquetador de javascript

Dean Edwards ha desarrollado un empaquetador para javascript, con el cual podemos, minimizar nuestro código de una excelente forma, aquí les dejo un ejemplo:

Codigo original:

var Reemplazar=function(string,search,repleace){return Cad_reemplazada=string.replace(search,repleace);}
var _ID=function(ID){var Id=document.getElementById(ID);return Id;}
var Texto_opciones=function(ID)
{
var Text=ID.options[ID.selectedIndex].text;
return Text;
}
function Acentos(Text)
{
var cadena=”";
var codigo=”";
for (var j = 0; j < Text.length; j++)
{
var Char=Text.charCodeAt(j);

Leer más

:: Jsmin :: EL minimizador de Javascript

Douglas Crockford, tiene publicada un herramienta para poder minimizar nuestro código javascript, se llama Jsmin, y es muy útil sobre todo cuando nuestro sitio tiene que cargar varios scripts, los cuales a veces llegan a pesar demasiado, por ejemplo, si tenemos este código(este codigo esta en el enlace):

// is.js

// (c) 2001 Douglas Crockford
// 2001 June 3

// is

// The -is- object is used to identify the browser. Every browser edition
// identifies itself, but there is no standard way of doing it, and some of
// the identification is deceptive. This is because the authors of web
// browsers are liars. For example, Microsoft’s IE browsers claim to be
// Mozilla 4. Netscape 6 claims to be version 5.

var is = {
ie: navigator.appName == ‘Microsoft Internet Explorer’,
java: navigator.javaEnabled(),
ns: navigator.appName == ‘Netscape’,
ua: navigator.userAgent.toLowerCase(),
version: parseFloat(navigator.appVersion.substr(21)) ||
parseFloat(navigator.appVersion),
win: navigator.platform == ‘Win32′
}
is.mac = is.ua.indexOf(‘mac’) >= 0;
if (is.ua.indexOf(‘opera’) >= 0) {
is.ie = is.ns = false;
is.opera = true;
}
if (is.ua.indexOf(‘gecko’) >= 0) {
is.ie = is.ns = false;
is.gecko = true;
}

Despues le aplicamos Jsmin quedaria asi:

var is={ie:navigator.appName==’Microsoft Internet Explorer’,java:navigator.javaEnabled(),ns:navigator.appName==’Netscape’,ua:navigator.userAgent.toLowerCase(),version:parseFloat(navigator.appVersion.substr(21))||parseFloat(navigator.appVersion),win:navigator.platform==’Win32′}
is.mac=is.ua.indexOf(‘mac’)>=0;if(is.ua.indexOf(‘opera’)>=0){is.ie=is.ns=false;is.opera=true;}
if(is.ua.indexOf(‘gecko’)>=0){is.ie=is.ns=false;is.gecko=true;}

Sin duda una reduccion importante en nuestro codigo, aunque lo conserva de la misma forma que lo escribimos,

Lo pueden obtener en un EXE para MS-DOS, el codigo en C, en C#, Java, Javascript, Perl, Python, PHP y Ruby
Enlace: Jsmin

Leer más

:: Que es Ajax :: Creando una aplicacion de ejemplo

Ajax.

El 18 de Febrero de 2005, Jesse James Garrett, director de Estrategia para la experiencia del usuario y fundador de Adaptive Path, publico un articulo al cual se referia a ajax como:

Ajax: Un Nuevo acercamiento a las Aplicaciones Web

Exactamente se referia a una nueva forma de ver las aplicaciones web, ya no como sitios dinamicos, si no ademas como sitios interactivos, como la posibilidad de cargar paginas dinamicamente, sin tener que recargar toda la pagina(como un iframe), que es uno de los logros fundamentales de ajax.

Algo que debe quedar claro es que ajax no es una tencologia, un modulo de apache, un script, una extension, si no es mas bien una mezcla de tecnologias, que permiten crear aplicaciones web, increibles y dinamicas.

Modelo ClasicoModelo Ajax

Modelo Clasico Modelo Ajax

Ajax viene de la palabra Asynchronous JavaScript And XML, aunque tambien se podria referise uno a este termino como AJAH, AJAP, AJAJ, AJAA, Etc.

Traduciendolo al español podremos decir que se trata de una mezcla de tecnologias:

  • Uso de estándares XHTML y CSS
  • Uso del Document Object Model(DOM)
  • Interaccion de datos usando XML, XSLT,HTML, hasta JS y Paginas Dinamicas (ASP,PHP,CGI,PYTHON,NET, Etc).
  • Y lo indispensable JAVASCRIPT, para juntar y organizar todo.

Leer más

Historico de entradas

febrero 2012
L M X J V S D
« ene    
 12345
6789101112
13141516171819
20212223242526
272829  

Ajaxman

Mi nombre es Javier, soy desarrollador web con especialización en PHP (avanzado), HTML, CSS y Javascript(Medio).

Me considero evangelizador de Kohana Framework, Mozilla Firefox y GNU/Linux Debian.

Estoy casado, y tengo dos hermosos hijos.

Todos los contenidos a menos que se exprese lo contrario estan bajo licencia Creative Commons.

Enlazanos!!

hit counters online counter