Mostrar los tags: javascript

Mostrando del 61 al 70 de 156 coincidencias
Se ha buscado por el tag: javascript
Imágen de perfil

Foto Fade Zoom OnClick Responsive


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 4 de Enero del 2018 por ScriptShow (Publicado el 15 de Mayo del 2017)
2.830 visualizaciones desde el 15 de Mayo del 2017
Visor de fotos e imágenes con efectos fade y zoom, responsive y compatible. Se puede ajustar para resoluciones inferiores a 480px (móvil), evitando que se ejecute la función JavaScript.
Al clicar en una imagen, se amplía y se posiciona fija en primer plano; volver a clicar para cerrar la imagen. Los procesos indicados, van acompañados de efectos declarados en Clases CSS. Una función JavaScript procesa los eventos.
Imágen de perfil

Agenda de nombres con búsqueda por JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 8 de Diciembre del 2017 por ScriptShow (Publicado el 11 de Diciembre del 2016)
4.308 visualizaciones desde el 11 de Diciembre del 2016
Agenda de nombres con búsqueda filrada por JavaScript nativo.
Al teclear una o varias letras, aparecen por separado las palabras / nombres según el criterio indicado.
El diseño es responsive, se adapta al tamaño de cualquier navegador y/o dispositivo con CSS-Style.

Espero sea útil.

Un saludo
Imágen de perfil

foro


PHP

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 3 de Diciembre del 2017 por Eduardo (Publicado el 26 de Noviembre del 2017)
2.327 visualizaciones desde el 26 de Noviembre del 2017
Sencillo foro con las siguientes caracteristicas:
- Login
- Registro de usuario con imagen de avatar
- Lista de temas con el nombre del tema, autor, no de visitas, fecha de inicio, no de respuestas.
- Dar respuesta a algún tema

acceso
comentarios
foro
iniciarTema
registrarUsuario
responder
Imágen de perfil

Cambiar de color de las celdas según el contenido


JQuery

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Noviembre del 2017 por Miqi666
4.707 visualizaciones desde el 21 de Noviembre del 2017
Este código marca las filas de diferente color segun el texto del contenido de una des sus filas.
El código de abajo es un ejemplo de como funciona, es muy sencillo ojala les sirva....

color-segun-contenido
Imágen de perfil

Menú Contextual JavaScript Personalizado


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Noviembre del 2017 por ScriptShow
2.639 visualizaciones desde el 20 de Noviembre del 2017
Script que actúa con el botón derecho del mouse. Al hacer click, aparece un menú personalizable con CSS-Style.

Si no queremos que aparezca el menú contextual por defecto en nuestra web, esta puede ser una opción configurable con facilidad.

Espero sea útil.

Un saludo
Imágen de perfil

Modal muy simple


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Noviembre del 2017 por ScriptShow
1.346 visualizaciones desde el 20 de Noviembre del 2017
Un script muy básico y compatible para hacer un Light-Box / Modal. Al clicar en un botón, enlace, imagen, etc. aparece una capa traslúcida de opacidad ajustable. Al clicar en cualquier parte del Modal, se cierra. Adaptable a tus proyectos sin problemas.

Espero sea útil.

Un saludo
Imágen de perfil

Cambia el Color de Párrafos OnClick


JavaScript

Publicado el 20 de Noviembre del 2017 por ScriptShow
1.674 visualizaciones desde el 20 de Noviembre del 2017
Script que controla los párrafos de una estructura dándole formato, color, etc. Al clicar en un párrafo, éste cambia de color, fondo, etc. con CSS-Style. 100% adaptable y compatible.

Piensa en posibles aplicaciones...

Espero sea útil.

Un saludo
Imágen de perfil

Juego de la vida - Canvas (No óptimo)


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 18 de Octubre del 2017 por kip (Publicado el 28 de Septiembre del 2017)
2.628 visualizaciones desde el 28 de Septiembre del 2017
El viejo y conocido 'Juego de la vida' de John Conway en canvas usando un algoritmo simple pero no óptimo.

El algoritmo funciona bien cuando el canvas tiene un tamaño menor a 600 x 600, baja el rendimiento cuando existen muchas células vivas en este, claro que se puede mejorar pero por ahora asi es como quedara.

Screenshot_614

Screenshot_615

Puedes crear las células aleatoriamente o directamente haciendo clic.
Imágen de perfil

Modal Light Box JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 22 de Septiembre del 2017 por ScriptShow (Publicado el 25 de Mayo del 2017)
2.458 visualizaciones desde el 25 de Mayo del 2017
Utilizar JavaScript y Css nativo para construir un Modal Light Box. Por tanto, es un código fácil de entender y adaptar a cualquier proyecto.
No precisa librerías, frameworks, etc. de terceros.

Espero sea útil.
Imágen de perfil

Combinaciones únicas o permutaciones incompletas en array


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 18 de Septiembre del 2017 por kip
5.316 visualizaciones desde el 18 de Septiembre del 2017
Código creado a partir de un tema del foro http://www.lawebdelprogramador.com/foros/JavaScript/1622319-Combinaciones-en-array.html, muy débil ya que no obtiene las permutaciones completas pero es posible obtener las combinaciones únicas en su totalidad, tal como comenta el usuario:

Estimados, alguna idea de algoritmo en javascript para generar las combinaciones posibles de n numero de elementos en un array sin repeticion, pongo un ejemplo practico, si tengo "[A,B,C,D]", me retorne en un array
"[A-B-C-D,A-B-C,A-B-D,A-C-D,B-C-D,A-B,A-C,A-D,B-C,B-D,C-D,A,B,C,D]", cualquier idea me sirve muchas gracias.


El algoritmo es simple, creo un array temporal y en base a este creo las combinaciones tomando en cuenta el número de combinaciones, este número es creado a partir del tamaño del array principal.

No es perfecto para arrays con un tamaño muy elevado.

Por defecto trae las permutaciones, se deberia enviar un true para que traiga combinaciones unicas.

Ejemplo permutaciones

1
console.log(combinations(['A', 'B', 'C', 'D']));

Obtendriamos algo asi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
[ 'A-B-C-D',
  'A-C-D-B',
  'A-D-B-C',
  'B-C-D-A',
  'B-D-A-C',
  'B-A-C-D',
  'C-D-A-B',
  'C-A-B-D',
  'C-B-D-A',
  'D-A-B-C',
  'D-B-C-A',
  'D-C-A-B',
  'A-B-C',
  'A-C-D',
  'A-D-B',
  'B-C-D',
  'B-D-A',
  'B-A-C',
  'C-D-A',
  'C-A-B',
  'C-B-D',
  'D-A-B',
  'D-B-C',
  'D-C-A',
  'A-B',
  'A-C',
  'B-C',
  'B-D',
  'C-D',
  'C-A',
  'D-A',
  'D-B',
  'A',
  'B',
  'C',
  'D' ]

Como se ve, faltan ciertas permutaciones, ya que fue pensado mas bien para obtener combinaciones unicas.

Ejemplo combinaciones

1
console.log(combinations(['A', 'B', 'C', 'D'], true));

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
[ 'A-B-C-D',
  'A-B-C',
  'A-C-D',
  'A-B-D',
  'B-C-D',
  'A-B',
  'A-C',
  'B-C',
  'B-D',
  'C-D',
  'A-D',
  'A',
  'B',
  'C',
  'D' ]