Home / user-96732

Gian Franco Alexis Poma Vidal's questions

Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2022-01-03 22:49:46 +0800 CST
  • 2

I am trying to close a google ad by clicking on the x, but I try to locate it with fullxpath and it does not find it when executing the code. Try another way to click starting from the body about 5 pixels to the right and down, since I noticed that clicking anywhere the advertising disappears, even so I have not been successful. I hope you can help me, since I'm still stuck here.

Below I leave my code that I made with the solutions that I made.

WebDriverWait(driver, 5) \
    .until(EC.element_to_be_clickable((By.XPATH, '/html/body/div/div/div[1]/div[1]/div'))) \
    .click() 

# Libraries
from threading import Thread

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
import time
import pandas as pd


# Options of navigation
options = webdriver.ChromeOptions()
options.add_argument('--start-maximized')
options.add_argument('--disable-maximized')
options.add_argument('User-Agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:84.0) Gecko/20100101 Firefox/84.0')

driver_path = 'C:\\Users\\franc\\Downloads\\chromedriver.exe'

driver = webdriver.Chrome(driver_path, chrome_options=options)

# Inicializamos el navegador
driver.get('https://cursosdev.com/coupons')

# Ubicamos el boton de siguiente y le damos click
last_page = driver.find_element_by_xpath('/html/body/main/div[5]/div/nav/nav/div[2]/div[2]/span/a[12]')

WebDriverWait(driver, 5) \
    .until(EC.element_to_be_clickable((By.XPATH, last_page))) \
    .click()

# Cerramos la publicidad de Google

# METODO 1 - Ubicamos la x en la publicidad para cerra
close_publicity = driver.find_element_by_xpath('/html/body/div/div/div[1]/div[1]/div')

WebDriverWait(driver, 5) \
    .until(EC.element_to_be_clickable((By.XPATH, '/html/body/div/div/div[1]/div[1]/div'))) \
    .click()

# METODO 2 - Desde body movemos el mouse 5 pixeles a la derecha y abajo, y damos click para que desaparesca la publicidad
el=driver.find_element_by_tag_name("body")
action = webdriver.common.action_chains.ActionChains(driver)
action.move_to_element_with_offset(el, 5, 5)
action.click()
action.perform()
python
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2022-01-01 14:08:47 +0800 CST
  • 1

I am trying to get all the links of the courses on this page https://cursosdev.com/coupons , but when executing my script it returns an empty array []. I have been testing on other web pages and it works, but rarely on this page it does not work for me, any option that I am skipping?

from bs4 import BeautifulSoup
import requests
import pandas as pd

url = 'https://cursosdev.com/coupons'
page = requests.get(url)
soup = BeautifulSoup(page.content, 'html.parser')

#Extraccion
eq = soup.find_all('a', class_='c-card block bg-white shadow-md hover:shadow-xl rounded-lg overflow-hidden'.replace(' ','.'))

print(eq)
python
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-03-26 19:08:36 +0800 CST
  • 2

Is there a way to position this sidebar to the right without using float? What happens is that it undoes other elements for me and also investigates that it is a bad practice to use it.

#sidebar{
    width: 25%;
    margin-bottom: 30px;
    display: inline-block;
    background: orange;
    padding: 30px;
    border: orange;
}

.sidebar-item{
    background: #f7f7f7;
    padding: 20px;
    margin-top: 30px;
}

.sidebar-item h3{
    text-transform: uppercase;
    font-size: 18px;
    margin:0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eee;
}

.sidebar-item .btn{
    margin: 0px auto;
    margin-top: 10px;
}

.btn{
   display: block;
   background: black;
   color: white;
   padding: 15px; 
   font-weight: bold;
   text-transform: uppercase;
   font-size: 14px;
   text-decoration: none;
   transition: 300ms all;
   border: none;
   cursor:pointer;
   width: 50%;
   text-align: center;
   font-weight: bold;
}

.btn-success{
    background: rgb(23, 150, 19);
}

.btn-success:hover{
    background:black;
}

input{
width:100%;
}
<aside id="sidebar">
    <div id="nav-blog" class="sidebar-item">
        <h3>Puedes hacer esto</h3>
        <a href="#" class="btn btn-success">Crear artículo</a>
    </div>

    <div id="search" class="sidebar-item">
            <h3>Buscador</h3>
            <p>Encuentra el artículo que buscas</p>
            <form>
                <input type="text" name="search" />
                <input type="submit" name="submit" value="Buscar" class="btn" />
            </form>
    </div>
</aside>

html
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-08-15 13:23:27 +0800 CST
  • 3

I have been doing some research on this class and it says that it saves everything in memory... but in what memory? I think it's RAM, but I read on and it says temporary buffering etc. I would like you to help me with that theoretical doubt,

c#
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-08-06 11:26:01 +0800 CST
  • 1

How can I correctly select and deselect all the rows of the table with the switches that are green, since when deselecting the checkbox that selects all, it DOES NOT ALLOW ME to remove the check.

I am using this script to select and deselect the switches in green, I don't know what error can occur:

$(".chk-all-seleccion").on("change", function () {
        if ($(this).prop("checked", true)) {
            $(".chk-asistencia").each(function (index, element) {
                $(element).prop("checked", true);
                if ($(element).is(':checked')) {
                    $(element).parent().parent().css("background", "#FFE0B2");
                }
            });
        }
        else {
            $(".chk-asistencia").each(function (index, element) {
                $(element).prop("checked", true);
                $(element).parent().parent().css("background", "");
            });
        } 
    });


/*SELECCIONAR Y DESELECIONAR CADA CHECKBOX*/
        $(document).on('change', '.chk-seleccion', function () {

            if ($(this).is(':checked')) {
                $(this).parent().parent().css("background","#FFE0B2");
            }
            else {
                $(this).parent().parent().css("background", "");
            }
        });
        
        /*SELECCIONAR Y DESELECIONAR TODOS LOS CHECKBOXES*/
        $(".chk-all-seleccion").on("change", function () {
            if ($(this).prop("checked", true)) {
                $(".chk-asistencia").each(function (index, element) {
                    if ($(element).is(':checked')) {
                        $(element).parent().parent().css("background", "#FFE0B2");
                    }
                });
            }
            else {
                $(".chk-asistencia").each(function (index, element) {
                    $(element).prop("checked", true);
                    $(element).parent().parent().css("background", "");
                });
            } 
        });
/*SWITCH*/
    :root {
        --color-title: #C8553D;
        --color-off: #dc3545;
        --color-on: #28a745;
        --color-gray: #EDEDED;
        --color-hover: #fff;
        --transition-time: 0.4s;
        --scale-size: scale(1.1);
        --switch-width: 60px;
        --switch-height: 25px;
    }

    .switch {
        -webkit-appearance: none;
        display: block;
        position: relative;
        width: var(--switch-width);
        height: var(--switch-height);
        background: var(--color-off);
        box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        outline: none;
        transition: var(--transition-time);
        cursor: pointer;
    }

        .switch:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: calc(var(--switch-width)/2);
            height: var(--switch-height);
            transform: var(--scale-size);
            box-shadow: 0 2px 15px rgba(0,0,0,.2);
            background: var(--color-gray);
            transition: var(--transition-time);
        }

        .switch:checked {
            background: var(--color-on);
        }

        .switch:hover:before {
            background: var(--color-hover);
            transition: var(--transition-time);
        }

        .switch:checked:before {
            left: 50%;
        }

    .switch--circle {
        border-radius: 50px;
    }

        .switch--circle:before {
            border-radius: 50%;
        }

    @@keyframes pulse-animation {
        100% {
            transform: scale(1.2);
        }
    }
    
    /*CONTENEDOR*/
    .container {
        max-width: 1300px;
    }

    /*TABLA*/
    label {
        margin-bottom: 0;
    }

    .th-asistencia {
        width: 20%;
    }

    .td-asistencia {
        display: flex;
        justify-content: space-evenly;
    }

    .asistencia_Inter {
        display: none;
    }

    .td-seleccion {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
    }
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<label>Seleccionar todos los presentes: </label> 
<input class="chk-all-seleccion" type="checkbox" />

