68 خطوط
2.2 KiB
JavaScript
68 خطوط
2.2 KiB
JavaScript
|
|
var $jq = jQuery.noConflict();
|
|
$jq( document ).ready(function() {
|
|
console.log( "ready!" );
|
|
var b = $jq("body");
|
|
b.css("margin-top", "0px");
|
|
b.css("margin-left", "0px");
|
|
b.css("margin-right", "0px");
|
|
b.css("margin-bottom", "0px");
|
|
$jq(".modal").css("width","auto");
|
|
|
|
$jq('input').each(function(){
|
|
var self = $jq(this),
|
|
label = self.next(),
|
|
label_text = label.text();
|
|
|
|
label.remove();
|
|
self.iCheck({
|
|
checkboxClass: 'icheckbox_line-purple',
|
|
radioClass: 'iradio_line-purple',
|
|
insert: '<div class="icheck_line-icon"></div>' + label_text
|
|
});
|
|
});
|
|
//fisso i bottoni ad una certa larghezza
|
|
$jq( "div[class^='icheckbox_line']" ).css( "max-width", "200px" );
|
|
// sposto i bottoni in alto a dx ma relativamente al loro container
|
|
$jq('ul').css({
|
|
position: "absolute",
|
|
marginLeft: 0, marginTop: 0,
|
|
top: 0, left: 0
|
|
});
|
|
//aggiungo l'on clicked alle checkbox
|
|
$jq('input').on('ifChecked', function(event){
|
|
for (let i=0; i<pois.length; i++) {
|
|
|
|
var img = null;
|
|
if(this.id == pois[i].cat){
|
|
var img = $jq('<img id="pin_'+i+'" src="asset/i_'+pois[i].cat+'_48.png" style="position:absolute;left:'+pois[i].x+'px;top:'+pois[i].y+'px; display: block;visibility: visible;"/>');
|
|
img.click(function(){ // handle click
|
|
var c = $jq("#container_" + pois[i].type);
|
|
|
|
$jq.get("contents/"+pois[i].type+"_"+i+".html", function(html_string)
|
|
{
|
|
c.html('<div class="scrollable-content" id="sub_v">' + html_string + '</div>');
|
|
c.modal();
|
|
},'html'); // this is the change now its working
|
|
});
|
|
$jq('body').append( img );
|
|
}
|
|
}
|
|
//qui ci va un foreach suoi poi
|
|
});
|
|
|
|
$jq('input').on('ifUnchecked', function(event){
|
|
//qui ci va un foreach suoi poi
|
|
for (let i=0; i<pois.length; i++) {
|
|
if(this.id == pois[i].cat){
|
|
$jq('#pin_'+i).remove();
|
|
}
|
|
}
|
|
});
|
|
|
|
$jq('#container_T').on($jq.modal.AFTER_CLOSE, function(event, modal) {
|
|
modal.$elm.html('');
|
|
});
|
|
|
|
});
|
|
|