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 RepliesI 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?
I've set my margin as a % and am trying to get the value via jquery. It's being returned as a pixel value from safari and firefox, chrome is returning the percentage. OuterWidth returns an incorrect value (reporting as 1px more than innerWidth and I know it's 4px).
View 5 Replies View RelatedI would like to get the height of a div. This div contains other markups tag like some paragraph. However, I don't manage to get the height of this div if some paragraphs inside of it have some margin defined, even when using outerHeight(true)...
ps : a test case (simpel html file wit the required javascript) can be found there : [URL]
I occasionally need to set a negative margin on objects for positioning but 1.6.x ignores the declarations. This use to work fine with earlier versions. Has this issue been addressed? I tried all the combinations I could think of and the setting is ignored if a value is negative. (did not find a problem reference when setting a negative value in the forums)
$(objRef).css(marginLeft, "-20px");
$(objRef).css("margin-left", "-20px");
$(objRef).css(margin, "0px 0px 0px -20px");
[Code].....
I already have most of the code to successfully float my sidebar and make it follow your scrollbar.The problem I have however, is that there is a small margin between the sidebar and the footer when the scrollbar reaches its end.How do I correct this little margin? Nothing, that important but I do want to fix it badly.
View 21 Replies View RelatedHave 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 RelatedI 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].....
Im animating a div to go up, its a long animation upto -8000px but it doesnt show a fix speed, at the begining is really slow and speeds up then at the end it slows down.
View 1 Replies View RelatedAll expanding textarea plugins I've seen always insert an additional line at the very end. This signals the user that more text can be typed since there is more space (such as [URL]). But can anyone direct me to an expanding textarea plugin which doesn't add an extra space at the bottom? I want it to grow only to the exact number of lines which have been typed.
View 1 Replies View RelatedIf I have the following:
<div class="jcarousel-clip jcarousel-clip-horizontal" style="width:
459px; height: 220px;">
<ul id="mycarousel" class="jcarousel-list jcarousel-list-
horizontal" style="height: 220px; width: 918px; left: 0px;">
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-1 jcarousel-item-1-horizontal" jcarouselindex="1"></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-2 jcarousel-item-2-horizontal" jcarouselindex="2"></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-3 jcarousel-item-3-horizontal" jcarouselindex="3"></li>
</ul></div>
Trying to figure out how I can do a .each on each <li> and then add an additional style to the last <li> in the list.
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!
I use simple code
[Code]...
BlockUI is not submitting forms! Did I do something wrong? Please help by pointing me to the right direction.[code]
View 1 Replies View RelatedI 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!
I have implemented blockUI for all buttons and a tags, using a custom message as shown:
<script type="text/javascript">
$.unblockUI
;
$
document
[Code]....
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 Relatedhow 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 Relatedin this plug-in I need a function like onUnblock but on completedfadein..
View 1 Replies View RelatedI'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 RelatedStumbled onto this one: retrieving the margin doesn't seem to work in Firefox or Opera. This is code I'm using, which works fine in Chrome, Safari and IE:
var contentmarginl = parseInt($('#wrapper').css('marginLeft')); // fails
var contentwidth = $('#wrapper').width(); // works alert(contentmarginl);
The alert returns (in my case) 350 in the complying browsers and 0 in FF and Opera. Is this a bug or my error? Is there a known workaround? EDIT: Just tested in XP sp3 IE7 & IE8. Returns Not a Number (NaN)
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 RelatedYou 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 RelatedI 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?
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 RelatedI'm calling blockUI and then running ajaxForm on my whole page form. BlockUI is firing an overlay (with form field content) but only after the form has been ajaxed. Because of this my fields aren't seen as in the form and so subsequent form submits fail. Firebug says: form is null, /assets/js/jquery.form.js, Line 364 (form.clk = this;) The longer version:The javascript for these events are being returned to taconite within<eval> blocks. They are coming back in the below order: blockUI on whole page I then call a custom function which contains the "$('#page- form').ajaxForm({ dataType: 'xml' })"; When I alert inside that custom function it occurs before any blockui overlay is shown. I'm surmising that this is breaking the form submit for elements within the blockui message (which are actually already on page but hidden).
I've tried adding alerts before and after blockui is called and they run in the correct order so I'm guessing that perhaps blockui queues itself to run somehow. BlockUI doesn't have any after block callbacks that I'm aware of. I'm wondering if I can add a beforeSubmit callback to the ajaxForm method that calls itself to update the form but that just feels a bit dirty. I use the framework that I've put together extensively and it's only when adding blockui that I have this issue so I'm (at least fairly) sure that it's not a PEBKAC issue.