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

JQuery :: BlockUI Scroll - Slight Usability Bug With BlockUI

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

JQuery :: Getting Position Fails On Select Elements?

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

Toggle Display Of Form Elements Or Separate Forms?

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

Separate A Text String Such That It Would Appear On Separate Lines

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

JQuery :: Blocking A DIV When Loading The Contant?

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

JQuery :: Accordion Blocking The Dropdown Menu?

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

JQuery :: Blocking UI Till Document Is Ready?

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

JQuery :: IE Blocking Cycle Plugin On Webpage?

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

JQuery :: BlockUI Breaks Under 1.4.1

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

JQuery :: BlockUI Not Always Firing?

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

JQuery :: Passing Click Events Through A Blocking Element

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

JQuery :: BlockUI 2.31 Throws A Error In FF 3.6.10

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

JQuery :: BlockUI - How To Set Min Time For Start

Oct 25, 2010

I use simple code

[Code]...

View 2 Replies View Related

JQuery :: BlockUI Is Not Submitting Forms

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

JQuery :: BlockUI Overlay Will Not Close

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

JQuery :: BlockUI For All Buttons And A Tags?

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

JQuery :: BlockUI Not Working With Layout?

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

JQuery :: BlockUI Transparent Borders?

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

JQuery :: BlockUI Plugin (v2) Add OnBlock()?

Jan 6, 2010

in this plug-in I need a function like onUnblock but on completedfadein..

View 1 Replies View Related

JQuery :: Use BlockUI For Page Loading?

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

JQuery :: Blockui Not Honoring Top Margin Setting In IE 6?

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

JQuery :: BlockUI 1.33 Crashing Internet Explorer?

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

JQuery :: Blockui V2.20 - Hourglass Cursor Stays In IE 7+?

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

JQuery :: Use BlockUI Inside User Control In .NET ?

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

JQuery :: Loading A Page In An Iframe With BlockUI?

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







Copyrights 2005-15 www.BigResource.com, All rights reserved