viernes, 7 de octubre de 2011

Redirigir de un dominio a otro usando .htaccess

Este es el codigo para redirigir de un dominio a otro usando .htaccess


# El sitio se ha mudado permanentemente a otro dominio
# sitioviejo.com a sitionuevo.com
RewriteEngine on
RewriteCond %{HTTP_HOST} ^www.sitioviejo.com$ [NC]
RewriteRule ^(.*)$ http://www.sitionuevo.com/$1 [R=301,L]

jueves, 9 de junio de 2011

Jquery mostrar ver videos en todos los navegadores (firefox o IE) y en moviles esto si es crossbrowsing

Existe varios plugins jQuery con los que podemos ver videos en cualquier navegador ya sea firefox o IE en casi todas las versiones y el resto de navegadores, el funcionamiento de este plugin consiste en detectar el navegador que es, para asi generar el codigo del video para después reproducirlo en formato mp4 o swf, lo cierto es que es una solución genial y supervalida, tambien se van visionar los vídeos en telefonos moviles.

Aqui el ejemplo de muestra


Dentro del head

<script src="jquery.js"></script>
<script src="mediaelement.js"></script>
<script src="mediaelementplayer.js"></script>
<link href="mediaelementplayer.css" rel="Stylesheet" />


En el body


<span id="player1-mode"></span>


<video width="640" height="360" id="player2" poster="../media/echo-hereweare.jpg" controls="controls" preload="none">
<!-- MP4 source must come first for iOS -->
<source type="video/mp4" src="../media/echo-hereweare.mp4" />
<!-- WebM for Firefox 4 and Opera -->
<source type="video/webm" src="../media/echo-hereweare.webm" />
<!-- OGG for Firefox 3 -->
<source type="video/ogg" src="../media/echo-hereweare.ogv" />

<!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off -->
<object width="640" height="360" type="application/x-shockwave-flash" data="../build/flashmediaelement.swf">
<param name="movie" value="../build/flashmediaelement.swf" />
<param name="flashvars" value="controls=true&file=../media/echo-hereweare.mp4" />
<!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed -->
<img src="../media/echo-hereweare.jpg" width="640" height="360" alt="Here we are"
title="No video playback capabilities" />
</object>
</video>

<span id="player2-mode"></span>

<script>

$('audio,video').mediaelementplayer({
success: function(player, node) {
$('#' + node.id + '-mode').html('mode: ' + player.pluginType);
}
});

</script>

<input type="button" id="stopall" value="Stop all">

<script>
$('#stopall').click(function() {
$('video, audio').each(function() {
$(this)[0].player.pause();
});
});
</script>


Para descargar los archivos aqui



jueves, 19 de mayo de 2011

Como detectar y redireccionar un iPod iPhone Ipad mediante codigo Javascript

Vamos a ver como usando una lineas de codigo javascript podemos detectar si es un dispositivo iPod iPad o iPhone y lo redireccionaremos a la version movil de nuestro site, para ello vamos a crear una pequeña función para detectarlos.



function esApple(){
return (
(navigator.platform.indexOf("iPhone") != -1) ||
(navigator.platform.indexOf("iPod") != -1) ||
(navigator.platform.indexOf("iPad") != -1)
);
}
if(esApple()){
window.location = "dominio.mobi";
}



Así con este código podremos redireccionar a los visitantes de nuestra web a la versión correcta para sus iPod iPhone e Ipad sin que tengan que andar dando vueltas.

lunes, 9 de mayo de 2011

Como crear un border css redondeado que se vea bien en todos los navegadores

Si quiereis saber como crear un border css redondeado que se vea bien en todos los navegadores ademas sin utilizar imagenes solo con css y la ayuda de un ficherito, pero bueno ya debes de saber que con firefox usando el prefijo -moz va bien y con el resto de navegadores menos internet explorer con -webkit tambien funciona perfecto.

Bueno dejo la el link para tener bordes css redondeados y que se vea en todos los exploradores

http://code.google.com/p/curved-corner/

martes, 19 de abril de 2011

Manipular cookies en javascript

Aqui dejo unas buenos metodos para manipular cookies en javascript que son un poco tediosas y esto es algo que funciona a la perfeccion:

Clase cookie en javascript para manipularlas
var Cookie = {
set: function(name,value,seconds){
if(seconds){
d = new Date();
d.setTime(d.getTime() + (seconds * 1000));
expiry = '; expires=' + d.toGMTString();
}else
expiry = '';
document.cookie = name + "=" + value + expiry + "; path=/";
},
get: function(name){
nameEQ = name + "=";
ca = document.cookie.split(';');
for(i = 0; i < ca.length; i++){ c = ca[i]; while(c.charAt(0) == ' ') c = c.substring(1,c.length); if(c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null }, unset: function(name){ Cookie.set(name,'',-1); } }




Posibles usos de la clase

Cookie.set('nombre','valor', 86400);
Cookie.unset('nombre');



Otra solucion para manipular cookies pero esta vez mediante una funcion javascript

function getCookie( name ) {
var start = document.cookie.indexOf( name + "=" );
var len = start + name.length + 1;
if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
return null;
}
if ( start == -1 ) return null;
var end = document.cookie.indexOf( ';', len );
if ( end == -1 ) end = document.cookie.length;
return unescape( document.cookie.substring( len, end ) );
}

function setCookie( name, value, expires, path, domain, secure ) {
var today = new Date();
today.setTime( today.getTime() );
if ( expires ) {
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );
document.cookie = name+'='+escape( value ) +
( ( expires ) ? ';expires='+expires_date.toGMTString() : '' ) + //expires.toGMTString()
( ( path ) ? ';path=' + path : '' ) +
( ( domain ) ? ';domain=' + domain : '' ) +
( ( secure ) ? ';secure' : '' );
}

function deleteCookie( name, path, domain ) {
if ( getCookie( name ) ) document.cookie = name + '=' +
( ( path ) ? ';path=' + path : '') +
( ( domain ) ? ';domain=' + domain : '' ) +
';expires=Thu, 01-Jan-1970 00:00:01 GMT';
}



Y ahora como se usa esta funcion para manipular cookies


// Párametros para setCookie
// nombre, valor, expira, camino, dominio, seguro
setCookie( 'test', 'mi valor', '', '/', '', '' );
if ( getCookie( 'test' ) ) alert( getCookie('test'));

// Párametros para deleteCookie
// nombre, camino, dominio
// Asegúrese de usar los mismos parámetros en setCookie y deleteCookie.
deleteCookie('test', '/', '');
( getCookie( 'test' ) ) ? alert( getCookie('test')) :
alert( 'No existe');