<hr />

<table class="table table-bordered table-striped">
    <tbody><tr class="tr-head-interesado">
        <th class=""></th>
        <th>
            DNI:
        </th>
        <th>
            Apellido Paterno:
        </th>
        <th>
            Apellido Materno:
        </th>
        <th>
            Nombres:
        </th>
        <th class="th-asistencia">
            Asistencia:
        </th>
    </tr>

    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">78547532</label>
        </td>
        <td>
            <label class="apePat_Inter">SAHUINCO</label>
        </td>
        <td>
            <label class="apeMat_Inter">VARGAS</label>
        </td>
        <td>
            <label class="nombres_Inter">ALIDA JOAQUINA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76544435</label>
        </td>
        <td>
            <label class="apePat_Inter">YOVERA</label>
        </td>
        <td>
            <label class="apeMat_Inter">INFANTE</label>
        </td>
        <td>
            <label class="nombres_Inter">JUAN MARCOS</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76474540</label>
        </td>
        <td>
            <label class="apePat_Inter">PAREDES</label>
        </td>
        <td>
            <label class="apeMat_Inter">MENDOZA</label>
        </td>
        <td>
            <label class="nombres_Inter">JULIO RONAL</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76475090</label>
        </td>
        <td>
            <label class="apePat_Inter">RAMOS</label>
        </td>
        <td>
            <label class="apeMat_Inter">HUANCA</label>
        </td>
        <td>
            <label class="nombres_Inter">CLINDIO</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">72766321</label>
        </td>
        <td>
            <label class="apePat_Inter">MARCELO</label>
        </td>
        <td>
            <label class="apeMat_Inter">ATOCHE</label>
        </td>
        <td>
            <label class="nombres_Inter">JADIRA JAZMIN</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75454576</label>
        </td>
        <td>
            <label class="apePat_Inter">ACHA</label>
        </td>
        <td>
            <label class="apeMat_Inter">CASTILLO</label>
        </td>
        <td>
            <label class="nombres_Inter">GIANNINA NICOLE</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75943583</label>
        </td>
        <td>
            <label class="apePat_Inter">ARHUIS</label>
        </td>
        <td>
            <label class="apeMat_Inter">CANALES</label>
        </td>
        <td>
            <label class="nombres_Inter">NATHALY ANTHUANED</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75435908</label>
        </td>
        <td>
            <label class="apePat_Inter">REYES</label>
        </td>
        <td>
            <label class="apeMat_Inter">ANICETO</label>
        </td>
        <td>
            <label class="nombres_Inter">GERSON CHRISTIAN</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">74547658</label>
        </td>
        <td>
            <label class="apePat_Inter">CALLE</label>
        </td>
        <td>
            <label class="apeMat_Inter">CALLE</label>
        </td>
        <td>
            <label class="nombres_Inter">ELVIS MANUEL</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76565446</label>
        </td>
        <td>
            <label class="apePat_Inter">ZAPANA</label>
        </td>
        <td>
            <label class="apeMat_Inter">DIAZ</label>
        </td>
        <td>
            <label class="nombres_Inter">RAY CARLOS</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76543354</label>
        </td>
        <td>
            <label class="apePat_Inter">MANAYAY</label>
        </td>
        <td>
            <label class="apeMat_Inter">SANCHEZ</label>
        </td>
        <td>
            <label class="nombres_Inter">FERNANDO ALONSO</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76475156</label>
        </td>
        <td>
            <label class="apePat_Inter">POMA</label>
        </td>
        <td>
            <label class="apeMat_Inter">VIDAL</label>
        </td>
        <td>
            <label class="nombres_Inter">GIAN FRANCO ALEXIS</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">74536546</label>
        </td>
        <td>
            <label class="apePat_Inter">ROJAS</label>
        </td>
        <td>
            <label class="apeMat_Inter">CONDORI</label>
        </td>
        <td>
            <label class="nombres_Inter">MICHAEL DANIEL</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">71324657</label>
        </td>
        <td>
            <label class="apePat_Inter">SAMANIEGO</label>
        </td>
        <td>
            <label class="apeMat_Inter">AQUINO</label>
        </td>
        <td>
            <label class="nombres_Inter">VLADIMIR ILICH</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">45654663</label>
        </td>
        <td>
            <label class="apePat_Inter">ALIAGA</label>
        </td>
        <td>
            <label class="apeMat_Inter">GUZMAN</label>
        </td>
        <td>
            <label class="nombres_Inter">CARELIA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">74567564</label>
        </td>
        <td>
            <label class="apePat_Inter">FLORENTINO</label>
        </td>
        <td>
            <label class="apeMat_Inter">VASQUEZ</label>
        </td>
        <td>
            <label class="nombres_Inter">RENE</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76446650</label>
        </td>
        <td>
            <label class="apePat_Inter">CARLOS</label>
        </td>
        <td>
            <label class="apeMat_Inter">CESPEDES</label>
        </td>
        <td>
            <label class="nombres_Inter">GLADIS EDITA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">77676575</label>
        </td>
        <td>
            <label class="apePat_Inter">MARCOS</label>
        </td>
        <td>
            <label class="apeMat_Inter">HERRERA</label>
        </td>
        <td>
            <label class="nombres_Inter">FATIMA CELESTE</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75435354</label>
        </td>
        <td>
            <label class="apePat_Inter">HUINCHO</label>
        </td>
        <td>
            <label class="apeMat_Inter">TAIPE</label>
        </td>
        <td>
            <label class="nombres_Inter">ESTEFANI PATRICIA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76545433</label>
        </td>
        <td>
            <label class="apePat_Inter">ESPEZA</label>
        </td>
        <td>
            <label class="apeMat_Inter">GOMEZ</label>
        </td>
        <td>
            <label class="nombres_Inter">LIZ MARLENY</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>

</tbody></table>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-08-06 09:27:49 +0800 CST
  • 1

I'm trying to change the color of a label when I clicked the checkBox, but when I deselect the checkBox I want it to go back to its normal background color, for that I use this script:

$(document).on('change', '.chk-seleccion', function () {

        var color_temporal = $(this).parent().css("background");

        console.log(color_temporal);

        if ($(this).is(':checked')) {
            $(this).parent().parent().css("background","#FFE0B2");
        }
        else {
            $(this).parent().parent().css("background", color_temporal);
        }
    });

But it ONLY puts it in the same color, I don't know if there is another way to get it.

