Mostrar los tags: javascript

Mostrando del 101 al 110 de 182 coincidencias
Se ha buscado por el tag: javascript
Imágen de perfil

Cambia el Color de Párrafos OnClick


JavaScript

Publicado el 20 de Noviembre del 2017 por Scriptshow (141 códigos)
4.306 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 (28 códigos) (Publicado el 28 de Septiembre del 2017)
5.293 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 (141 códigos) (Publicado el 25 de Mayo del 2017)
3.274 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(3)
Publicado el 18 de Septiembre del 2017 por Kip (28 códigos)
13.531 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' ]
Imágen de perfil

SISTEMA DE TICKETS Y SOPORTE CON PHP Y MYSQL


PHP

estrellaestrellaestrellaestrellaestrella(12)
Publicado el 20 de Julio del 2017 por Obed (4 códigos)
52.580 visualizaciones desde el 20 de Julio del 2017
Ticketly es un sistema para gestionar tickets de soporte usando proyectos, categorías, prioridades y mas, ideal para todo tipo de negocios, desarrollo de proyectos, gestión de personal, etc. El sistema esta desarrollado con PHP y MySQL.

Características del sistema:




Usuarios: Se puede agregar editar y eliminar usuarios.
Tickets: Cada usuario puede agregar un ticket.
Proyectos: Cada usuario puede agregar los proyectos que desee.
Perfiles: Los usuarios pueden rellenar su perfil.
Categorías: Los usuarios agregar categorías.
Reportes: Los usuarios pueden generar reportes.

Instalación en windows (servidor local)



1- Descargar los archivos fuentes del sistema
2- Copiar y descomprimir el archivo en la carpeta c:\xampp\htdocs, al final tendrás una carpeta llamada “ticketly-master”, a la cual podrás acceder desde el navegador como: http://localhost/ticketly-master/
3- Crear una base de datos usando PHPMyAdmin accediendo a la url siguiente: http://localhost/phpmyadmin/. Para nuestro caso la hemos llamado a la base de datos con el nombre de: “supportix“, pero tu puedes nombrarla como desees.
4- Importar las tablas de la base de datos para ello vamos a buscar el archivo “bd.sql” en el directorio root de nuestro proyecto, una vez localizado procedemos a hacer la importación de los datos desde PHPMyAdmin
5- Configurar los datos de conexión a la base de datos editando el archivo de configuración que se encuentra en la siguiente ruta: http://localhost/ticketly-master/config/config.php. Esto es la ruta que hemos utilizado para este ejemplo, pero de igual manera puedes colocarlo en la ruta que desees, solo recuerda localizar la carpeta config y dentro de dicho directorio el archivo config.php
6- Vista web: http://localhost/ticketly-master/
7- Datos de acceso por defecto: usuario: admin y contraseña: admin



Para más información visita: http://facturacionweb.site/blog/sistema-de-tickets-y-soporte-con-php-y-mysql/
Imágen de perfil

InterActive Adaptable Menú


JavaScript

Actualizado el 16 de Julio del 2017 por Scriptshow (141 códigos) (Publicado el 9 de Julio del 2017)
1.900 visualizaciones desde el 9 de Julio del 2017
Menú interactivo adaptable y compatible. Al mover el mouse, pulsar una tecla, hacer click, aparece un menú horizontal que se ajusta a cualquier resolución. Interactúa para ver el efecto. Si cesa la actividad, se oculta.

Espero sea útil.

Un saludo
Imágen de perfil

Botón "+Info" que aparece al llegar al final de la pagina


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 2 de Julio del 2017 por Scriptshow (141 códigos)
2.153 visualizaciones desde el 2 de Julio del 2017
A veces, cuando llegamos al pie de página, aparecen indicadores como recomendaciones, para seguir navegando, etc. Una especie de Flyout, Slides, en fin...

Bien, todos ellos producto de los "nuevos" formatos de diseño. Ya existían en los tiempos del DHTML.
Si mezclamos lo de ahora y lo de antes, conseguimos un resultado parecido, que apenas consume recursos. ¡Vamos a ello!...
sin imagen de perfil

Imprimir a Impresora fiscal desde javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 3 de Julio del 2017 por Abel (3 códigos)
6.738 visualizaciones desde el 3 de Julio del 2017
Este ejemplo muestra como imprimir a una impresora fiscal desde el lenguaje javascript.
Como no es posible directamente conectar a un puerto serial se usa el driver fiscal IF Universal.
Espero que los colegas puedan aportar la experiencia que hayan tenido usando este driver.
Imágen de perfil

Máscara solo mayúsculas en input o textarea


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 16 de Junio del 2017 por Kip (28 códigos)
3.975 visualizaciones desde el 16 de Junio del 2017
Código simple que permite establecer una máscara a un input o textarea, convirtiendo todas las letras en mayúsculas, ya sea escribiendo o pegando contenido en alguno de los dos elementos.

Para aplicar la máscara debes agregar la clase 'upper' a tu elemento y colocar el codigo al final, antes del cierre de etiqueta del body o dentro de la función que establezcas como ejecución en el evento window.onload