Comunidad de diseño web y desarrollo en internet online

ejer jquery

Citar            
MensajeEscrito el 13 Jun 2016 05:18 pm
$(document).ready(function(){

texto=$("#itemText").val();

$("#itemText").val("").focus();

//boton insertar y poder seeleccionar y deselecionar items
$("#insertItemBtn").click(function(){
$("#shoppingListUl").append($("<li>" + $("#itemText").val() + "</li>").click(function(){
$(this).toggleClass("selected");
}));
contar();
});

//Accion de insertar con intro
$("#itemText").keypress(function(e){
if(e.which == 13){
$("#shoppingListUl").append($("<li>" + $("#itemText").val() + "</li>").click(function(){
$(this).toggleClass("selected");
}));
}
contar();
});

//Accion de seleccionar todos items
$("#selectAllBtn").click(function(){
$("#shoppingListUl li").each(function(){
$(this).addClass("selected");
});
});

//Accion de deseleccionar todos items
$("#selectNothingBtn").click(function(){
$("#shoppingListUl li").each(function(){
$(this).removeClass("selected");
});
});

//Accion de invertir seleccion
$("#invertSelectionBtn").click(function(){
$("#shoppingListUl li").each(function(){
$(this).toggleClass("selected");
});
});

//Accion de borrar seleccionados
$("#deleteSelectedBtn").click(function(){
$(".selected").remove();
contar();
});

//Accion de mover items seleecionados a cart
$("#moveSelectedBtn").click(function(){
$("#shoppingListUl .selected").each(function(){
$("#cartUl").append($("<li>" + $(this).html() + "</li>"));
$(this).remove();
});
contar();
});

//Accion de vaciar el cart
$("#emptyCartBtn").click(function(){
$("#cartUl li").each(function(){
$(this).remove();
});
contar();
});

});

//funcion para actualizar contadores de ambas listas

function contar(){
var contador=$("#shoppingListUl li").length
$("#listStatus").html(contador + " items in your shopping list");
var contador2=$("#cartUl li").length
$("#cartStatus").html(contador2 + " items in your shopping list");
}

Por User32

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 14 Jun 2016 08:00 am

Por conectart

Claber

128 de clabLevel



 

ceo

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.