$(document).on('change', '.chk-seleccion', function () {

            var color_temporal = $(this).parent().css("background");

            console.log(color_temporal);

            if ($(this).is(':checked')) {
                $(this).parent().parent().css("background","#FFE0B2");
            }
            else {
                $(this).parent().parent().css("background", color_temporal);
            }
        });
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<table class="table table-bordered table-striped">
    <tbody><tr class="tr-head-interesado">
        <th class=""></th>
        <th>
            DNI:
        </th>
        <th>
            Apellido Paterno:
        </th>
        <th>
            Apellido Materno:
        </th>
        <th>
            Nombres:
        </th>
        <th class="th-asistencia">
            Asistencia:
        </th>
    </tr>

    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">78547532</label>
        </td>
        <td>
            <label class="apePat_Inter">SAHUINCO</label>
        </td>
        <td>
            <label class="apeMat_Inter">VARGAS</label>
        </td>
        <td>
            <label class="nombres_Inter">ALIDA JOAQUINA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76544435</label>
        </td>
        <td>
            <label class="apePat_Inter">YOVERA</label>
        </td>
        <td>
            <label class="apeMat_Inter">INFANTE</label>
        </td>
        <td>
            <label class="nombres_Inter">JUAN MARCOS</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76474540</label>
        </td>
        <td>
            <label class="apePat_Inter">PAREDES</label>
        </td>
        <td>
            <label class="apeMat_Inter">MENDOZA</label>
        </td>
        <td>
            <label class="nombres_Inter">JULIO RONAL</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76475090</label>
        </td>
        <td>
            <label class="apePat_Inter">RAMOS</label>
        </td>
        <td>
            <label class="apeMat_Inter">HUANCA</label>
        </td>
        <td>
            <label class="nombres_Inter">CLINDIO</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">72766321</label>
        </td>
        <td>
            <label class="apePat_Inter">MARCELO</label>
        </td>
        <td>
            <label class="apeMat_Inter">ATOCHE</label>
        </td>
        <td>
            <label class="nombres_Inter">JADIRA JAZMIN</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75454576</label>
        </td>
        <td>
            <label class="apePat_Inter">ACHA</label>
        </td>
        <td>
            <label class="apeMat_Inter">CASTILLO</label>
        </td>
        <td>
            <label class="nombres_Inter">GIANNINA NICOLE</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75943583</label>
        </td>
        <td>
            <label class="apePat_Inter">ARHUIS</label>
        </td>
        <td>
            <label class="apeMat_Inter">CANALES</label>
        </td>
        <td>
            <label class="nombres_Inter">NATHALY ANTHUANED</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75435908</label>
        </td>
        <td>
            <label class="apePat_Inter">REYES</label>
        </td>
        <td>
            <label class="apeMat_Inter">ANICETO</label>
        </td>
        <td>
            <label class="nombres_Inter">GERSON CHRISTIAN</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">74547658</label>
        </td>
        <td>
            <label class="apePat_Inter">CALLE</label>
        </td>
        <td>
            <label class="apeMat_Inter">CALLE</label>
        </td>
        <td>
            <label class="nombres_Inter">ELVIS MANUEL</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76565446</label>
        </td>
        <td>
            <label class="apePat_Inter">ZAPANA</label>
        </td>
        <td>
            <label class="apeMat_Inter">DIAZ</label>
        </td>
        <td>
            <label class="nombres_Inter">RAY CARLOS</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76543354</label>
        </td>
        <td>
            <label class="apePat_Inter">MANAYAY</label>
        </td>
        <td>
            <label class="apeMat_Inter">SANCHEZ</label>
        </td>
        <td>
            <label class="nombres_Inter">FERNANDO ALONSO</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76475156</label>
        </td>
        <td>
            <label class="apePat_Inter">POMA</label>
        </td>
        <td>
            <label class="apeMat_Inter">VIDAL</label>
        </td>
        <td>
            <label class="nombres_Inter">GIAN FRANCO ALEXIS</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">74536546</label>
        </td>
        <td>
            <label class="apePat_Inter">ROJAS</label>
        </td>
        <td>
            <label class="apeMat_Inter">CONDORI</label>
        </td>
        <td>
            <label class="nombres_Inter">MICHAEL DANIEL</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">71324657</label>
        </td>
        <td>
            <label class="apePat_Inter">SAMANIEGO</label>
        </td>
        <td>
            <label class="apeMat_Inter">AQUINO</label>
        </td>
        <td>
            <label class="nombres_Inter">VLADIMIR ILICH</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">45654663</label>
        </td>
        <td>
            <label class="apePat_Inter">ALIAGA</label>
        </td>
        <td>
            <label class="apeMat_Inter">GUZMAN</label>
        </td>
        <td>
            <label class="nombres_Inter">CARELIA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">74567564</label>
        </td>
        <td>
            <label class="apePat_Inter">FLORENTINO</label>
        </td>
        <td>
            <label class="apeMat_Inter">VASQUEZ</label>
        </td>
        <td>
            <label class="nombres_Inter">RENE</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76446650</label>
        </td>
        <td>
            <label class="apePat_Inter">CARLOS</label>
        </td>
        <td>
            <label class="apeMat_Inter">CESPEDES</label>
        </td>
        <td>
            <label class="nombres_Inter">GLADIS EDITA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">77676575</label>
        </td>
        <td>
            <label class="apePat_Inter">MARCOS</label>
        </td>
        <td>
            <label class="apeMat_Inter">HERRERA</label>
        </td>
        <td>
            <label class="nombres_Inter">FATIMA CELESTE</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">75435354</label>
        </td>
        <td>
            <label class="apePat_Inter">HUINCHO</label>
        </td>
        <td>
            <label class="apeMat_Inter">TAIPE</label>
        </td>
        <td>
            <label class="nombres_Inter">ESTEFANI PATRICIA</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">ASISTIO</label>
        </td>
    </tr>
    <tr class="tr-interesado">
        <td class="td-seleccion">
            <input class="chk-seleccion" type="checkbox">
        </td>
        <td>
            <label class="dni_Inter">76545433</label>
        </td>
        <td>
            <label class="apePat_Inter">ESPEZA</label>
        </td>
        <td>
            <label class="apeMat_Inter">GOMEZ</label>
        </td>
        <td>
            <label class="nombres_Inter">LIZ MARLENY</label>
        </td>
        <td class="td-asistencia">
            <label>FALTO</label>
            <input class="chk-asistencia switch switch--circle" style="" type="checkbox">
            <label>ASISTIO</label>
            <label class="asistencia_Inter">FALTO</label>
        </td>
    </tr>

</tbody></table>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-08-01 08:20:41 +0800 CST
  • 1

When I press the delete button I get the alert with the delete message, and then when I press the delete button, the record is NOT deleted. The problem is that when you press the delete button, the AJAX method is not executed.

events

<script>
//Aquí hago que aparezca la alerta acompañado del valor del "id". 
$(document).ready(function () {
    $(".btn-eliminar").on("click", function () {
        Swal.fire({
            title: 'Está seguro que desea eliminar esta Charla?',
            text: "No podrá recuperar los datos!",
            type: 'warning',
            showCloseButton: true,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Sí, eliminarlo!',
            cancelButtonText: 'Cancelar',
            html: `<div class="lbl-id-oculto">${$(this).parent().siblings(".td-id").text().trim()}</div>`
        })
    });

    //Aquí esta el código de la acción eliminar, cuando presiono eliminar le envió el parametro "id" para que sepa que registro eliminar, pero NO ELIMINA NADA.
    $(document).on("click", ".swal2-confirm", function () {
        $.ajax({
            type: "POST",
            url: '@Url.Action("EliminarCharla", "Charlas")',
            data: { id: $(this).parent().siblings(".swal2-content").find(".lbl-id-oculto").text().trim() },
            success: function (rpta) {

            },
            error: function (req, textStatus, errorThrown) {
                alert('Ooops, something happened: ' + textStatus + ' ' + errorThrown);
            }
        });
    });
});
</script>

Controller

        public ActionResult EliminarCharla(string id) 
        {
         ClsConexion con = new ClsConexion();
         var Cnx = con.Conexion();

         OracleCommand cmd = new OracleCommand("SIMEXA_SP_ELIMINAR_CHARLA", Cnx);
         cmd.CommandType = CommandType.StoredProcedure;
         cmd.Parameters.Add(new OracleParameter("param_id", OracleDbType.Varchar2)).Value = id;
         Cnx.Open();

         OracleTransaction tx = Cnx.BeginTransaction();
         cmd.ExecuteNonQuery();
         tx.Commit();

         Cnx.Close();
         cmd.Dispose();
         Cnx.Dispose();

         return RedirectToAction("MostraCharlas");
        }
javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-25 13:23:55 +0800 CST
  • 2

I want the value of my switches to change with each click, but it gives me an error, and I think it's because of the pseudo-selector, since it's not part of the DOM.

$("input[type='checkbox']").on("click", function()
    {
    	if($(this).is(':checked'))
        {
        	$(this:before).css("content","A");
        }
        
        else
        {
        	$(this:before).css("content","F");
        }
    });
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "A";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
  content: "A";
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<h2>Toggle Switch</h2>

<label class="switch">
  <input type="checkbox">
  <span class="slider"></span>
</label>

<label class="switch">
  <input type="checkbox" checked>
  <span class="slider"></span>
</label><br><br>

<label class="switch">
  <input type="checkbox">
  <span class="slider round"></span>
</label>

<label class="switch">
  <input type="checkbox" checked>
  <span class="slider round"></span>
