Mostrar los tags: JavaScript

Mostrando del 91 al 100 de 164 coincidencias
Se ha buscado por el tag: JavaScript
Imágen de perfil

Editor de Texto por secciones / etiquetas


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 28 de Mayo del 2017 por Scriptshow
1.300 visualizaciones desde el 28 de Mayo del 2017
Podemos autorizar ó restringir la edición de texto con JavaScript. Este Script, actúa al clicar en una zona de texto que previamente está declarada dentro de una función...
Modificamos el texto por medio de un Textarea que, al perder el focus, se oculta y devuelve el resultado a la etiqueta que contiene dicho texto. Todo el proceso, se produce en tiempo real, en el lado cliente.
Puede tener diversas aplicaciones.

Espero sea útil.
Imágen de perfil

Sistema PHP de Inventario Simple


PHP

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 13 de Mayo del 2017 por Obed
15.741 visualizaciones desde el 13 de Mayo del 2017
Simple Stock (Inventario Simple) es un sistema web desarrollado con PHP, MySQL y Bootstrap, que cubre una serie de requerimientos básicos para llevar el control del inventario de una empresa o negocio. Esta es una solución sencilla para que los propietarios de pequeñas empresas gestionen sus existencias de manera sistemática, y de esa manera poder reemplazar el uso de hojas de calculo para gestionar su inventario.

Características

Administración y gestión de inventario
Agregar productos al inventario y eliminación de productos del inventario
Historial de productos en inventario
Búsqueda de productos por nombre, código y categoría
Gestión de categorías
Administrar usuarios
Sistema de login integrado
Plantilla Responsiva usando Bootstrap
Instalación en windows (servidor local)

Descargar los archivos fuentes del sistema
Copiar y descomprimir el archivo en la carpeta c:\xampp\htdocs, al final tendras una carpeta llamada “simple_stock”, a la cual podrás acceder desde el navegador como: http://localhost/simple_stock/
Crear una base de datos usando PHPMyAdmin accediendo a la url siguiente: http://localhost/phpmyadmin/
Importar las tablas de la base de datos para ello vamos a buscar el archivo “simple_stock.sql” en el directorio root de nuestro sistema, una vez localizado procedemos a hacer la importación de los datos desde PHPMyAdmin
Configurar los datos de conexión a la base de datos editando el archivo de configuración que se encuentra en la siguiente ruta: simple_stock/config/db.php
Vista web: http://localhost/simple_stock/
Datos de acceso por defecto: usuario: admin y contraseña: admin

Para mas información visita: http://obedalvarado.pw/blog/sistema-inventario-simple-php/




simple_stock_php
Imágen de perfil

Ajax - Promises


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 15 de Abril del 2017 por Aberon10
1.594 visualizaciones desde el 15 de Abril del 2017
Esta clase permite realizar peticiones vía ajax de forma fácil, utilizando los métodos GET y POST.
La sencillez de la clase se ve beneficiada por el uso del objeto Promise implementado en el último estándar de ECMASCRIPT 6 - ES2015.
Imágen de perfil

Añadir texto al final de una frase con JScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Marzo del 2017 por Scriptshow
1.521 visualizaciones desde el 12 de Marzo del 2017
Hay varias opciones para realizar lo indicado en el Título de este post.
Vamos a intentar una forma sencilla de añadir texto al final de una frase...

Espero sea útil.


Un saludo
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por Scriptshow (Publicado el 26 de Febrero del 2017)
2.387 visualizaciones desde el 26 de Febrero del 2017
Como construir un Grid con JavaScript y CSS con efectos de giro, cambio de color y de forma al clicar en los cuadrados, que han sido creados virtualmente por un bucle con JScript.

Un experimento que puede ser adaptado para diversos propósitos.


Un saludo
Imágen de perfil

Función para buscar y filtrar valores en tabla HTML (elemento del DOM)


JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 22 de Febrero del 2017 por Kip
9.296 visualizaciones desde el 22 de Febrero del 2017
Función que busca y muestra las celdas con el valor tomado de un input text, si no existe el dato o valor se mostrara un mensaje en la tabla.

Screenshot_404

Screenshot_405

Screenshot_406

Es de suma importancia que la tabla tenga una estructura como la siguiente thead -> tr -> th y tbody -> tr -> td:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table>
	<thead>
		<tr>
			<th>
			</th>
			.........
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
			</td>
			.........
		</tr>
	</tbody>
</table>

Para usarla se debe colocar el archivo btab.js (con el path adecuado) en el archivo HTML de esta forma:

1
<script src="btab.js"></script>

La función recibe tres parámetros:

btab(id_del_input, id_de_tabla, true or false [OPCIONAL] )

El primer parámetro es el el atributo id del input, de alli se obtendra el valor a buscar.
El segundo parámetro es el atributo id de la tabla, donde se buscaran los datos.
Por último y opcional, un booleano sea este true o false indicara si la busqueda sera insensible a mayúsculas, por defecto es sensible a estas (false) y si si desea cambiar esto pasarle como valor true.

La búsqueda se realiza en todas las celdas de la tabla, si en alguna de estas existe el dato de búsqueda se mostrara toda la fila perteneciente a esta celda.

Ejemplo:
Screenshot_402

Es posible buscar mas de un dato en la tabla, para esto se debe separar por una coma , (valor1, valor2, ....) cada valor a buscarse.

Ejemplo:
Screenshot_403

La llamada a la funcion (por si usas jQuery) no se debe colocar dentro de las lineas:
1
$(document).ready(...

Esta funcion se encarga de ejecutarse por si misma cuando el DOM esta completamente cargada para evitar algun problema con los elementos de este.

Si surge algún problema con la función escribirlo por aqui, pronto se mejorara y añadiran mas detalles.

Saludos
sin imagen de perfil

Creación de tabla html


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 14 de Febrero del 2017 por Fer
7.062 visualizaciones desde el 14 de Febrero del 2017
Muchos pueden buscar una manera de pedirle al usuario el numero de filas y columnas para crear una tabla en html. Por medio de JavaScript se puede conseguir con este sencillo y funcional código.
Espero les ayude.
Imágen de perfil

Manejar opciones de un Select con JavaScript


JavaScript

Publicado el 14 de Febrero del 2017 por Scriptshow
2.924 visualizaciones desde el 14 de Febrero del 2017
Una forma sencilla de manejar un Select con JavaScript. Se puede cambiar de opción a distancia, pulsando un botón, un enlace, una imagen, etc...
Si pones el valor de la primera opción del Select en el DOM, actúa como un "reset".

Espero sea útil para para experimentar.

Un saludo
Imágen de perfil

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Enero del 2017 por Scriptshow
2.362 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

Slide Background images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 14 de Enero del 2017 por Scriptshow
1.755 visualizaciones desde el 14 de Enero del 2017
Script que permite cambiar la imagen de fondo al clicar en una miniatura. Ejemplo basado en una estructura básica y compatible 100%. Muy sencillo de ampliar y adaptar a cualquier proyecto.
Si se precisa, con CSS es fácil cambiar el aspecto, posiciones, tamaños, color, etc...

Espero sea útil para experimentar.

Un saludo