Entradas

Mostrando las entradas etiquetadas como 1-JAVASCRIPT

solicitudes-v1

 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.26.10/dist/sweetalert2.all.min.js"></script> <script>     $(document).ready(function() {         $('#solicitudtabla').DataTable({             "order": [                 [4, "desc"]             ],             pageLength: 4,             lengthMenu: [                 [4, 10, 20, -1],                 [4, 10, 20, 'Todos']             ],             columnDefs: [{                 orderable: false,                 targets: -1             }],             ...

crud-javascript

  <!DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> CRUD JavaScript </title>     <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" > </head> <body>     <div class = "container mt-5" >         <h2> CRUD JavaScript </h2>         <form id = "formulario" >             <div class = "form-group" >                 <label for = "nombre" > Nombre: </label>                 <input type = "text" class = "form-control" id = "nombre" required >             </div>   ...

tabla js 2

<!DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Tabla y Modales </title>         <!-- Bootstrap CSS -->     <link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel = "stylesheet" > </head> <body>     <div class = "container" >         <input type = "hidden" name = "carpeta" id = "inputCarpeta" value = "C-01/2015" >     <table id = "solicitudtabla" class = "table" >         <thead class = "thead-dark" >             <tr>                 <th> Id </th>                 <th> Carpeta ...

Tabla con js

  <!DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Tabla y Modales </title>         <!-- Bootstrap CSS -->     <link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel = "stylesheet" > </head> <body>     <table id = "solicitudtabla" class = "table" >         <thead class = "thead-dark" >             <tr>                 <th> Id </th>                 <th> Carpeta </th>                 <th> Registro </th>                 <t...

agregar datos a una bd

  <!DOCTYPE html > <html lang = "es" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Formulario y arreglo de datos </title>     <!-- Bootstrap CSS -->     <link href = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel = "stylesheet" > </head> <body> <div class = "container mt-5" >     <form id = "miFormulario" >         <div class = "form-row" >             <div class = "form-group col-md-4" >                 <label for = "inputID" > ID: </label>                 <input type = "text" class = "form-control" id = "inputID" name = "id" >         ...

Actualizar un registro II

  <!DOCTYPE html > <html lang = "es" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> CRUD con Bootstrap y JavaScript </title>     <!-- Bootstrap CSS -->     <link href = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel = "stylesheet" > </head> <body> <div class = "container mt-5" >     <table id = "tablaDatos" class = "table table-striped" >         <thead>             <tr>                 <th> ID </th>                 <th> Registro </th>                 <th> PDF </th>             ...

Implementación de un CRUD con Bootstrap y JavaScript

Implementación de un CRUD con Bootstrap y JavaScript Introducción: En este post, exploraremos cómo crear un CRUD (Create, Read, Update, Delete) utilizando Bootstrap y JavaScript. Un CRUD es una operación básica en la mayoría de las aplicaciones web, que permite crear, leer, actualizar y eliminar datos. Utilizaremos las funcionalidades proporcionadas por Bootstrap para diseñar la interfaz de usuario y JavaScript para la lógica del lado del cliente. Contenido: Preparación del Entorno: Breve introducción sobre Bootstrap y su integración en proyectos web. Enlaces a los archivos de Bootstrap que se utilizarán en el proyecto. Diseño de la Interfaz de Usuario: Uso de la grilla de Bootstrap para organizar los elementos en la página. Creación de una tabla para mostrar los datos del CRUD. Implementación de un modal de Bootstrap para la edición de registros. Lógica del Lado del Cliente con JavaScript: Creación de un array de datos de muestra para simular una base de datos.   const datos = [ ...