JQuery :: Implement The Growl Option For The BlockUI Plugin?
Aug 21, 2009
I'm trying to implement the Growl option for the blockUI plugin, the "hard" way ( as seen here: http:[url].... second to last example). The reason why I'm going the "hard" way is because I'd like to have multiple Growl messages - one for an error,one for a success, etc, all of which have different background images / styles (ex: a red X for error, a green checkmark for a success).The "easy" growl method, while allowing for different text content,only allows for one style. Thus I'm trying to get around this limitation using the "hard" way:
$.blockUI({
message: $('div.growlUI'),
fadeIn: 700, [code]...
subsequently adding different styles in my stylesheet. Yet I get an error that says "data.parent = node.parentNode", when I try and run the above code. Has anyone had any luck getting *different* growl messages with different styles/images in them to run on the same page?
View 1 Replies
ADVERTISEMENT
Jan 6, 2010
in this plug-in I need a function like onUnblock but on completedfadein..
View 1 Replies
View Related
Aug 20, 2009
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.
View 1 Replies
View Related
Aug 2, 2009
<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:arial,helvetica,sans-serif;font-size:12pt">Hello
i'd like to know if it's possible change de message while the page is block by "blockUI" jquery plugin. I've tried a lot of things, but none was good. One thing i've tried was using CSS selectors like:
$('blockUI blockMsg blockPage').innerHTML
but it hasn't worked.
<font size="2"><span style="font-family: verdana,helvetica,sans-serif;"></span></font><div>
[Code].....
View 2 Replies
View Related
Mar 18, 2010
I want to implement the jQuery GUID Helper plugin into my web app but I don't know what's the "best practice" method of incorporating it into my code.I'm basically creating a cart system from scratch (figured it was asufficientlycomplicated system to use when learning jQuery). When the visitor first adds an item to their cart is when I wanted to create the GUID for the visitor. I have a cart-handler.js script that I link to from the item view page:
<script type="text/javascript" src="/js/cart-handler.js"></script>
That script's first line is my$(document).ready(function(){ and the script handles AJAX calls to loading the data into cart record in my MySQL database, updates the cart total on the items page, and changes the button from "Add Item" to "Update Quantity".So would I need to link to the jquery.Guid.js script right from the view items file for my item view page? Or can I reference the plugin from the cart-handler.js file?
View 1 Replies
View Related
Jun 11, 2010
I am replacing a simple click function with the mousehold function using the mousehold plugin. For some reason it is not working.
$(
window
).load(
function(){
$(
document
).click(
function(){
$(
document
).mousehold(
200,
function(){
//Do somethoing here each time the Timeout Occurs
}});});
//End Window Load Function
[URL]
View 2 Replies
View Related
Apr 21, 2009
Having some problems trying to implement the frameReady plugin for jQuery, has anyone used it successfully? Support seems to have dried up a few years ago and I don't think the normal javascript way of targeting iFrames is going to be flexible enough to service my needs!
View 4 Replies
View Related
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
Dec 15, 2011
I am trying to implement a HTML5 flash fallback option with some javascript i am using but not having much success. I dont know javascript and have just pulled the code from somewhere so am lost at this point. Does anyone know how to implement this?
Code HTML4Strict:
<div class="klas_movie">
<div class="klas_1 klas_sprite">
<div class="klas_2 klas_fs">
[Code].....
View 2 Replies
View Related
Dec 16, 2010
We've got application builded on custom-made mvc-framework and all navigation made on POST-requests. Usually request contains "command" and some parameters. Currently our implementation of "back" functionality is pretty bad - every link on page should write command and parameters to session params so next page can take them to form "back" link. Obviously, such method leads to many bugs. Is there some jQuery plugin to make those things easier to write and maintain?
View 1 Replies
View Related
Jul 17, 2011
Using Jquery Cycle Plugin i have multiple containers on the same page. they have a next and prev button. the problem is, when i click the next button it will cause the containers on the pageadvance simultaneously, same goes for the previous button. it works fine when i click just on the images (they will go to the next image) but not with the prev. and next. button. i know i have to add some kind of var. to it. and i tried it but with no luck.
Here is my code.
$('div[id^=slide]').each(function(index) {
$('#slide'+ (index+1)).cycle({
fx: 'fade',
speed: 'fast',
[Code].....
View 1 Replies
View Related
May 19, 2009
[Code]...
my only issue is whenever 1st time it checks the record if found record it display message Record Found but whenever i try to change my textbox value it still gives me this message. it does not get reset if record not found.
View 1 Replies
View Related
May 13, 2011
some tools or plugin (free) that let me create easily menus for web environments with jquery? Something like thisOpenCube
View 1 Replies
View Related
Sep 12, 2011
I'm using JQuery Tablesorter, and I would like to DISABLE Multi-column sorting option from tablesorter plugin.
View 2 Replies
View Related
May 23, 2009
I am using the jquery-ui resizable plugin, but I encountered some issues :
1) I had to add the ".ui-resizable" css for that plugin to work (hopefully I found a website explaining that workaround)
2) there is no "scroll" option like in draggable (!?)
3) the containment option does not work vertically on the official example [url] you are constrained horizontally, but not vertically. In my application, the containment option is buggy too : it seems to take into account the container outer margins, or something else, I don't know what, but my windows are constrained far too soon (no it's not maxWidth/maxHeight)
4) the alsoResize option is buggy : when the containment option is used, the "alsoResized" element is not constrained as well :-( Am I missing something ? Does someone have info on what's going on with this plugin ? (1.7.1, it's not an alpha version). if there is another resizable plugin available out there ? (like the one used in [url])
View 4 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
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
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
