Albertux~# ./Blog

JSC JavaScript Collection

Necesitamos jsmin y gzip, compilamos el jsmin.c:

gcc -o jsmin jsmin.c

Script que genera una coleccion de todos los javascripts:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

#!/bin/bash
 
echo "JavaScript Collection"
 
  EXPECTED_ARGS=1
  E_BADARGS=65
 
if [ $# -ne $EXPECTED_ARGS ]
then
  echo "Usage: `basename $0` {path of the javascripts}"
  exit $E_BADARGS
fi
 
# Join the javascript scripts in one file
cat $1/*.js >> $1/.__fullscripts.tmp
 
# use JSMIN to minifier the script
cat $1/.__fullscripts.tmp | jsmin > $1/.__fullscripts.min.tmp
 
# awk remove the first blank line, gzip compress the script
awk 'FNR>1{print}' $1/.__fullscripts.min.tmp | gzip > $1/collection_scripts.js.gz
 
# remove temporal files
rm $1/.__fullscripts.tmp $1/.__fullscripts.min.tmp

Modo de uso: jsc public_html/web/js/

Ahora creamos un script de php que remplazara a los javascripts:

<script type="text/javascript" src="collection_scripts.php"></script>

Contenido de collection_scripts.php:

<?php
    header("Content-type: text/javascript; charset: UTF-8?");
    header("Content-Encoding: gzip");
    readfile("collection_scripts.js.gz");
?>

Insert Any Video Of YouTube

Hice esta pequeña funcion de Javascript que nos proporciona insertar cualquier Video de YouTube en un <div>.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

// Script: YouTubeVideo Version 1.0 (2008/07/22)
// Author: Alberto Isaac Ayala Esquivias (Albertux)
// Licence: http://creativecommons.org/licenses/by-nc-sa/3.0/
// FeedBack to: albertoi7@gmail.com
// About: Insert youtube video on a div doesn't matter if embed code is disable this script insert the video.
 
function YouTubeVideo(id,url) {
 
	var video_html ='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/swf/l.swf?video_id=VIDEO&rel=1&iurl=null&autoplay=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/swf/l.swf?video_id=VIDEO&rel=1&iurl=null&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>';
 
	var n = url.indexOf('v=');
 
	var id_video = url.substring(n+2,n+14);
 
	document.getElementById(id).innerHTML=video_html.replace(/VIDEO/g, id_video);
 
}

Modos de uso:

<input type="button" onclick="YouTubeVideo('contenedor','http://www.youtube.com/watch?v=7ykWgiZVJe0');" value="Watch  Video">
 
<div id="contenedor"></div>

Cuando carga la pagina:

// JavaScript onload event example:
window.onload = function() { YouTubeVideo('contenedor','http://www.youtube.com/watch?v=7ykWgiZVJe0'); }
 
// jQuery example:
$(document).ready(function() {
	YouTubeVideo('contenedor','http://www.youtube.com/watch?v=7ykWgiZVJe0');
});

Google Maps Api

La Api de Google Maps nos sirve para agregarles funcionalidades a los mapas, en mi caso hice este ejemplo de localización de mi casa de Cadereyta, aveces en algunos proyectos de sistemas se requiere de la geolocalización de propiedades o ubicación de inmuebles.

Class Generator

Ayer en la noche estaba aburrido hice un generador de clases muy básico de momento solo implementa javascript, php4, php5 y python.

(http://ayalasoft.com/utils/genclass/)

Javascript Sort Custom Dates on Tables

Hay muchos scripts de ordenamiento para tablas como por ejemplo este pero aveces tenemos la necesidad de adaptarnos a un sistema, en mi caso se necesitaban dos botones (ascendente y descendente) para respetar los demás tipos de ordenamientos con los que cuenta el sistema, y también necesitaba ordenar un campo con ciertas características, su formato es:

d/m/y h:m (am/pm), ejemplo: “14/Jun/1984 10:46 pm”

Bueno antes que nada con lo primero que tenemos que jugar es con los elementos de la tabla entonces la función que hice DataTable() me trae un  multi-arreglo y cada elemento del arreglo es otro arreglo de 3 elementos (en este caso son 3 celdas),  ahora bien la función SortRows() hace la ordenación según la columna a ordenar y por ultimo la función OutFormat() me sirve para después con un regular expression evaluar mas facilmente el formato de la fecha y bueno e aquí mi ejemplo.