Mostrando entradas con la etiqueta jquery. Mostrar todas las entradas
Mostrando entradas con la etiqueta jquery. Mostrar todas las entradas

sábado, 2 de julio de 2016

JQUERY source code 1 BJ version 01

$(document).ready(function(){

/*  New Additons for end

Added more output for winning/loosing to the 'hand' object
Added a restart button click to re-deal
*/


var used_cards = new Array();

function card(name,suit,value) {
this.name = name;
this.suit = suit;
this.value = value;
}

var deck = [
new card('Ace', 'Hearts',11),
new card('Two', 'Hearts',2),
new card('Three', 'Hearts',3),
new card('Four', 'Hearts',4),
new card('Five', 'Hearts',5),
new card('Six', 'Hearts',6),
new card('Seven', 'Hearts',7),
new card('Eight', 'Hearts',8),
new card('Nine', 'Hearts',9),
new card('Ten', 'Hearts',10),
new card('Jack', 'Hearts',10),
new card('Queen', 'Hearts',10),
new card('King', 'Hearts',10),
new card('Ace', 'Diamonds',11),
new card('Two', 'Diamonds',2),
new card('Three', 'Diamonds',3),
new card('Four', 'Diamonds',4),
new card('Five', 'Diamonds',5),
new card('Six', 'Diamonds',6),
new card('Seven', 'Diamonds',7),
new card('Eight', 'Diamonds',8),
new card('Nine', 'Diamonds',9),
new card('Ten', 'Diamonds',10),
new card('Jack', 'Diamonds',10),
new card('Queen', 'Diamonds',10),
new card('King', 'Diamonds',10),
new card('Ace', 'Clubs',11),
new card('Two', 'Clubs',2),
new card('Three', 'Clubs',3),
new card('Four', 'Clubs',4),
new card('Five', 'Clubs',5),
new card('Six', 'Clubs',6),
new card('Seven', 'Clubs',7),
new card('Eight', 'Clubs',8),
new card('Nine', 'Clubs',9),
new card('Ten', 'Clubs',10),
new card('Jack', 'Clubs',10),
new card('Queen', 'Clubs',10),
new card('King', 'Clubs',10),
new card('Ace', 'Spades',11),
new card('Two', 'Spades',2),
new card('Three', 'Spades',3),
new card('Four', 'Spades',4),
new card('Five', 'Spades',5),
new card('Six', 'Spades',6),
new card('Seven', 'Spades',7),
new card('Eight', 'Spades',8),
new card('Nine', 'Spades',9),
new card('Ten', 'Spades',10),
new card('Jack', 'Spades',10),
new card('Queen', 'Spades',10),
new card('King', 'Spades',10)
];

var hand = {
cards : new Array(),
current_total : 0,

sumCardTotal: function(){
this.current_total = 0;
for(var i=0;i<this.cards.length;i++){
var c = this.cards[i];
this.current_total += c.value;
}
$("#hdrTotal").html("Total: " + this.current_total );

if(this.current_total > 21){
$("#btnStick").trigger("click");
$("#imgResult").attr('src','images/x2.png');
$("#hdrResult").html("BUST!")
  .attr('class', 'lose');
}else if(this.current_total == 21){
$("#btnStick").trigger("click");
$("#imgResult").attr('src','images/check.png');
$("#hdrResult").html("BlackJack!")
  .attr('class', 'win');
}else if(this.current_total <= 21 && this.cards.length == 5){
$("#btnStick").trigger("click");
$("#imgResult").attr('src','images/check.png');
$("#hdrResult").html("BlackJack - 5 card trick!")
  .attr('class', 'win');
}else{ }
}
};

function getRandom(num){
var my_num = Math.floor(Math.random()*num);
return my_num;
}

function deal(){
for(var i=0;i<2;i++){
hit();
}
}

function hit(){
var good_card = false;
do{
var index = getRandom(52);
if( !$.inArray(index, used_cards ) > -1 ){
good_card = true;
var c = deck[ index ];
used_cards[used_cards.length] = index;
hand.cards[hand.cards.length] = c;

var $d = $("<div>");
$d.addClass("current_hand")
 .appendTo("#my_hand");

$("<img>").attr('alt', c.name + ' of ' + c.suit )
 .attr('title', c.name + ' of ' + c.suit )
 .attr('src', 'images/cards/' + c.suit + '/' + c.name + '.jpg' )
 .appendTo($d)
 .fadeOut('slow')
 .fadeIn('slow');

}
}while(!good_card);
good_card = false;
hand.sumCardTotal();
}

$("#btnDeal").click( function(){
deal();
$(this).toggle();
$("#btnHit").toggle();
$("#btnStick").toggle();
});

$("#btnHit").click( function(){
hit();
});

function end(){
$("#btnHit").toggle();
$("#btnStick").toggle();
$("#btnRestart").toggle();
}

$("#btnStick").click( function(){
$("#hdrResult").html('Stick!')
  .attr('class', 'win');
$("#result").toggle();
end();
});

$("#btnRestart").click( function(){
$("#result").toggle();
$(this).toggle();
$("#my_hand").empty();
$("#hdrResult").html('');
$("#imgResult").attr('src','images/check.png');

used_cards.length = 0;
hand.cards.length = 0;
hand.current_total = 0;

$("#btnDeal").toggle()
.trigger('click');
});
});

sábado, 4 de junio de 2016

POWER OF JQUERY

Obtén el libro de JQUERY development, para crear tus aplicaciones JQUERY de manera rápida y sencilla, solo suscrí bete al site y te lo enviaremos a tu mail.  --->>>http://magento777.coolpage.biz/end/index.html

Experimenta el poder de JQUERY aquí: JQUERY
y suscribete a nuestro canal online


En este ejemplo podemos visualizar el poder de JQUERY para animaciones WEB, sin escribir mucho código, te da opciones muy interesantes,

zen consultora

Blogger Widgets