Códigos Fuente de JavaScript

Mostrando del 41 al 50 de 301 registros
Imágen de perfil

Rotar imagenes


JavaScript

Actualizado el 27 de Septiembre del 2015 por Xavi (Creado el 26 de Agosto del 2012)
13.090 visualizaciones desde el 26 de Agosto del 2012. Una media de 70 por semana
Script que muestra como crear un objeto de JavaScript y utilizarlo para rotar diferentes grupos de imágenes. Permite especificar un grupo diferente de imágenes para cada rotación y diferentes tiempos entre cada rotación.
Al poner el ratón encima de una de las imágenes, la rotación se para, para que al sacar el ratón, la secuencia continué.
Imágen de perfil

Crear un editor WYSIWYG


JavaScript

Publicado el 21 de Septiembre del 2015 por xve
945 visualizaciones desde el 21 de Septiembre del 2015. Una media de 28 por semana
En este código de ejemplo, muestro como crear un editor wysiwyg con el comando execCommand().

editor-wysiwyg


La lista de instrucciones posibles son:



backColor
Change the background color.

bold
Toggles bold text on and off.

copy
Copy selected text to clipboard.

createLink
Creates a link on selected text.

cut
Cut selected text and copy to clipborad.

delete
Delete the selected text.

fontName
Change the font family.

fontSize
Change the Font Size.

foreColor
Change the Font Color.

formatBlock
Format selection into a new block.

indent
Indent the selection.

insertHorizontalRule
Insert an <hr /> element.

insertHTML
Not supported by IE. Insert custom HTML strings.

insertImage
Insert an image element referencing an image file URI.

insertOrderedList
Insert an Ordered List element.

insertUnorderedList
Insert an Unordered List element.

insertParagraph
Insert a paragraph element.

italic
Toggles italicized text on and off.

justifyCenter
Center the selection.

justifyFull
Fully justify the selection.

justifyLeft
Left justify the selection.

justifyRight
Right justify the selection.

outdent
Outdent the selection.

paste
Paste contents of clipboard.

redo
Redo an Undo command.

removeFormat
Remove formatting from selection.

selectAll
Select everything within the content editable element.

strikeThrough
Strikes a line through the selection.

styleWithCSS
Style the selection with CSS.

subscript
Format the selection to subscript.

superscript
Format the selection to superscript.

underline
Toggles underline text on and off.

undo
Undo the last operation performed in the editable element.

unlink
Remove a link from the selection.
Imágen de perfil

Ordenar un json por sus valores ascendete y descendente


JavaScript

Publicado el 19 de Septiembre del 2015 por xve
1.386 visualizaciones desde el 19 de Septiembre del 2015. Una media de 35 por semana
Este código muestra como ordenar un json por cualquier de sus valores, ya sea ascendente o descendente.
Imágen de perfil

Cambiar la imagen cada 5 segundos


JavaScript

estrellaestrellaestrellaestrellaestrella(34)
Actualizado el 09 de Septiembre del 2015 por Xavi (Creado el 21 de Abril del 2014)
20.074 visualizaciones desde el 21 de Abril del 2014. Una media de 175 por semana
Simple código que muestra como cambiar una imagen de nuestra pagina de cada 5 segundos por otra imagen de forma aleatoria.
Imágen de perfil

cookies crear, consultar y eliminar


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 08 de Septiembre del 2015 por Xavi (Creado el 22 de Octubre del 2008)
16.186 visualizaciones desde el 22 de Octubre del 2008. Una media de 42 por semana
Código que muestra como crear, consultar y eliminar cookies mediante JavaScript.
Imágen de perfil

Cifrado César


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 08 de Septiembre del 2015 por Administrador
1.821 visualizaciones desde el 08 de Septiembre del 2015. Una media de 42 por semana
En criptografía, el cifrado César, también conocido como cifrado por desplazamiento, código de César o desplazamiento de César, es una de las técnicas de codificación más simples y más usadas. Es un tipo de cifrado por sustitución en el que una letra en el texto original es reemplazada por otra letra que se encuentra un número fijo de posiciones más adelante en el alfabeto. Por ejemplo, con un desplazamiento de 3, la A sería sustituida por la D (situada 3 lugares a la derecha de la A ), la B sería reemplazada por la E, etc.
Imágen de perfil

Abreviar Números Versión Latina


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 02 de Septiembre del 2015 por Rafael
789 visualizaciones desde el 02 de Septiembre del 2015. Una media de 21 por semana
Estimados,
Armé esta rutina para simplificar números largos, la idea es convertir números largos en su versión abreviada pero sin caer en la típica rutina que abrevia para estados unidos y sus billones, que para nosotros son miles de millones.

La rutina es trivial aunque útil y poco común porque la busqué y no la encontré. Es útil si quieres presentar información de alto nivel en un reporte o página de resumen de una página web.

¿Cómo se usa?

var x = 12345;
console.log(x.shortNum());

El resultado será: 12.35k

Ejemplos en la consola de Chrome:
JS.shortNum.Sample
Imágen de perfil

Cargar una pagina en un iframe con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 02 de Septiembre del 2015 por xve
1.711 visualizaciones desde el 02 de Septiembre del 2015. Una media de 42 por semana
Este código muestra como cargar una pagina seleccionada de un fomulario, en un iframe utilizando javascript.
Imágen de perfil

Descargar un documento de texto con el contenido de un formulario


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Agosto del 2015 por Administrador
1.357 visualizaciones desde el 19 de Agosto del 2015. Una media de 28 por semana
Este código muestra como desde HTML5 con JavaScript, se puede crear un archivo de texto con el contenido escrito por el usuario desde un formulario.
Imágen de perfil

Cambiar la imagen al hacer clic con el ratón


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 29 de Julio del 2015 por xve
3.701 visualizaciones desde el 29 de Julio del 2015. Una media de 77 por semana
Este código muestra como ir cambiando una imagen cada vez que se hace clic con el ratón encima de la misma.
Se especifica un array de imágenes para ir intercambiándolas entre ellas a cada clic.