Contar el número de palabras de un texto con JavaScript

La forma más sencilla de contar las palabras que existen en un texto es utilizar los espacios que este contiene.

Debemos de tener algunas cosas en cuenta a la hora de hacer esto:

  • Que no tenga varios espacios seguidos.
  • Que no tenga un espacio al principio o al final.
  • Si existen saltos de linea debemos de contarlos o reemplazarlos por espacios.

Sigue leyendo

Como redireccionar de una página web a otra

Si eres una personas que está en continuo contacto con la creación y edición de páginas web habrás necesitado la necesidad de redireccionar de una página a otro por temas de mudanza de la web o porque el artículo ha sido actualizado a otro link.

Bueno pues en este manual os voy explicar algunas de las formas más sencillas que existen para crear redireccionamientos web.

La primera que os voy a explicar seria una de las más usadas, se realizaría mediante PHP que le manda una cabecera al navegador creando la redirección, el código seria el siguiente:

PHP:

<?php

header("Location: http://www.megamanuales.es");

?>

Sigue leyendo

Comprobar si existe un elemento con jQuery

Tras necesitar comprobar si existía o estaba creado un elemento en mi página web me puse a buscar en google como se podía hacer con jQuery.

Mi sorpresa fue ver lo sencillo que es al ver la explicación en innominepixel.

Bueno para que lo veáis vosotros mismos aquí os pongo el código:

if ($('elemento').length){
 //Ejecutar si existe el elemento
}

Lo que pensamos que puede ser complicado resulta ser lo más sencillo.

Un saludo.

Cuenta hacia adelante con javascript – incrementar número

Con el siguiente código podemos hacer una cuenta hacia adelante con javascript, dicho de otra forma sería incrementar un número con javascript hasta donde nos interese, esta muy bien para cuando queremos indicar el tiempo en el que va a pasar un suceso en nuestra web.

Código javascritp:

<script type="text/javascript">
var num = 0 //aquí se establece el valor inicial
function cuentaAdelante(){
if(num >= 100){//aqui se establece el valor final
document.getElementById('ca').firstChild.nodeValue = num
num++
setTimeout('cuentaAdelante()',1000)//tiempo para que cambie el numero
}
}
function escribe(){
document.write ('<span id="ca">' + num + '</span>')
}
</script>

Nota: El código anterior debe ponerse al principio de la pagina para que funcione correctamente.

Código para sacar por pantalla el numero: Sigue leyendo

Sistema básico de pestañas con javascript y html

Con el siguiente javascript conseguiremos un sencillo funcionamiento de pestañas pero muy útil ya que es la base para poder crear uno con el estilo que deseemos.

¿Como conseguimos el funcionamiento de las pestañas?
Para conseguir el funcionamiento de la pestañas lo haremos mediante capas <div> superponiendo una encima de las otras.
¿Para que utilizamos el javascript?
Con el javascript manipulas los estilos de las capas haciéndolas visibles o invisibles y posicionandolas encima o debajo a nuestro gusto.

El código javascript escrito a continuación contiene una función general que podemos utilizar para varios grupos de pestañas.

Javascript:

<script type="text/javascript">
function pestana(grupo_pesta, id_pesta){
var pestanas = document.getElementById(grupo_pesta);
var Tpestanas = pestanas.getElementsByTagName("div");
for(var i=0; i<Tpestanas.length; i++) {
Tpestanas[i].style.zindex="-1000";
Tpestanas[i].style.visibility="hidden";
}
document.getElementById(id_pesta).style.zIndex="1000";
document.getElementById(id_pesta).style.visibility="visible";
}
</script>

Sigue leyendo