JQuery :: BlockUI: Blocking Two Separate Elements Fails After Three Or Four Invocations
Feb 4, 2011
I have a page, with two tables, each placed in a div (lets call them div1 and div2), to give the tables a fixed height. I load data into the tables with $('#div1').load() function, but before I load the data, I call $('#div1').block({message: 'wait'}), and in the load callback, I call $('#div1').unblock(). I do the same for div2. The refresh of the two tables sometimes runs in parallel.
The problem is this:
The first two or perhaps three refreshes, I get the expected behaviour, but after that, the overlay is not shown. If I look at the DOM during the opreation (both in Chrome and Firefox DOM inspectors), I can see the blockUI DOM elements being created and removed, but they never show.
I have tried several things, among others this:
1) Call unblock before block, to make sure, that the element is not blocked.
2) Only to have one div blocked - same result
I have not yet made a page with a simplified example, but that would be my next step.
View 1 Replies
ADVERTISEMENT
Feb 1, 2011
I noticed a slight usability bug with blockUI. when we block, with a message div - the page is still scrollable. however the message div that comes up, stays where it is, as user scrolls the page. So for example, if the vertical screen resolution is low, the user can not see the bottom of the message div, and in my case the message div has some appept or cancel buttons, which makes my UI unusable?
Are there any workarounds to this solution, other then placing the message div to the top of the page?
View 1 Replies
View Related
May 19, 2010
I'm trying to grab the X/Y co-ordinates of given elements on a page, and scroll to them using the window.scrollTo() method. This is working for standard text boxes (INPUT objects), but for drop down lists (SELECT objects), the JQuery .position() method isn't returning the result object:
var el = $("#[id$=" + elements[i][1]);
if(el.position() && el.position().top) {
var top = el.position().top;
var left = el.position().left;
window.scrollTo(top, left);
break;
}
This works just fine for text boxes, but will not work for selects/drop down boxes. I've stepped through the code and the element el is always populated correctly, so its not the get statements that is at fault. If I inspect the value of el.position().top I get 'null or not an object' and el.position() returns 'undefined'.
View 1 Replies
View Related
Feb 20, 2009
I am creating a form to enable advertisers to create listings on an accommodation directory site.One of the form fields is a drop down with the following optionshotelguestHouseselfCateringinnholidayParkcampingThe top part of my form is the same for all these accommodation types. However I need to include a section specific to the accommodation type. This section will include groups of radio buttons and checkboxes allowing the advertiser to choose which facilities/amenities are available.For exampleA hotel may have 24 room service campsite may have a shop on siteI was planning to have a separate div for each of the accommodation specific sections and toggling the display based on the choice of the accommodation type from a drop down list.I have just had a horrible thought that it may be possible if javascript was not enabled that either none of the sections would be displayed or even worse all of them at once.
View 5 Replies
View Related
Sep 23, 2011
How would I seperate a text string such that it would appear on seperate lines ie. Initial Input: StrMsg = "This is an example of a string that will appear on seperate lines" "Hoping that this fully works, there will be no errors and all will be well" "This is the last line of text."
[Code]..
View 11 Replies
View Related
Jan 14, 2010
I am trying to achieve the same thing as this website.[URL]hen you click on the next page, or last page, the <DIV> get lock with a updating message. How is that done?
View 4 Replies
View Related
Sep 7, 2010
I am struggling with a problem involving using a javascript dropdown menu in conjunction with the jquery accordian. My dropdown menu is being blocked by the accordian option and I can not view most of the items within the dropdown menu in order to navigate.I did notice is that if I get rid of jquery-ui-1.8.4.custom.css I can see the dropdown menu, but then I do not get the settings I desire for the accordian. Below is the code for index.php and master.css
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
[code].....
View 1 Replies
View Related
Oct 26, 2011
There are pages containing input field where in user enters value. Now I have a requirement to block UI untill the document is ready and every input field is rendered. I have found that I can use blockUI plugin for this : [URL] I have also found few good examples in : [URL]
how do I call $.blockUI() on pre-ready stage and call $.unblockUI(); on .ready(). I would want my UI to be locked untill the doc is ready. I can put call to $.unblockUI(); in .ready() but where do I put $.blockUI().
View 1 Replies
View Related
Aug 12, 2011
IE is blocking my JQuery Cycle plugin on my [URL]
The slider works with no block in Firefox and Chrome.
View 1 Replies
View Related
Mar 24, 2010
Have a asp.net mvc project using jquery-ui-1.7.2. and BlockUI. When I changed jQuery version from 1.3.2 to 1.4.1, the CSS pertaining to the block ceased to render. The functions fired (verified by in-line alerts) and firebug had no complaints. Moved back to 1.3.2 and the blocker rendered perfectly.
View 2 Replies
View Related
Jun 2, 2009
I posted this in the UI group and was told to put it in here... My problem is that I have a function that is to call blockUI both upon login and logout. BlockUI only fires upon logout.
Here's my code:
**code**
function Processing(dataString,l_processing,control)
{
if (l_processing == "yes")
{
[Code].....
View 7 Replies
View Related
Feb 3, 2010
I have a script that's dimming the page by appending a black transparent canvas element to the body, positioning it over the page with a high z-index, and then using clearRect to cut out the sections of canvas element so that certain sections of the actual site show through..I'm having a hard time figuring out the best way to pass a click through the canvas and onto whatever would accept it if the canvas wasn't in the way so a user can edit the text.
My first choice was hiding the canvas on mousedown, and then listening for mouseup for everything underneath. but it looks terrible to have that 200ms flicker. can a trigger() be used to emulate a click at a certain (pageX,pageY)? the last option i can think of would be adding 30 divs and duplicate the punched-out canvas..but that seems like a lot of math, does anyone know of a plugin that does this? a reverse blockUI
View 5 Replies
View Related
Sep 22, 2010
When using blockUI, sometimes I get an error on line 462 of the code, near the end of the handler function:
This may or may not be due to firing multiple .block() events on the same element.
The problem seems to be limited to Firefox; IE8 & Chrome 6 work without an error. I have tested this on multiple Firefox installations.
I have a fix that checks to see if opts has been defined as a closure prior to its use:
If you could include this in your next version, that'd be great!
View 4 Replies
View Related
Oct 25, 2010
I use simple code
[Code]...
View 2 Replies
View Related
Aug 10, 2010
BlockUI is not submitting forms! Did I do something wrong? Please help by pointing me to the right direction.[code]
View 1 Replies
View Related
Dec 1, 2011
I have an overlay that is implemented using Malsup BlockUI, with a "close" button, however it won't close! - here's the details... I have a DIV that I use as an overlay:
<div id="mp" style="display: none; cursor: default">
<p>.....</p>
<ul><li>A</li><li>B</li></ul>
<div>
<span class="divbutton greenbutton mp_no" style="margin-right: 1em">not now thanks</span>
<span class="divbutton greenbutton" style="margin-right: 1em">
<asp:HyperLink ID="hypView" runat="server" style="text-decoration: none" NavigateUrl="~/mp.aspx">blah</asp:HyperLink>
</span></div>
</div>
Displayed using:
$.blockUI({ message: $("#mp").html() });
It has a cancel button (see above):
...
<span class="divbutton greenbutton mp_no" style="margin-right: 1em">not now thanks</span>
...
Which closes the overlay by means of :
$('.mp_no').click(function() {
alert("close overlay");
$.unblockUI();
return false;
});
However like I say, this simply refuses to close the overlay. I've used this same technique over and over again but this time something must be wrong. I just can't spot it! Moreover... if I place a button elsewhere on the page (and outside of the overlay DIV):
<span class="divbutton greenbutton mp_no" style="margin-right: 1em">not now thanks</span>
This will fire the click event, and is exactly the same "button" markup!
View 5 Replies
View Related
Jan 5, 2010
I have implemented blockUI for all buttons and a tags, using a custom message as shown:
<script type="text/javascript">
$.unblockUI
;
$
document
[Code]....
View 1 Replies
View Related
Oct 27, 2009
I am trying to block the whole page, but blockUI is not working with my layout (like the simple layout in demo).
View 1 Replies
View Related
Aug 15, 2009
how can I have transparent borders for modal divs that I bring to frond have transparent borders? specifying: border: 10 px transparent yellow; in the settings.css will not work. I tried few things, and I am beginning to think it is not doable.
View 1 Replies
View Related
Jan 6, 2010
in this plug-in I need a function like onUnblock but on completedfadein..
View 1 Replies
View Related
Oct 20, 2011
I'm sure this is simple to solve but I'm a newbie and I'm not sure what to do. I want to use the BlockUI plugin to show "page loading..." while my asp.net page loads some data - takes around 20 seconds. Once the page is fully loaded, I want the message to go away.
View 5 Replies
View Related
May 4, 2011
I'm trying to set a modal to the top right corner of the screen using block ui. In IE 6 the right margin is working, but it's ignoring the top margin and centering the modal in the window. In other browsers it behaves as expected
View 1 Replies
View Related
Jul 15, 2009
I am using the BlockUI Plugin version 1.33 with Jquery Version 1.2.1. When the application page is accessed in which the block and unblock UI calls are executed, IE is crashing randomly.
View 2 Replies
View Related
Aug 3, 2009
You should be able to replicate this on http://malsup.com/jquery/block/#pageGo to the page above and click on "Default Message" button and makesure you don't move the mouse cursor.You should see that the cursor remains a hourglass even after the pagecomes back, to get the correct cursor you have to move the mouse.
View 1 Replies
View Related
Oct 1, 2009
I am a ASP.NET developer and I would like to use the jQuery BlockUI inside a generic control, designed to show a popup (with javascript and CSS effects). My problem is to disable (key tab, enter and mouse clicks) the parent window (parent element) (my control is inside the page and does not use iframe). Inside my control I have a DIV and I show his content when the user call the method designed. The problem is: I only see the "caller" of BlockUI using this type of eventhandler "CLICK", ex:
$('#pageDemo2').click(function() {
$.blockUI({ message: '<h1><img src="busy.gif" /> Just a
moment...</h1>' });
test();
});
It is possible apply that property inside the blockUI out of my DIV (parent element), inside my control, without click ? Is it necessary to use a iframe?
View 2 Replies
View Related
Jul 29, 2009
How would you load a separate page in an iframe with BlockUI? I tried: forceIframe:true, iframeSrc:'/iframepage.html' but BlockUI still creates the default "Please wait..." overlay, but also creates a seemingly separate iframe overlay, but without applying any of the CSS properties to it. If BlockUI doesn't have this functionality, so any of the other overlay plugins support it? I've tried jqModal and SimpleModal, but none of them seem to explicitly support this.
View 3 Replies
View Related