JSFiddle - React, Tailwind, and code Playground
JavaScript
// JavaScript Document
$('#contenedor-llaves').cycle({
fx: 'scrollHorz',
speed: 'slow',
timeout: 0,
next: '#rigth',
prev: '#left',
cleartype: true, cleartypeNoBg: true
});
function restults(data) {
var msg;
//if(data.respuesta == 'si'){
// playOk();
// msg = "<strong>Felicidades</strong><br/> Ganaste una gift card de $30.000.<br/>Invita más amigos y sigue sumando llaves para tu nuevo cambio";
//}else{
playError();
msg = "<strong>Sigue Participando</strong><br/>Vamos! este Suzuki Swift podrÃa ser tuyo, invita más amigos y suma más posibilidades de ganar";
//}
apprise(msg);
}
function playError(){
//$('#jpId').changeAndPlay('assets/Error.mp3');
$("#jpId").jPlayer("destroy");
$("#jpId").jPlayer({ready: function() {$(this).jPlayer("setMedia", {mp3: "assets/audio/Error.mp3"}).jPlayer("play");}});
}
function playOk(){
//$('#jpId').changeAndPlay('assets/Error.mp3');
$("#jpId").jPlayer("destroy");
$("#jpId").jPlayer({ready: function() {$(this).jPlayer("setMedia", {mp3: "assets/audio/Win.mp3"}).jPlayer("play");}});
}
$(document).ready(function() {
var uid = $("#uid").val();
//dragn' drop llave
$("#chapaauto").droppable({
accept: '.llave',
activeClass: 'encima',
hoverClass: 'encima',
drop: function(ev, ui) {
//alert($(ui.draggable).attr('id'));
$(ui.draggable).remove();
//marco al usuario
$.post('accion_xhr.php', {'invitado': $(ui.draggable).attr('id'), 'uid': uid});
//compruebo si es el ganador
$.ajax({
data: {'invitado': $(ui.draggable).attr('id'), 'uid': uid},
type: "POST",
dataType: "json",
url: "llave_xhr.php",
success: function(data){
restults(data);
}
});
}
...