136 lines
2.3 KiB
JavaScript
136 lines
2.3 KiB
JavaScript
//= require jquery
|
|
//= require jquery_ujs
|
|
//= require jquery-ui
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
function initialize_jeu_1(){
|
|
var element = $("#insectes_jeu_1")
|
|
|
|
var html = element.find(".sortable").html();
|
|
|
|
element.find(".sortable").sortable();
|
|
element.find(".sortable").disableSelection();
|
|
|
|
element.find(".verif").bind("click", function(){
|
|
|
|
var win = true;
|
|
|
|
var i = 0;
|
|
|
|
element.find("img").each(function(){
|
|
i = i+1;
|
|
if(i != $(this).data("order")){
|
|
win = false;
|
|
}
|
|
|
|
|
|
|
|
});
|
|
if(win == true){
|
|
element.find(".win").show();
|
|
element.find(".loose").hide();
|
|
}else{
|
|
element.find(".win").hide();
|
|
element.find(".loose").show();
|
|
}
|
|
});
|
|
|
|
|
|
|
|
element.find(".reset").click(function(){
|
|
element.find(".sortable").html(html);
|
|
element.find(".sortable").sortable("refresh");
|
|
element.find(".win").hide();
|
|
element.find(".loose").hide();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
function initialize_jeu_2(){
|
|
var element = $("#insectes_jeu_2")
|
|
|
|
var html = element.find(".sortable").html();
|
|
|
|
|
|
element.find(".receptable").sortable({
|
|
connectWith: '.labels,.receptable',
|
|
items: '.label',
|
|
tolerance:"pointer",
|
|
receive: function(event, ui) {
|
|
|
|
if ($(this).children().length > 1) {
|
|
var child = $(this).children().not(ui.item)[0]
|
|
|
|
element.find(".labels").append(child);
|
|
|
|
}
|
|
}
|
|
});
|
|
element.find(".receptable ul").disableSelection();
|
|
|
|
element.find(".labels").sortable({
|
|
connectWith: '.receptable',
|
|
tolerance:"pointer",
|
|
items: '.label',
|
|
receive: function(event, ui){ui.item.attr('style','');}
|
|
|
|
|
|
|
|
});
|
|
element.find(".labels").disableSelection();
|
|
|
|
element.find(".verif").bind("click", function(){
|
|
|
|
var win = true;
|
|
|
|
var i = 0;
|
|
|
|
element.find("img").each(function(){
|
|
i = i+1;
|
|
if(i != $(this).data("order")){
|
|
win = false;
|
|
}
|
|
|
|
|
|
|
|
});
|
|
if(win == true){
|
|
element.find(".win").show();
|
|
element.find(".loose").hide();
|
|
}else{
|
|
element.find(".win").hide();
|
|
element.find(".loose").show();
|
|
}
|
|
});
|
|
|
|
|
|
|
|
element.find(".reset").click(function(){
|
|
element.find(".sortable").html(html);
|
|
element.find(".sortable").sortable("refresh");
|
|
element.find(".win").hide();
|
|
element.find(".loose").hide();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
initialize_jeu_1();
|
|
initialize_jeu_2();
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|