Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

how to open and close both on one button click??

I mean functionality you want does not supports by JQM pannel component and you need to block needed surface with absolute position div manually.

http://www.w3schools.com/css/css_posi...

Regards.

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

how to open and close both on one button click??

So I try to paste this code in a run JS event but it comes up with a bunch of errors.
<!DOCTYPE html SYSTEM

h2 {
position: absolute;
left: 100px;
top: 150px;
}

This heading has an absolute position
With absolute positioning, an element can be placed anywhere on a page. The heading below is placed 100px from the left of the page and 150px from the top of the page.

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

how to open and close both on one button click??

Hi Ellen,

Okay, it's better,

Here is code to show interface blocker:

pre

Code: Select all

 jQuery("&#46;hideElement")&#46;remove(); 

 &#47;&#47;You should use here your splash screen image&#46; 

var hideElement = jQuery('');

Code: Select all

 &#47;&#47;Hide current page with imitation of splash screen&#46; 
jQuery("body")&#46;append(hideElement); 

/pre

And here is code to hide it:

pre

Code: Select all

 jQuery("&#46;hideElement")&#46;remove(); 

/pre

Regards.

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

how to open and close both on one button click??

Code with escaping:

precode

Code: Select all

 jQuery("&#46;hideElement")&#46;remove(); 

 &#47;&#47;You should use here your splash screen image&#46; 

var hideElement = jQuery('<div class="hideElement" style="position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: #000; opacity: 0&#46;5; z-index: 99"><>');

Code: Select all

 &#47;&#47;Hide current page with imitation of splash screen&#46; 
jQuery("body")&#46;append(hideElement); 

/code/pre

Regards.

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

how to open and close both on one button click??

What does "code with escaping" mean? Also, what do you mean by using the splash screen image? Sorry to ask stupid questions!

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

how to open and close both on one button click??

GS, ate some symbols.. And code been incorrect.

So second code is correct.

Forget comments with "splash screen" this code from other places..

Regards.

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

how to open and close both on one button click??

And I just add this to a panel open - run JS event, correct?

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

how to open and close both on one button click??

Ok so it worked but after the panel closed, it still remained slightly darkened so I could change the opacity to 0.0 and it would be fine, right?

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

how to open and close both on one button click??

Hi,

Nope, you just need to use code as suggested when need to close this blocker:

pre

jQuery("&#46;hideElement")&#46;remove();

/pre

Regards.

She
Posts: 0
Joined: Wed Oct 08, 2014 12:46 am

how to open and close both on one button click??

Hi Yuri,
How can i add attribute programmatically? becuase this code is not working see the code below:

code
Apperyio("MainMenuPanel" )&#46;panel("option", "dismissible", false );
/code

Return to “Issues”