Archivo de la etiqueta: javascript

Notepad++ plugin: lista de funciones

7
Function list es un plugin para notepad++ que lista las funciones y argumentos en archivos de tipo python, javascript y php. En función de la acción seleccionada al pulsar sobre el nombre de la función nos llevará a su declaración o insertará el nombre y opcionalmente sus argumentos.

Instalación

Descomprime el archivo y guarda la dll en el directorio de plugins de notepad++.

Descarga

fnList.rar

textBorder: añade efectos de borde al texto en HTML con javaScript

0
textBorder.js crea efectos de relieve, repujado y desenfoque en los textos html.
El efecto se consigue desplazando copias del contenido del objeto uno y dos pixels.
La función recibe cuatro argumentosThe effect is achieved by displacing copies of the content object one and two pixels.
The function takes four arguments:

ArgumentoTipoDescripción
objObjeto htmlObjeto al que aplicamos el efecto, se aplica a su contenido (innerHTML).
clr1 (Opcional)Color HTML Color que se aplica a la derecha y abajo del objeto. Por defecto “#000″
clr2 (opcional) Color HTML Color que se aplica a la izquierda y arriba del objeto. Por defecto “#fff″
opts (opcional)Objeto opac1:Opacidad de la copia desplazada un píxel. Número decimal de 0 a 1. Por defecto: 0.5
opac2:Opacidad de la copia desplazada dos píxels. Número decimal de 0 a 1. Por defecto: 0.3
res: Determina cuantas veces se copia el texto original, 1 o dos veces. Por defecto: 2

Pruébalo:
div con ID=”idText”:

Texto de ejemplo
textBorder(document.getElementById("idText"));
Cambiar clr1:
Cambiar clr2:
Cambiar opac1:
Cambiar opac2:
Descarga textBorder

JavaScript Trucos: document.getElementById

0
Al programar con el DOM usamos frecuentemente la función document.getElementById, podemos reducir el código convirtiéndolo en una función con un nombre mas corto y fácil de recordar: 
gEle=function(a){return ((typeof a==="string")?document.getElementById(a):a);};

Parametros

Esta función solo necesita la cadena que es el id del objeto y devuelve el elemento del DOM con ese id.

Ejemplo de uso

En nuestro código html insertamos un DIV con id «gEleSamp» 
<div id="gEleSamp" style="border:solid 1px #ccc;">sample div</div>
El resultado de nuestro código:
sample div
Accedemos al objeto usando su id con gEle y cambiamos el color del texto a rojo: 
<span onclick="gEle('gEleSamp').style.color='#f00'">Test </span>
Prueba el código pulsando el siguiente enlace:Test