Códigos Fuente de JavaScript

Mostrando del 631 al 640 de 916 registros
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Editar elementos HTML en su sitio de origen


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Noviembre del 2016 por Scriptshow (141 códigos)
4.186 visualizaciones desde el 20 de Noviembre del 2016
Algunos navegadores soportan la propiedad / atributo ContentEditable. Siendo así, podemos convertir un eleneto, objeto, etiqueta en editable... Sí, editable sin guardar los cambios, porque lo hacemos en el lado cliente, no en el servidor con un lenguaje interpretado: Php, Asp, Perl, etc. ¡No hay magia!, ni la inseguridad que acarrearía. Eso sí, imagina porque hay muchas posibilidades: escribe, borra, arrastra, cambia el tamaño; todo por sesión...
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cadena de texto aleatorio onmousemove


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Noviembre del 2016 por Scriptshow (141 códigos)
8.813 visualizaciones desde el 20 de Noviembre del 2016
Código que obtiene de una cadena de texto letras de forma aleatoria al mover el mouse. Compone una palabra de 4 letras que se pueden cambiar de color, fuente, tamaño, etc. con CSS.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Manejo de etiquetas por nombre e indexado


JavaScript

Publicado el 19 de Noviembre del 2016 por Scriptshow (141 códigos)
1.768 visualizaciones desde el 19 de Noviembre del 2016
Tan sencillo como indicarle a la función JavaScript un índice para que la etiqueta definida en el DOM cambie de clase CSS. Un evento y la función correspondiente se encargan de enviar el número para localizar la posición que ocupa la etiqueta en la estructura HTML...

mostrar-ocultar-contenido
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar ocultar contenidos, objetos, etc.


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Noviembre del 2016 por Scriptshow (141 códigos)
2.178 visualizaciones desde el 19 de Noviembre del 2016
Script basado en Operador (ternario) condicional para mostrar / ocultar contenidos con una sola función. Puede manejar de forma independiente cuantos elementos sean precisos, con absoluta simpleza y transparencia. Es adaptable para otras fucionalidades.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar contenidos de una página por capas v.1.0


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 18 de Noviembre del 2016 por Scriptshow (141 códigos)
2.029 visualizaciones desde el 18 de Noviembre del 2016
Experimento basado en una página web que va mostrando a través del menú los contenidos de uno en uno. Todo está icluido en la misma página, estructurado por capas visibles / ocultas.
Funciona al clicar en los enlaces del menú vertical... Aparecen los contenidos según la sección correspondiente. Al hacer click en la imagen, se amplia como fondo de esa sección. Se pueden añadir cuantas secciones sean precisas. De igual modo, son ampliables el número de imágenes y el texto u otros contenidos. El ejemplo ocupa 3,27 KB (3.355 bytes) al completo. Es rapidísimo y cómodo al no precisar otras páginas para las distintas secciones...

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Movimiento inverso al mouse


JavaScript

Publicado el 6 de Noviembre del 2016 por Scriptshow (141 códigos)
2.224 visualizaciones desde el 6 de Noviembre del 2016
Experimento en DHTML que muestra el movimiento de un objeto en relación opuesta a la posición del mouse. El objeto simula "huir" del puntero. Se encuentran en el centro exacto de la zona visible del navegador.
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar el aspecto de un elemento al mover el scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 4 de Noviembre del 2016 por Scriptshow (141 códigos)
3.671 visualizaciones desde el 4 de Noviembre del 2016
Sencillo experimento basado en el evento OnScroll para cambiar el aspecto, posición, visibilidad, etc. de un elemento u objeto.
Hemos visto como aparecen progresivamente contenidos según avanzamos el scroll de pantalla... Este básico script, puede adaptarse para éso y más efectos; no consume recursos innecesarios, no precisa librería alguna, sólo una función JS y pocas líneas de código se encargan de casi todo.
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Movimiento aleatorio bounce simple


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 4 de Noviembre del 2016 por Scriptshow (141 códigos)
5.585 visualizaciones desde el 4 de Noviembre del 2016
Código resumido al máximo para un efecto bounce de un objeto por la zona visible del navegador.
Puede ser la base para crear un Pong; Banner; Salvapantallas...

Para experimentar, en definitiva...