Archive for the ‘ JavaScript ’ Category

Botón ir a la página anterior

Al igual que el botón Atrás de su navegador, el siguiente script permite que el usuario pulse un botón para que devuelve al usuario a la página anterior. Pega el siguiente código donde desea que el botón que aparezca en su página:

  <form>
    <input onclick="history.go(-1)" type="text" value="ir a la pagina anterior" />
  </form>

Si prefiere utilizar un vínculo, pegue el siguiente código en la que desea que aparezca el vínculo:

      <a href="javascript:history.back(1)"> Página Anterior </a>

Fecha actual en español

Con este sencillo codigo logramos que se imprima la fecha actual en el sigueinte formato Martes, 23 de Abril de 2013

	<script>
	var now = new Date();

	var days = new Array('Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sabado');
	var months = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre');
	var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
	
	function fourdigits(number)	{
		return (number < 1000) ? number + 1900 : number;
	}

	today = days[now.getDay()] + ", " +
		date + " de " +
	        months[now.getMonth()] + " de " +
	        (fourdigits(now.getYear())) ;

	document.write(today);
	</script>

Llamado Ajax con Javascript y jQuery

Algunos conocieron el Ajax con jQuery o el mismo Mootools, pero realmente los llamados asincrónicos son tan viejos como el mismo Javascript.

En esos tiempos donde las cuentas de hotmail eran de 10MB y buscábamos resultados en la web a través de Altavista y no de Google, los llamados asincronicos eran diferentes:

ajax desde javascript nativo


  var xmlhttp;
  xmlhttp = GetXmlHttpObject();
  if(xmlhttp == null){
    alert("Boo! Your browser doesn't support AJAX!");
    return;
  }
  xmlhttp.onreadystatechange = stateChanged;
  xmlhttp.open("GET", "http://www.google.com", true);
  xmlhttp.send(null);

  function stateChanged(){
    if(xmlhttp.readyState == 4){
      // do something with the response text
      alert(xmlhttp.responseText);
    }
  }
  function GetXmlHttpObject(){
    // IE7+, Firefox, Chrome, Opera, Safari
    if(window.XMLHttpRequest){
      return new XMLHttpRequest();
    }

    //IE5, IE6
    if(window.ActiveXObject){
      return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
  }

y las cosas han cambiado y mucho

ajax desde jQuery


  $.ajax({
    url: 'http://www.google.com',
    success:function(data){
      alert(data);
    }
  });

Como se puede ver claramente, el método AJAX jQuery es mucho más fácil. Se le da una URL de solicitar, y después se le da un conjunto de instrucciones si se realiza una solicitud exitosa. Fácil!

Libro : Secrets of the JavaScript Ninja

Layout 1Los desarrolladores de JavaScript comúnmente se basan en colecciones de JavaScript reutilizables de código escrito por ellos mismos o por otra persona en su empresa.

Alternativamente, se basan en el código de un tercero. Pero en todos estos casos lo que necesitan saber cómo ni construir una biblioteca multi-navegador desde cero o ser expertos en el uso y mantenimiento de la biblioteca de su elección.

En Secrets of the JavaScript Ninja, experto en JavaScript John Resig creaddor de jQuery revela el know-how en el interior de los programadores de élite de JavaScript.

Escrito para ser accesible a los desarrolladores de JavaScript con conocimientos de nivel intermedio, este libro le dará los conocimientos que necesita para crear una biblioteca de JavaScript a través del navegador desde cero. Este libro te lleva en un viaje hacia el dominio de desarrollo moderno JavaScript en tres fases: diseño, construcción y mantenimiento.

En primer lugar, se le da una base fuerte, conocimientos avanzados JavaScript, lo que le permite tomar decisiones sobre el diseño general de una biblioteca y cómo hacer frente a su posible construcción. Luego, el libro te enseña cómo construir su biblioteca. Examina todas las numerosas tareas de bibliotecas de JavaScript tiene que abordar y ofrece soluciones prácticas y estrategias de desarrollo para su creación. A continuación, le guía a través de las diferentes técnicas de mantenimiento que se necesitan para mantener el código que se ejecuta en el futuro. Con Secretos del JavaScript Ninja tendrá todos los conocimientos que necesita para crear su propia biblioteca de Javascript y usar cualquier biblioteca JavaScript moderna.

Descarga

http://prefiles.com/0vfklusqckj2/Manning.Secrets.of.the.JavaScript.Ninja.Dec.2012.rar

Obtener el año actual con Javascript y jQuery

Para obtener el año actual por medio de javascript usaremos la función

getFullYear()

que nos devuelve el año correspondiente del objeto fecha en formato completo.

	var fecha = new Date();
	var ano = fecha.getFullYear();
	alert('El año actual es: '+ano);

En jQuery podemos sacar insertar dinámicamente el valor del año actual por ejemplo de la siguiente forma (dentro de un elemento con id: fecha):

	var anio = (new Date).getFullYear();

	$(document).ready(function() {
	  	$("#fecha").text( anio );
	});

audio.js – Una biblioteca JavaScript crear un flexible HTML5 Reproductor de Audio

audio-js

audio.js es un JavaScript que proporciona un HTML5 más flexible de <audio> el uso de etiquetas.

Utiliza nativos <audio> cuando estén disponibles y cae de nuevo a un reproductor de flash invisible para emular a otros navegadores.

El jugador puede ser completamente de estilo con CSS para proporcionar una interfaz de usuario consistente.

audio.js sólo puede reproducir archivos MP3 y se puede ampliar de alguna manera como jugar a un único archivo o una lista de las canciones.

Enlaces

Web del ProyectoDescargar

A %d blogueros les gusta esto: