EduSeo - Código, HTML, Trucos y Seo: #html5

Mostrando entradas con la etiqueta #html5. Mostrar todas las entradas

viernes, 4 de septiembre de 2015

Cómo redirigir un subdominio a un dominio principal utilizando el .htaccess de apache (301)

Pues eso amig@s,

Si necesitamos redirigir un subdominio al dominio principal utilizando un redirect 301 desde el htaccess, podemos hacerlo utilizando el siguiente scripts.

//Redirigir el error 404 a una página en concreto

ErrorDocument 404 /404.html

//Activamos el mod_rewrite

RewriteEngine On

//Todo el tráfico que venga del subdominio test.dominio.com

//lo redirigimos a www.dominio.com

RewriteCond %{HTTP_HOST} ^test.dominio.com$ [NC] RewriteRule (.*) http://www.dominio.com/$1 [R=301,L]

//Todo lo que no venga con www, lo redirigimos a www.dominio.com RewriteCond %{HTTP_HOST} !^www\. RewriteRule ^(.*)$ http://www.dominio.com/$1 [R=301,L]

Y voila!

Espero que les resulte útil.

Salu2.

martes, 14 de abril de 2015

Como descargar un fichero utilizando un método POST

Pues eso amig@s,

Si necesitamos descargarnos un fichero desde un servidor que solo acepta peticiones POST, necesitaremos crear un script que permite dicha tarea. Si tenemos muchos ficheros que descargar, lo que también necesitaremos es que al hacer clic en uno de los botones, éste se cambie de color. A continuación les dejo las instrucciones y código:

<html>
<body>
<form action="http://x.com/games/download/get/1 " method="post"><button id="button" style="color:white" onclick="setColor(event, 'button', '#101010')"; data-count="1" class="btn-link" type="submit">desc</button></form>
<form action="http://x.com/games/download/get/2 " method="post"><button id="button" style="color:white" onclick="setColor(event, 'button', '#101010')"; data-count="1" class="btn-link" type="submit">desc</button></form>
<form action="http://x.com/games/download/get/3 " method="post"><button id="button" style="color:white" onclick="setColor(event, 'button', '#101010')"; data-count="1" class="btn-link" type="submit">desc</button></form>
<script>
function setColor(e, btn, color) {
var target = e.target,
count = +target.dataset.count;

target.style.backgroundColor = count === 1 ? "#7FFF00" : '#FFFFFF';
target.dataset.count = count === 1 ? 0 : 1;
}
</script>
</body>
</html>

Como nombre, he puesto a cada botón desc, aunque esto nos da exactamente igual, ya que al descargarnos el fichero, el servidor nos proporcionará el nombre correcto. La función setColor, tras hacer clic en el primer botón cambiará el fondo de éste del básico a un verde fosforecente.

Espero que les resulte útil.

Salu2.

martes, 12 de noviembre de 2013

Como hacer un fadein de todo el body en jQuery.

Pues eso amig@s,

Si quieren añadir un efecto tipo fade in en vuestra página web, solo es necesario añadir (aparte de cargar la librería jQuery en el <head> el siguiente código antes de finalizar el </body>:

<script type="text/javascript">
$(document).ready(function(){

/*! Fades in page on load */
$('body').css('display', 'none');
$('body').fadeIn(500);

});
</script>

Espero que les resulte útil!.

lunes, 11 de noviembre de 2013

Como animar una serie de imagenes en HTML5 (Crear una animación tipo gif)

Pues eso amig@s,

Si necesitan realizar una animación en HTML5 cargando una serie de imagenes, al más puro estilo de un GIF animado, con el siguiente código pueden hacerlo:

<html>
<head>
<title>Demo: Crear animación por Edu Arana</title>
<script type='text/javascript'>//<![CDATA[

onload = function startAnimation() {
var frames = document.getElementById("animacion").children;
var frameCount = frames.length;
var i = 0;
setInterval(function () {
frames[i % frameCount].style.display = "none";
frames[++i % frameCount].style.display = "block";
}, 100);
}

//]]>

</script>

</head>
<body>
<p><div id="animacion">
<img src="anima/1.gif" />
<img src="anima/2.gif" />
<img src="anima/3.gif" />
<img src="anima/4.gif" />
<img src="anima/5.gif" />
</div>
</p>
</body>
</html>

Donde en el DIV animacion insertamos un IMG con la imagen que necesitemos animar. Funciona tanto en IE como así también en Chrome.

Espero les resulte útil.
Salu2.

lunes, 4 de noviembre de 2013

Como hacer que una imagen parpadeé en Javascript

Con el siguiente código, se puede lograr el efecto de que una imagen con un name concreto cree el efecto de parpadeo:

<script type="text/javascript">
function parpadea() {
var imagen = document.images["parpadear"];imagen.style.visibility = (imagen.style.visibility == "visible") ? "hidden" : "visible";
}
setInterval("parpadea()", 500); //Aquí definimos el tiempo en milisegundos.
</script>
<img name="parpadear" src="url de la imagen que desean colocar" alt="imagen parpadeante" />

Espero les resulte útil.