</label>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-20 22:02:57 +0800 CST
  • 2

I have 3 equitetes, a label with its predefined value, an input text with an empty value and a disabled checkbox. I want that when the label has the value "ASSISTED" the input text label also has that value and the checkbox is enabled. And when the label has the value "MISSING" the input text label has the same value and the checkbox is disabled.

To achieve this I use this following script:

$(".lbl-asistencia").each(function (index, element) {
        if (element.textContent == "ASISTIO") {
            $(".chk-asistencia").prop("checked", true)
            $(".txt-asistencia").val("ASISTIO");
        }
        else {
            $(".chk-asistencia").prop("checked", false)
            $(".txt-asistencia").val("FALTO");
        }
    });

But the result that comes back to me is this: enter image description here

Everything gives me ASSIST, when in reality there is only one ASSIST value and the others are MISSING.

How could I fix this?

My code

$(".lbl-asistencia").each(function (index, element) {
            if (element.textContent == "ASISTIO") {
                $(".chk-asistencia").prop("checked", true)
                $(".txt-asistencia").val("ASISTIO");
            }
            else {
                $(".chk-asistencia").prop("checked", false)
                $(".txt-asistencia").val("FALTO");
            }
        });
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>


<table class="table">
    <tbody><tr>
        <th>
            id_alumno
        </th>
        <th>
            dni_alumno
        </th>
        <th>
            nombre_alumno
        </th>
        <th>
            ape_pat_alumno
        </th>
        <th>
            ape_mat_alumno
        </th>
        <th>
            asistencia_alumno
        </th>
        <th></th>
    </tr>

    <tr>
        <td>
            1
        </td>
        <td>
            76475156
        </td>
        <td>
            GIAN FRANCO ALEXIS
        </td>
        <td>
            POMA
        </td>
        <td>
            VIDAL
        </td>
        <td>
            <label class="lbl-asistencia">FALTO</label>
            <input type="checkbox" class="chk-asistencia">
            <input type="text" class="txt-asistencia">
        </td>
        <td>
            <a href="/Charlas/Edit">Edit</a> |
            <a href="/Charlas/Details">Details</a> |
            <a href="/Charlas/Delete">Delete</a>
        </td>
    </tr>
    <tr>
        <td>
            2
        </td>
        <td>
            76475155
        </td>
        <td>
            GONZALO ALONSO
        </td>
        <td>
            GODOS
        </td>
        <td>
            VERA
        </td>
        <td>
            <label class="lbl-asistencia">FALTO</label>
            <input type="checkbox" class="chk-asistencia">
            <input type="text" class="txt-asistencia">
        </td>
        <td>
            <a href="/Charlas/Edit">Edit</a> |
            <a href="/Charlas/Details">Details</a> |
            <a href="/Charlas/Delete">Delete</a>
        </td>
    </tr>
    <tr>
        <td>
            3
        </td>
        <td>
            76475154
        </td>
        <td>
            DRUCILA
        </td>
        <td>
            VIDAL
        </td>
        <td>
            CALDERÓN
        </td>
        <td>
            <label class="lbl-asistencia">ASISTIO</label>
            <input type="checkbox" class="chk-asistencia">
            <input type="text" class="txt-asistencia">
        </td>
        <td>
            <a href="/Charlas/Edit">Edit</a> |
            <a href="/Charlas/Details">Details</a> |
            <a href="/Charlas/Delete">Delete</a>
        </td>
    </tr>

</tbody></table>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-20 21:12:00 +0800 CST
  • 1

I want to get the value of the label tags with the Jquery each() function, but it gives me an error that the element parameter is NOT a function. How can I fix that?

$(".lbl-asistencia").each(function(index, element){
	console.log(element.text());
});
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>


<table class="table">
    <tbody><tr>
        <th>
            id_alumno
        </th>
        <th>
            dni_alumno
        </th>
        <th>
            nombre_alumno
        </th>
        <th>
            ape_pat_alumno
        </th>
        <th>
            ape_mat_alumno
        </th>
        <th>
            asistencia_alumno
        </th>
        <th></th>
    </tr>

    <tr>
        <td>
            1
        </td>
        <td>
            76475156
        </td>
        <td>
            GIAN FRANCO ALEXIS
        </td>
        <td>
            POMA
        </td>
        <td>
            VIDAL
        </td>
        <td>
            <label class="lbl-asistencia">FALTO</label>
            <input type="checkbox" class="chk-asistencia">
            <input type="text" class="txt-asistencia">
        </td>
        <td>
            <a href="/Charlas/Edit">Edit</a> |
            <a href="/Charlas/Details">Details</a> |
            <a href="/Charlas/Delete">Delete</a>
        </td>
    </tr>
    <tr>
        <td>
            2
        </td>
        <td>
            76475155
        </td>
        <td>
            GONZALO ALONSO
        </td>
        <td>
            GODOS
        </td>
        <td>
            VERA
        </td>
        <td>
            <label class="lbl-asistencia">FALTO</label>
            <input type="checkbox" class="chk-asistencia">
            <input type="text" class="txt-asistencia">
        </td>
        <td>
            <a href="/Charlas/Edit">Edit</a> |
            <a href="/Charlas/Details">Details</a> |
            <a href="/Charlas/Delete">Delete</a>
        </td>
    </tr>
    <tr>
        <td>
            3
        </td>
        <td>
            76475154
        </td>
        <td>
            DRUCILA
        </td>
        <td>
            VIDAL
        </td>
        <td>
            CALDERÓN
        </td>
        <td>
            <label class="lbl-asistencia">ASISTIO</label>
            <input type="checkbox" class="chk-asistencia">
            <input type="text" class="txt-asistencia">
        </td>
        <td>
            <a href="/Charlas/Edit">Edit</a> |
            <a href="/Charlas/Details">Details</a> |
            <a href="/Charlas/Delete">Delete</a>
        </td>
    </tr>

</tbody></table>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-19 11:27:32 +0800 CST
  • 2

I want to get the id column value of a single record from a table with Jquery. To achieve this, I click one of the buttons and use the following script:

script

$(this).parent().siblings().find(".td-id").val();

The this represents this value:

$("#btn-eliminar")

But at the time of performing it does not bring me the value that I want. What am I doing wrong?

Table

$(document).ready(function () {
        $("#btn-eliminar").on("click", function () {
            Swal.fire({
                title: 'Está seguro que desea eliminar esta Charla?',
                text: "No podrá recuperar los datos!",
                type: 'warning',
                showCloseButton: true,
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, eliminarlo!',
                cancelButtonText: 'Cancelar'
            })/*.then((result) => {
                if (result.value) {
                        $.ajax({
                                    type: "POST",
                                    url: '@Url.Action("EliminarCharla", "Charlas")',
                                    data: { id: $(this).parent().siblings().find(".td-id").val() },
                                    success: function () {

                                        Swal.fire(
                                            'Eliminado!',
                                            'Se eliminó una charla.',
                                            'success'
                                        )

                                    },
                                    error: function (req, textStatus, errorThrown) {
                                        alert('Ooops, something happened: ' + textStatus + ' ' + errorThrown);
                                    }
                               });
                }
            })*/        
        });
    });
.container{max-width:1700px}tr{display:flex;flex-direction:row}td,th{display:flex;justify-content:center;align-items:center;flex-grow:1}.th-id{width:5%}.th-descripcion{width:21%}.th-sede{width:11%}.th-fecha,.th-hora{width:7%}.th-acciones,.th-lugar,.th-titulo{width:10%}.th-requisito{width:15%}.td-id{width:5%}.td-descripcion{width:21%}.td-sede{width:11%}.td-fecha,.td-hora{width:7%}.td-acciones,.td-lugar,.td-titulo{width:10%}.td-requisito{width:15%}.td-acciones{justify-content:space-evenly}
<!--BOOTSTRAP-->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    <!--FONTAWESOME-->
    <script src="https://kit.fontawesome.com/fb0967b059.js"></script>

    <!--JQUERY VAL-->
    <script src="~/Scripts/jquery.validate.min.js"></script>

    <!--SWEET ALERT-->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

