Luis Flores

All generations.

testsThu, 25 May 2023

$("#tipo_contratacion").change(function () { $("#tipo_contratacion option:selected").each(function () { var TpC = $("#tipo_contratacion").val(); if (TpC != 0){ $("#nivel_contratacion").removeAttr('disabled'); $("#nivel_contratacion").val(''); $("#nivel_salarial").attr('disabled','disabled'); $("#nivel_salarial").val(''); $("#sueldo_bruto").attr('disabled','disabled'); $("#sueldo_bruto").val(''); $("#codigo_plaza").val(''); $("#denominacion_plaza").val(''); $("#programa_presupuestario").val(''); $("#sueldo_deducciones").val(''); $("#sueldo_neto_mensual").val(''); $("#clave_presupuestal_personal_contratacion").attr('disabled','disabled'); $("#codigo_contratacion").attr('disabled','disabled'); $("#ocupacion_inicial").attr('disabled','disabled'); $("#ocupacion_final").attr('disabled','disabled'); $("#horario_entrada").attr('disabled','disabled'); $("#horario_salida").attr('disabled','disabled'); }else{ $("#nivel_contratacion").attr('disabled','disabled'); $("#nivel_contratacion").val(''); $("#nivel_salarial").attr('disabled','disabled'); $("#nivel_salarial").val(''); $("#codigo_plaza").val(''); $("#denominacion_plaza").val(''); $("#programa_presupuestario").val(''); $("#sueldo_bruto").val(''); $("#sueldo_deducciones").val(''); $("#sueldo_neto_mensual").val(''); $("label.error").remove(); $("#clave_presupuestal_personal_contratacion").attr('disabled','disabled'); $("#codigo_contratacion").attr('disabled','disabled'); $("#ocupacion_inicial").attr('disabled','disabled'); $("#ocupacion_final").attr('disabled','disabled'); $("#horario_entrada").attr('disabled','disabled'); $("#horario_salida").attr('disabled','disabled'); } }) });

## References - [Learn to Code HTML & CSS](http://learn.shayhowe.com/html-css/) - [Learn to Code Advanced HTML & CSS](http://learn.shayhowe.com/advanced-html-css/) - [jQuery Fundamentals](http://jqfundamentals.com/)

generate functionThu, 25 May 2023

multiselect

function multiselect(arr, s, e) { var ret = []; for (var i = s; i < e; i++) { ret.push(arr[i]); } return ret; } multiselect([1, 2, 3, 4, 5], 2, 4)

Javascript
View

multiselect

<select multiple> <option value="volvo" selected>Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select>

class from descriptionThu, 25 May 2023

checkbox para desbloquar inputs

// Initialize Firebase var config = { apiKey: "AIzaSyC4zqKZQTJpJ9tM2w-Uvf2PnqJQW_ZN-Dw", authDomain: "gabriel-examen-final.firebaseapp.com", databaseURL: "https://gabriel-examen-final.firebaseio.com", projectId: "gabriel-examen-final", storageBucket: "gabriel-examen-final.appspot.com", messagingSenderId: "633394448115" }; firebase.initializeApp(config); var database = firebase.database(); $("#checkbox").change(function(){ if($(this).is(":checked")){ $("#checkbox-description").text("Desbloqueado"); $(".input-admin").prop("disabled",false); }else{ $("#checkbox-description").text

Javascript
View
css from descriptionThu, 25 May 2023

menu responsive

@media only screen and (max-width: 768px) { .header { width: 100%; height: 50px; } .header .menu { width: 100%; height: 50px; } .header .menu .ul { width: 100%; height: 50px; } .header .menu .ul .li { width: 100%; height: 50px; text-align: center; } .header .menu .ul .li .a { width: 100%; height: 50px; line-height: 50px; display: block; } }

class from descriptionThu, 25 May 2023

desbloquear input con checkbox

$("#pago-con-tarjeta").show(); $("#pago-con-efectivo").hide(); if($('input:checkbox[name=checkbox-1]').is(':checked')){ $("#pago-con-tarjeta").show(); $("#pago-con-efectivo").hide(); }else { $("#pago-con-tarjeta").hide(); $("#pago-con-efectivo").show(); }

Javascript
View
generate functionFri, 26 May 2023

limpiar inputs

function clean() { document.getElementById("input1").value = "" document.getElementById("input2").value = "" document.getElementById("input3").value = "" document.getElementById("input4").value = "" }

Javascript
View

carrousel

<div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="../../img/img1.jpg" alt="Chania"> </div> <div class="item"> <img src="../../img/img2.jpg" alt="Chania"> </div> <div class="item"> <img src="../../img/img3.png" alt="Flower"> </div> </div>

generate functionThu, 25 May 2023

editar multiselect

function editarMultiselect(valor, multiselect, selector) { $(multiselect).find('option').each(function (key, option) { if (option.selected) { $(multiselect).multiselect('deselect', option.value); } }); if (valor) { $(multiselect).multiselect('select', valor); } $(multiselect).multiselect('rebuild'); $(selector).change(); }

Javascript
View
generate functionThu, 25 May 2023

habilitar un boton

function setButtonEnabled(button, enabled) { if (enabled) { // enable button } else { // disable button } } setButtonEnabled(button, true)

Javascript
View
css from descriptionThu, 25 May 2023

media query para responsive

.container { width: 800px; height: 600px; } @media (min-width: 600px) { .container { width: 600px; height: 400px; } } @media (min-width: 400px) { .container { width: 400px; height: 300px; } }

class from descriptionThu, 25 May 2023

desbloquear inputs con checkbox

<?php $bloqueado = $row->bloqueado; ?> <input type="checkbox" data-toggle="toggle" data-size="mini" data-style="ios" data-onstyle="success" data-offstyle="danger" data-on="Activo" data-off="Inactivo" data-width="100" value="1" <?php echo ($bloqueado==1)?'checked':'' ?> />

PHP
View
class from descriptionThu, 25 May 2023

desbloquear inputs con checkbox

async function check_checkbox() { const data = await $.ajax({ type: "GET", url: "/check_checkbox", data: { 'checkbox': $("#checkbox").is(':checked') } }) $("#input_1").prop('disabled', !data.checkbox) $("#input_2").prop('disabled', !data.checkbox) }

Javascript
View

Want to kickstart your project?Use the new AI Studio to create your code