Entradas

Lista de variables y funciones de JavaScript para usar en páginas web

Imagen
  Recopilación de las variables y funciones de Javascript más empleadas en el diseño y la programación web, las interpretan la gran mayoría de los navegadores, para agregarle funcionalidad y dinamismo a las páginas web, códigos y ejemplos prácticos. Javascript es un lenguaje de programación, es muy usado en el ámbito de la creación y del diseño web ya que posee varias características que lo hacen ideal, por ejemplo: • Funciones y variables sencillas, fácil de comprender y utilizar, aun sin ser experto en el lenguaje, solo copiando y pegando porciones de código. • Es un lenguaje interpretado, es decir solo es ejecutado por el navegador web, no por el sistema operativo. • Funciona del lado del cliente, es decir la página web solo se carga una vez del servidor y posteriormente las funciones que contiene se ejecutan sin tener que recargarla, diferente a lenguajes como PHP que son lenguajes de servidor. Lo usamos en varias páginas de nuestro sitio para agregarles interactividad y funciones

Lista de atributos de eventos de Javascript

  Lista con los eventos más usados en Javascript para insertar en los elementos HTML de las páginas web, que permiten iniciar funciones mediante diferentes acciones efectuadas con el ratón, el teclado, al seleccionar texto, cargar la página, etc. Los eventos son acciones determinadas que Javascript puede detectar y los objetos de eventos aportan la información de que evento ha ocurrido, estos pueden haber sido provocados por la acción del usuario o por el propio dinamismo de la página. Son muy usado para ejecutar funciones que no serán iniciadas hasta que el evento se ejecute. Los atributos de eventos pueden ser insertados en diferentes elementos HTML para definir los eventos que ocurran, lo que facilitan la ejecución de funciones de diferentes maneras, haciendo que las páginas web ganen en dinamismo, fluidez y facilitan al usuario interactuar con el contenido. En este artículo se muestra cómo usar en la práctica los eventos más comunes para ejecutar funciones. Lista de atributos de ev

Cargar e insertar widget de Twitter

  Cargar e insertar widget de Twitter Al presionar el siguiente botón se inserta a continuación un widget mostrando el timeline de la cuenta de Twitter  Frases de Amor , del autor. Para eso es necesario cargar también el script "widgets.js" desde Twitter. ¡Pruébalo! Código HTML para el botón, el contenedor DIV donde se escribe el timeline y el script de la función para que funcione. <button type="button" id="boton" onclick="mostrartw()">Mostrar</button> <div id="frases"></div> <script> function mostrartw(){ widgt = '<a rel="nofollow noopener" class="twitter-timeline" data-lang="es" data-tweet-limit="3" href="https://twitter.com/FrasesNorfiPC?ref_src=twsrc%5Etfw">Tweets de FrasesNorfiPC</a>'; document.getElementById('frases').innerHTML= widgt; document.getElementById('boton').style.display='none'; var s = document.c

Texto parpadeante

  Texto parpadeante Hola! Si deseas insertarle un vínculo al texto parpadeante utiliza el segundo DIV, (solo puede existir en el código in ID único). <script> window.setInterval (BlinkIt, 500); var color = "red"; function BlinkIt () { var blink = document.getElementById ("blink"); color = (color == "#ffffff")? "red" : "#ffffff"; blink.style.color = color; blink.style.fontSize='36px';} </script> <div id="blink">Hola!</div> <div id="blink" onclick="parent.location='http://norfipc.com'"> Hola!</div> Hola! Hola!

Agregar crédito al copiar contenido de la página

  Agregar crédito al copiar contenido de la página Cada vez que alguien copie algún bloque de texto de la página, automáticamente le agregamos nuestro crédito (no se usa en esta página). <script> document.body.oncopy = function() { alert('Todos los derechos reservados. NorfiPC © 2019'); return false;}; </script>

Impedir la selección y la copia de texto en una página

  Impedir la selección y la copia de texto en una página <script> window.onload = function() // Para internet Explorer {document.onselectstart = function(){return false;} // Para Firefox document.onmousedown = function(){return false;}} </script>