<table class="table table-bordered table-striped">
    <tbody><tr>
        <th class="th-id"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            ID_Charla
        </font></font></th>
        <th class="th-titulo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Título de la charla:
        </font></font></th>
        <th class="th-descripcion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Descripción de la charla:
        </font></font></th>
        <th class="th-fecha"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Fecha de la charla:
        </font></font></th>
        <th class="th-hora"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Hora de la charla:
        </font></font></th>
        <th class="th-lugar"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Dirección de la charla:
        </font></font></th>
        <th class="th-sede"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Sede de la charla:
        </font></font></th>
        <th class="th-requisito"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Requisitos para la charla:
        </font></font></th>
        <th class="th-acciones"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
            Acciones:
        </font></font></th>
    </tr>

        <tr>
            <td class="td-id"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                34
            </font></font></td>
            <td class="td-titulo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Taller de animación 3D
            </font></font></td>
            <td class="td-descripcion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                En esta charla veremos las novedades que nos traen Adobe y porque seran una buena opcion tenerlo en nuetra maquina. </font><font style="vertical-align: inherit;">Se otorgara certificado a nombre de la nación por asistir.
            </font></font></td>
            <td class="td-fecha"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                2019-07-16
            </font></font></td>
            <td class="td-hora"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                01:58
            </font></font></td>
            <td class="td-lugar"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Jr. Manuel Raygada Mz.K -Lt.17 - Urb. </font><font style="vertical-align: inherit;">Paseo de la República Chorrillos - Telf: 252-1035
            </font></font></td>
            <td class="td-sede"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                LIMA - SAN BORJA
            </font></font></td>
            <td class="td-requisito"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Papel, Tijera, Goma, Colores, Serpentina y Título a nombre de la nación
            </font></font></td>
            <td class="td-acciones">
                <a href="/Charlas/MostrarInscritos/34?titulo=Taller%20de%20Animacion%203D&amp;descripcion=En%20esta%20charla%20veremos%20las%20novedades%20que%20nos%20trae%20Adobe%20y%20porque%20se%20seria%20una%20buena%20opcion%20tenerlo%20en%20nuetra%20maquina.%20Se%20otorgara%20certificado%20a%20nombre%20de%20la%20naci%C3%B3n%20por%20asistir.&amp;fecha=2019-07-16&amp;hora=01%3A58&amp;direccion=Jr.%20Manuel%20Raygada%20Mz.K%20-Lt.17%20-%20Urb.%20Paseo%20de%20la%20Rep%C3%BAblica%20Chorrillos%20-%20Telf%3A%20252-1035&amp;sede=LIMA%20-%20SAN%20BORJA" class="btn btn-primary" title="Ver Inscritos">
                    <i class="fas fa-clipboard-list" aria-hidden="true"></i>
                </a>

                <a href="/Charlas/EditarCharlas/34" class="btn btn-primary" title="Actualizar charla">
                    <i class="fas fa-edit" aria-hidden="true"></i>
                </a>

                <a id="btn-eliminar" href="/Charlas/EliminarCharla/34" class="btn btn-primary" title="Eliminar Charla">
                    <i class="fas fa-trash-alt" aria-hidden="true"></i>
                </a>

                <a id="btn-prueba" class="btn btn-primary">
                    <i class="fas fa-vial" aria-hidden="true"></i>
                </a>
            </td>
        </tr>
        <tr>
            <td class="td-id"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                38
            </font></font></td>
            <td class="td-titulo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Taller de Aviación Digital
            </font></font></td>
            <td class="td-descripcion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Lorem Ipsum es simplemente un texto de relleno de la industria de impresión y tipografía. </font><font style="vertical-align: inherit;">Lorem Ipsum ha sido el texto ficticio estándar de la industria desde la década de 1500, cuando una impresora desconocida tomó una galera de tipos y la mezcló para hacer un libro de muestras tipo. </font><font style="vertical-align: inherit;">Ha sobrevivido no solo cinco siglos, sino también el salto a la tipografía electrónica, permaneciendo esencialmente sin cambios. </font><font style="vertical-align: inherit;">Se popularizó en la década de 1960 con el lanzamiento de las hojas de Letraset que contenían pasajes de Lorem Ipsum y, más recientemente, con un software de edición de escritorio como Aldus.
            </font></font></td>
            <td class="td-fecha"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                2019-07-17
            </font></font></td>
            <td class="td-hora"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                02:21
            </font></font></td>
            <td class="td-lugar"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Jr. Manuel Raygada Mz.K -Lt.17 - Urb. </font><font style="vertical-align: inherit;">Paseo de la República Chorrillos - Telf: 252-1035
            </font></font></td>
            <td class="td-sede"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                LIMA - SAN BORJA
            </font></font></td>
            <td class="td-requisito"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Papel, Tijera, Goma, Colores, Serpentina y Título a nombre de la nación
            </font></font></td>
            <td class="td-acciones">
                <a href="/Charlas/MostrarInscritos/38?titulo=Taller%20de%20Aviacion%20Digital&amp;descripcion=Lorem%20Ipsum%20is%20simply%20dummy%20text%20of%20the%20printing%20and%20typesetting%20industry.%20Lorem%20Ipsum%20has%20been%20the%20industry%27s%20standard%20dummy%20text%20ever%20since%20the%201500s%2C%20when%20an%20unknown%20printer%20took%20a%20galley%20of%20type%20and%20scrambled%20it%20to%20make%20a%20type%20specimen%20book.%20It%20has%20survived%20not%20only%20five%20centuries%2C%20but%20also%20the%20leap%20into%20electronic%20typesetting%2C%20remaining%20essentially%20unchanged.%20It%20was%20popularised%20in%20the%201960s%20with%20the%20release%20of%20Letraset%20sheets%20containing%20Lorem%20Ipsum%20passages%2C%20and%20more%20recently%20with%20desktop%20publishing%20software%20like%20Aldus&amp;fecha=2019-07-17&amp;hora=02%3A21&amp;direccion=Jr.%20Manuel%20Raygada%20Mz.K%20-Lt.17%20-%20Urb.%20Paseo%20de%20la%20Rep%C3%BAblica%20Chorrillos%20-%20Telf%3A%20252-1035&amp;sede=LIMA%20-%20SAN%20BORJA" class="btn btn-primary" title="Ver Inscritos">
                    <i class="fas fa-clipboard-list" aria-hidden="true"></i>
                </a>

                <a href="/Charlas/EditarCharlas/38" class="btn btn-primary" title="Actualizar charla">
                    <i class="fas fa-edit" aria-hidden="true"></i>
                </a>

                <a id="btn-eliminar" href="/Charlas/EliminarCharla/38" class="btn btn-primary" title="Eliminar Charla">
                    <i class="fas fa-trash-alt" aria-hidden="true"></i>
                </a>

                <a id="btn-prueba" class="btn btn-primary">
                    <i class="fas fa-vial" aria-hidden="true"></i>
                </a>
            </td>
        </tr>
        <tr>
            <td class="td-id"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                40
            </font></font></td>
            <td class="td-titulo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                VALLE DE SILICONA DE TALLER DE MANUALIDADES
            </font></font></td>
            <td class="td-descripcion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Lorem Ipsum es simplemente un texto de relleno de la industria de impresión y tipografía. </font><font style="vertical-align: inherit;">Lorem Ipsum ha sido el texto ficticio estándar de la industria desde la década de 1500, cuando una impresora desconocida tomó una galera de tipos y la mezcló para hacer un libro de muestras tipo. </font><font style="vertical-align: inherit;">Ha sobrevivido no solo cinco siglos, sino también el salto a la tipografía electrónica, permaneciendo esencialmente sin cambios. </font><font style="vertical-align: inherit;">Se popularizó en la década de 1960 con el lanzamiento de las hojas de Letraset que contenían pasajes de Lorem Ipsum y, más recientemente, con un software de edición de escritorio como Aldus.
            </font></font></td>
            <td class="td-fecha"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                2019-07-16
            </font></font></td>
            <td class="td-hora"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                21:21
            </font></font></td>
            <td class="td-lugar"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Jr. Manuel Raygada Mz.K -Lt.17 - Urb. </font><font style="vertical-align: inherit;">Paseo de la República Chorrillos - Telf: 252-1035
            </font></font></td>
            <td class="td-sede"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                LIMA - SAN BORJA
            </font></font></td>
            <td class="td-requisito"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Papel, Tijera, Goma, Colores, Serpentina y Título a nombre de la nación
            </font></font></td>
            <td class="td-acciones">
                <a href="/Charlas/MostrarInscritos/40?titulo=TALLER%20DE%20MANUALIDADES%20SILICON%20VALLEY&amp;descripcion=Lorem%20Ipsum%20is%20simply%20dummy%20text%20of%20the%20printing%20and%20typesetting%20industry.%20Lorem%20Ipsum%20has%20been%20the%20industry%27s%20standard%20dummy%20text%20ever%20since%20the%201500s%2C%20when%20an%20unknown%20printer%20took%20a%20galley%20of%20type%20and%20scrambled%20it%20to%20make%20a%20type%20specimen%20book.%20It%20has%20survived%20not%20only%20five%20centuries%2C%20but%20also%20the%20leap%20into%20electronic%20typesetting%2C%20remaining%20essentially%20unchanged.%20It%20was%20popularised%20in%20the%201960s%20with%20the%20release%20of%20Letraset%20sheets%20containing%20Lorem%20Ipsum%20passages%2C%20and%20more%20recently%20with%20desktop%20publishing%20software%20like%20Aldus&amp;fecha=2019-07-16&amp;hora=21%3A21&amp;direccion=Jr.%20Manuel%20Raygada%20Mz.K%20-Lt.17%20-%20Urb.%20Paseo%20de%20la%20Rep%C3%BAblica%20Chorrillos%20-%20Telf%3A%20252-1035&amp;sede=LIMA%20-%20SAN%20BORJA" class="btn btn-primary" title="Ver Inscritos">
                    <i class="fas fa-clipboard-list" aria-hidden="true"></i>
                </a>

                <a href="/Charlas/EditarCharlas/40" class="btn btn-primary" title="Actualizar charla">
                    <i class="fas fa-edit" aria-hidden="true"></i>
                </a>

                <a id="btn-eliminar" href="/Charlas/EliminarCharla/40" class="btn btn-primary" title="Eliminar Charla">
                    <i class="fas fa-trash-alt" aria-hidden="true"></i>
                </a>

                <a id="btn-prueba" class="btn btn-primary">
                    <i class="fas fa-vial" aria-hidden="true"></i>
                </a>
            </td>
        </tr>
        <tr>
            <td class="td-id"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                47
            </font></font></td>
            <td class="td-titulo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Taller Desastres Naturales I
            </font></font></td>
            <td class="td-descripcion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Contrariamente a la creencia popular, Lorem Ipsum no es simplemente un texto aleatorio. </font><font style="vertical-align: inherit;">Tiene sus raíces en una pieza de la literatura latina clásica del 45 a. C., que tiene más de 2000 años de antigüedad. </font><font style="vertical-align: inherit;">Richard McClintock, un profesor de latín en Hampden-Sydney College en Virginia, buscó una de las palabras latinas más oscuras, consectetur, de un pasaje de Lorem Ipsum, y repasando las citas de la palabra en la literatura clásica, descubrió la indudable fuente. </font><font style="vertical-align: inherit;">Lorem Ipsum proviene de las secciones 1.10.32 y 1.10.33 de "de Finibus Bonorum et Malorum".
            </font></font></td>
            <td class="td-fecha"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                2019-07-17
            </font></font></td>
            <td class="td-hora"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                23:23
            </font></font></td>
            <td class="td-lugar"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Es un hecho establecido que el contenido legible de una página distrae a un lector cuando
            </font></font></td>
            <td class="td-sede"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                LIMA - SAN BORJA
            </font></font></td>
            <td class="td-requisito"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Aquí hay muchas variaciones de los pasajes de Lorem Ipsum disponibles, pero la mayoría ha sufrido Altera.
            </font></font></td>
            <td class="td-acciones">
                <a href="/Charlas/MostrarInscritos/47?titulo=Taller%20Desastres%20Naturales%20I&amp;descripcion=Contrary%20to%20popular%20belief%2C%20Lorem%20Ipsum%20is%20not%20simply%20random%20text.%20It%20has%20roots%20in%20a%20piece%20of%20classical%20Latin%20literature%20from%2045%20BC%2C%20making%20it%20over%202000%20years%20old.%20Richard%20McClintock%2C%20a%20Latin%20professor%20at%20Hampden-Sydney%20College%20in%20Virginia%2C%20looked%20up%20one%20of%20the%20more%20obscure%20Latin%20words%2C%20consectetur%2C%20from%20a%20Lorem%20Ipsum%20passage%2C%20and%20going%20through%20the%20cites%20of%20the%20word%20in%20classical%20literature%2C%20discovered%20the%20undoubtable%20source.%20Lorem%20Ipsum%20comes%20from%20sections%201.10.32%20and%201.10.33%20of%20%22de%20Finibus%20Bonorum%20et%20Malorum%22.&amp;fecha=2019-07-17&amp;hora=23%3A23&amp;direccion=It%20is%20a%20long%20established%20fact%20that%20a%20reader%20will%20be%20distracted%20by%20the%20readable%20content%20of%20a%20page%20whe&amp;sede=LIMA%20-%20SAN%20BORJA" class="btn btn-primary" title="Ver Inscritos">
                    <i class="fas fa-clipboard-list" aria-hidden="true"></i>
                </a>

                <a href="/Charlas/EditarCharlas/47" class="btn btn-primary" title="Actualizar charla">
                    <i class="fas fa-edit" aria-hidden="true"></i>
                </a>

                <a id="btn-eliminar" href="/Charlas/EliminarCharla/47" class="btn btn-primary" title="Eliminar Charla">
                    <i class="fas fa-trash-alt" aria-hidden="true"></i>
                </a>

                <a id="btn-prueba" class="btn btn-primary">
                    <i class="fas fa-vial" aria-hidden="true"></i>
                </a>
            </td>
        </tr>
        <tr>
            <td class="td-id"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                48
            </font></font></td>
            <td class="td-titulo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Taller de Aviación Digital 9
            </font></font></td>
            <td class="td-descripcion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Lorem Ipsum es simplemente un texto de relleno de la industria de impresión y tipografía. </font><font style="vertical-align: inherit;">Lorem Ipsum ha sido el texto ficticio estándar de la industria desde la década de 1500, cuando una impresora desconocida tomó una galera de tipos y la mezcló para hacer un libro de muestras tipo. </font><font style="vertical-align: inherit;">Ha sobrevivido no solo cinco siglos, sino también el salto a la tipografía electrónica, permaneciendo esencialmente sin cambios. </font><font style="vertical-align: inherit;">Se popularizó en la década de 1960 con el lanzamiento de las hojas de Letraset que contenían pasajes de Lorem Ipsum y, más recientemente, con un software de edición de escritorio como Aldus.
            </font></font></td>
            <td class="td-fecha"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                2019-07-16
            </font></font></td>
            <td class="td-hora"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                02:21
            </font></font></td>
            <td class="td-lugar"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Jr. Manuel Raygada Mz.K -Lt.17 - Urb. </font><font style="vertical-align: inherit;">Paseo de la República Chorrillos - Telf: 252-1035
            </font></font></td>
            <td class="td-sede"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                LIMA - SAN BORJA
            </font></font></td>
            <td class="td-requisito"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Papel, Tijera, Goma, Colores, Serpentina y Título a nombre de la nación
            </font></font></td>
            <td class="td-acciones">
                <a href="/Charlas/MostrarInscritos/48?titulo=Taller%20de%20Aviacion%20Digital%209&amp;descripcion=Lorem%20Ipsum%20is%20simply%20dummy%20text%20of%20the%20printing%20and%20typesetting%20industry.%20Lorem%20Ipsum%20has%20been%20the%20industry%27s%20standard%20dummy%20text%20ever%20since%20the%201500s%2C%20when%20an%20unknown%20printer%20took%20a%20galley%20of%20type%20and%20scrambled%20it%20to%20make%20a%20type%20specimen%20book.%20It%20has%20survived%20not%20only%20five%20centuries%2C%20but%20also%20the%20leap%20into%20electronic%20typesetting%2C%20remaining%20essentially%20unchanged.%20It%20was%20popularised%20in%20the%201960s%20with%20the%20release%20of%20Letraset%20sheets%20containing%20Lorem%20Ipsum%20passages%2C%20and%20more%20recently%20with%20desktop%20publishing%20software%20like%20Aldus&amp;fecha=2019-07-16&amp;hora=02%3A21&amp;direccion=Jr.%20Manuel%20Raygada%20Mz.K%20-Lt.17%20-%20Urb.%20Paseo%20de%20la%20Rep%C3%BAblica%20Chorrillos%20-%20Telf%3A%20252-1035&amp;sede=LIMA%20-%20SAN%20BORJA" class="btn btn-primary" title="Ver Inscritos">
                    <i class="fas fa-clipboard-list" aria-hidden="true"></i>
                </a>

                <a href="/Charlas/EditarCharlas/48" class="btn btn-primary" title="Actualizar charla">
                    <i class="fas fa-edit" aria-hidden="true"></i>
                </a>

                <a id="btn-eliminar" href="/Charlas/EliminarCharla/48" class="btn btn-primary" title="Eliminar Charla">
                    <i class="fas fa-trash-alt" aria-hidden="true"></i>
                </a>

                <a id="btn-prueba" class="btn btn-primary">
                    <i class="fas fa-vial" aria-hidden="true"></i>
                </a>
            </td>
        </tr>
        <tr>
            <td class="td-id"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                49
            </font></font></td>
            <td class="td-titulo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Taller de animación 3D3D3D
            </font></font></td>
            <td class="td-descripcion"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                En esta charla veremos las novedades que nos traen Adobe y porque seran una buena opcion tenerlo en nuetra maquina. </font><font style="vertical-align: inherit;">Se otorgara certificado a nombre de la nación por asistir.
            </font></font></td>
            <td class="td-fecha"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                2019-07-16
            </font></font></td>
            <td class="td-hora"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                01:58
            </font></font></td>
            <td class="td-lugar"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Jr. Manuel Raygada Mz.K -Lt.17 - Urb. </font><font style="vertical-align: inherit;">Paseo de la República Chorrillos - Telf: 252-1035
            </font></font></td>
            <td class="td-sede"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                LIMA - SAN BORJA
            </font></font></td>
            <td class="td-requisito"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                Papel, Tijera, Goma, Colores, Serpentina y Título a nombre de la nación
            </font></font></td>
            <td class="td-acciones">
                <a href="/Charlas/MostrarInscritos/49?titulo=Taller%20de%20Animacion%203D3D3D&amp;descripcion=En%20esta%20charla%20veremos%20las%20novedades%20que%20nos%20trae%20Adobe%20y%20porque%20se%20seria%20una%20buena%20opcion%20tenerlo%20en%20nuetra%20maquina.%20Se%20otorgara%20certificado%20a%20nombre%20de%20la%20naci%C3%B3n%20por%20asistir.&amp;fecha=2019-07-16&amp;hora=01%3A58&amp;direccion=Jr.%20Manuel%20Raygada%20Mz.K%20-Lt.17%20-%20Urb.%20Paseo%20de%20la%20Rep%C3%BAblica%20Chorrillos%20-%20Telf%3A%20252-1035&amp;sede=LIMA%20-%20SAN%20BORJA" class="btn btn-primary" title="Ver Inscritos">
                    <i class="fas fa-clipboard-list" aria-hidden="true"></i>
                </a>

                <a href="/Charlas/EditarCharlas/49" class="btn btn-primary" title="Actualizar charla">
                    <i class="fas fa-edit" aria-hidden="true"></i>
                </a>

                <a id="btn-eliminar" href="/Charlas/EliminarCharla/49" class="btn btn-primary" title="Eliminar Charla">
                    <i class="fas fa-trash-alt" aria-hidden="true"></i>
                </a>

                <a id="btn-prueba" class="btn btn-primary">
                    <i class="fas fa-vial" aria-hidden="true"></i>
                </a>
            </td>
        </tr>

