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.
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?
in order to fade the background of a div. The content in this div I'd like to have without transparency. In IE this is the case, but in Firefox the content also is transparent with 0.8.I tried to apply fade with 1 to the content but that did not work ...
i dont want any borders for header, menu and footer as thse backgrounds will be in "fill" mode not in "no fill". so no need of border for these three. but i want borders for content and login divs. if i trying to display border for these two divs using css code border:2px solid red; am not getting the border in IE(Internet Explorer). But its working in FF and Chrom.
Is it possible to use jQuery and on any part of a table row that has say 5 cells to highlight the border of each cell?I have seen lots of background examples but haven't seen anything with borders.I tried delegate but that doesn't work.
I'm trying to implement the datepicker and I have two fields on my form:Birthdate& Lived here since? In my header I have:
[Code]...
When I click on the 1st date field (birthday) it mostly works... I say mostly because it doesn't appear to be pulling in that css as the widget is pretty spread out and has no borders etc. When I click on the 2nd date field (here since?), absolutely nothing happens. Surely this supports multiple date fields on the same form so what am I doing wrong?
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.
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") {
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:
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'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.
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
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.
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.
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?
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.
I'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.
I'm wondering about a very strange behaviour in a javascript: In my web application, there are a few SVGs (Adobe SVGViewer 3.0) embedded by OBJECT-tag in an HTML-File. By starting a (globally known) JS-Function in the "Menu"-SVG, it creates a new SVG-Node-Tree and appends it to a anchor-Node in an "Display"-SVG. This means, a function called in one document creates SVG-Eelements in another document. This works fine, if a simple JS-alert is included at the beginning of the SVG-creation-process. If not, it doesn't work - no SVG is created. IMHO, i can exclude a runtime error, for that i analyzed it quite intensive. In my opinion, the problem could deal with restrictions on scripting over document borders. Nevertheless, i don't understand it. Does anybody have experience with that kind of behaviour? Does an alert have such influence on something like a "focus" on a document?
I'm working with 3 Frames on a web-page: (top) Top.html, (left) Navigation.html, and (right) "Content" which contains varying html pages based on the (left) Navigation Selection - the problem that I'm having is that each frame has a (approx.) 2 pixel border around it... I want the frames to blend seamlessly on the page. I'm not sure How and Where to set the Border attribute to 0 - is it in the Frameset Definition (which I thought I took care of with frameborder="0") or in the actual html pages that populate the Frames? If so, where do I include the attribute? Code: