1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- 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('');
- });
-
- });
|