</tbody></table>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-17 08:58:05 +0800 CST
  • 1

I have a form where a Chat will be registered in the database, everything works fine, the problem is the ViewBag, since it carries the message to Javascript in the view so that it can place a validation. When the user registers, a success message should appear, but the ViewBag makes it appear as an error, in the database if the user's data is displayed, so the only problem would be the ViewBag.

Also, when I run it again, the modal just appears fine with the message success.

Controller

//Charlas
    public ActionResult CrearCharla()
    {
        List<ClsSede> listaSede = new List<ClsSede>();

        ClsSede Sede1 = new ClsSede();
        Sede1.sede_Text = "LIMA - SAN BORJA";
        Sede1.sede_Value = "LIMA - SAN BORJA";

        ClsSede Sede2 = new ClsSede();
        Sede2.sede_Text = "LIMA - LOS OLIVOS";
        Sede2.sede_Value = "LIMA - LOS OLIVOS";

        ClsSede Sede3 = new ClsSede();
        Sede3.sede_Text = "LIMA - CHORRILLOS";
        Sede3.sede_Value = "LIMA - CHORRILLOS";

        listaSede.Add(Sede1);
        listaSede.Add(Sede2);
        listaSede.Add(Sede3);

        ViewBag.Sedes = new SelectList(listaSede, "sede_Text", "sede_Value");

        return View(new ClsCharla());
    }

    [HttpPost]
    public ActionResult CrearCharla(ClsCharla charla)
    {

        List<ClsSede> listaSede = new List<ClsSede>();

        ClsSede Sede1 = new ClsSede();
        Sede1.sede_Text = "LIMA - SAN BORJA";
        Sede1.sede_Value = "LIMA - SAN BORJA";

        ClsSede Sede2 = new ClsSede();
        Sede2.sede_Text = "LIMA - LOS OLIVOS";
        Sede2.sede_Value = "LIMA - LOS OLIVOS";

        ClsSede Sede3 = new ClsSede();
        Sede3.sede_Text = "LIMA - CHORRILLOS";
        Sede3.sede_Value = "LIMA - CHORRILLOS";

        listaSede.Add(Sede1);
        listaSede.Add(Sede2);
        listaSede.Add(Sede3);

        ViewBag.Sedes = new SelectList(listaSede, "sede_Text", "sede_Value", charla.sede_Charla);

        //-----

        string mensaje = "";

        try
        {
            ClsConexion con = new ClsConexion();
            var Cnx = con.Conexion();

            OracleCommand cmd = new OracleCommand("SIMEXA_SP_REGISTRAR_CHARLA", Cnx);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.Add(new OracleParameter("param_titulo", OracleDbType.Varchar2)).Value = charla.titulo_Charla.Trim();
            cmd.Parameters.Add(new OracleParameter("param_descrip", OracleDbType.Varchar2)).Value = charla.descrip_Charla.Trim();
            cmd.Parameters.Add(new OracleParameter("param_fecha", OracleDbType.Varchar2)).Value = charla.fecha_Charla;
            cmd.Parameters.Add(new OracleParameter("param_hora", OracleDbType.Varchar2)).Value = charla.hora_Charla;
            cmd.Parameters.Add(new OracleParameter("param_lugar", OracleDbType.Varchar2)).Value = charla.lugar_Charla.Trim();
            cmd.Parameters.Add(new OracleParameter("param_sede", OracleDbType.Varchar2)).Value = charla.sede_Charla;
            cmd.Parameters.Add(new OracleParameter("param_requisito", OracleDbType.Varchar2)).Value = charla.requisito_Charla.Trim();
            Cnx.Open();

            OracleTransaction tx = Cnx.BeginTransaction();
            cmd.ExecuteNonQuery();
            tx.Commit();

            Cnx.Close();
            cmd.Dispose();
            Cnx.Dispose();

            mensaje = "exito";

        }
        catch
        {
            mensaje = "error";
        }
        finally
        {
            ViewBag.mensaje = mensaje;
        }

        return RedirectToAction("MostraCharlas");

    }

View

    @model wsCharlas.Models.ClsCharla

@{
    ViewBag.Title = "Crear Charla";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Crear Charla:</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <h4>Aquí usted podrá colocar todos los datos respectivos de la charla que desee crear.</h4>
    <hr />

    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

    <!--    <div class="form-horizontal"> -->
    <div class="form-group">
        @Html.HiddenFor(model => model.ID_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.HiddenFor(model => model.ID_Charla, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.ID_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.titulo_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.EditorFor(model => model.titulo_Charla, new { htmlAttributes = new { @class = "form-control", maxlength = "40" } })
            @Html.ValidationMessageFor(model => model.titulo_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.descrip_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.TextAreaFor(model => model.descrip_Charla, new { @id = "textArea", @class = "form-control", maxlength = "530" })
            @Html.ValidationMessageFor(model => model.descrip_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.fecha_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.EditorFor(model => model.fecha_Charla, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.fecha_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.hora_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.EditorFor(model => model.hora_Charla, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.hora_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.lugar_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.EditorFor(model => model.lugar_Charla, new { htmlAttributes = new { @class = "form-control", maxlength = "100" } })
            @Html.ValidationMessageFor(model => model.lugar_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.sede_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.DropDownListFor(model => model.sede_Charla, (SelectList)ViewBag.Sedes, "Seleccione una Sede", new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.sede_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.requisito_Charla, htmlAttributes: new { @class = "control-label" })
        <div>
            @Html.EditorFor(model => model.requisito_Charla, new { htmlAttributes = new { @class = "form-control", maxlength = "100" } })
            @Html.ValidationMessageFor(model => model.requisito_Charla, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2">
            <input type="submit" value="Crear Charla" id="id_charla"  class="btn btn-success" />
        </div>
    </div>
    <!--</div> -->
}

<div>
    @Html.ActionLink("Regresar", "MostraCharlas", null, new { @class = "btn btn-primary" })
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

<style>
    #textArea{
        min-height: 62px;
        max-height: 135px;
    }
</style>

<script>

    var msg = '@ViewBag.mensaje'

    $("#id_charla").on("click", function () {
        if (msg == 'exito') {
            Swal.fire(
                        msg,
                        'Se agrego una nueva charla!',
                        'success'
                     )
        } else {
            Swal.fire(
                        msg,
                        'No se pudo registrar su nueva charla, asegúrese de completar todo el formulario, si el problema continua comuniquese con el área de informática!',
                        'error'
                     )
        }   
    });

</script>
visual-studio
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-16 22:01:31 +0800 CST
  • 2

I just validated an input text, but when I Ctrl + a and then hit any character to get it replaced, nothing actually happens. I would like to know what is the reason for this error.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</head>
<body>
    <input id="texto" type="text">
</body>

<script>
    $("#texto").on("keypress", function(event){
        
        if(event.which > 47 && event.which < 58){
            return false;
        }

        if($(this).val().length == 5){
            return false;
        }
            
    });
</script>

</html>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-16 21:04:43 +0800 CST
  • 1

I am validating a <input text>and I want that no more than 5 characters are written and that they do not accept numbers, but I do not get results.

$("#texto").on("keypress", function(event){           
    if(event.which > 47 || event.which < 58 || $(this).val().length == 5){
         return false;
     }                
});
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  
</head>
<body>
  <input id="texto" type="text">
</body>
</html>

javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-07-11 13:04:10 +0800 CST
  • 6

I am validating a field that can be a telephone number or cell phone number, but when placing the value it accepts me from 7 to 9, I want it to be validated only if it has 7 or 9 characters. How can i fix it?

\d{7,9}

Code

$(document).ready(function () {

var telefono = $("#campo_telefono")

var expreg = /\d{7,9}/;

if (expreg.test(telefono))
    alert("El telefono es correcta");
else
    alert("El telefono NO es correcta"); 
});
javascript
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-12-19 15:08:08 +0800 CST
  • 3

I am performing regular expressions on a registration form using Web forms. I would like to know if it is well done because when registering nothing happens.

This is my regular expression code:

Dim expre_regul As String = "/^[a-zA-Z0-9\._-]+@(hotmail|gmail)[.][a-zA-Z]{2,4}$/"

        Dim r As Regex = New Regex(expre_regul)

        If Not r.IsMatch(txtCorreo.Text) Then
            Return
        End If

This is the complete code of my "Register" button

Protected Sub btnRegistrar_Click(sender As Object, e As EventArgs) Handles btnRegistrar.Click

    Try

        Dim clRegistrar As New SIMULADOR_LOG.clsExamenLOG
        Dim User As New SIMULADOR_ENT.clsUsuarioSim
        With User
            .dni_user = txtDNI.Text
            .ape_pat_user = txtApellidoPaterno.Text
            .ape_mat_user = txtApellidoMaterno.Text
            .nombre_user = txtNombres.Text
            .direccion_user = txtDireccion.Text
            .celular_user = txtCelular.Text
            .correo_user = txtCorreo.Text
            .dept_user = cmbDepartamento.Text
            .prov_user = cmbProvincia.Text
            .dist_user = cmbDistrito.Text
            .fech_nacimiento = txtFechaNacimiento.Text
        End With

        Dim expre_regul As String = "/^[a-zA-Z0-9\._-]+@(hotmail|gmail)[.][a-zA-Z]{2,4}$/"

        Dim r As Regex = New Regex(expre_regul)

        If Not r.IsMatch(txtCorreo.Text) Then
            Return
        End If

        Dim mensajeLog As String = clRegistrar.RegistrarUsuario(User)

        Dim Mensaje As String = "<script type=""text/javascript"">" &
                                "Message('El sistema dice: " & mensajeLog & "')</script>"

        ClientScript.RegisterStartupScript(Me.GetType, "msg", Mensaje)

        Response.Redirect("SimuladorExamen.aspx")

    Catch

        'ScriptManager.RegisterStartupScript(Me, GetType(Page), "alerta", "alert('Ingrese un valor válido');", True)

    End Try

End Sub
vb.net
Martin Hope
Gian Franco Alexis Poma Vidal
Asked: 2020-11-28 09:39:43 +0800 CST
  • 2

What I try to do is create 2 files in the system, one where the user can choose where he wants to save his database file where all the records of his products will be. The other file txtwould be created without the user's permission and will already be located on disk C, the point is that this file will have the path of the database txt file stored.

The only problem that I present is that the file that I create without the user's permission is that it does not store the path of the database file.

private void btnRuta_Click(object sender, EventArgs e)
        {

    //Aquí creo 2 variables que serian archivos .txt, creo una para la base de datos en un grid y otra que me almacene la ruta de esta base de dato.
    string dataBase;
    string rutaDataBase = @"Bibliotecas\Documentos\rutaDataBase.txt";

            SaveFileDialog salvarArchivo = new SaveFileDialog();
            salvarArchivo.Filter = "archivo de texto|*.txt";

            if (salvarArchivo.ShowDialog() == DialogResult.OK) {

                dataBase = new FileInfo(salvarArchivo.FileName).DirectoryName;

                StreamWriter escritor = new StreamWriter(salvarArchivo.FileName);

                escritor.Write(dataBase);//Aqui si funciona, pero el punto es que salga en el otro archivo txt.

                escritor.Close();

                System.IO.File.CreateText(rutaDataBase).Write(dataBase); //AQUÍ ES DONDE NO ME ESCRIBE LA RUTA DE MI DATABASE EN MI ARCHIVO DE TEXTO


            }

        }
c#