JQuery :: BlockUI - How To Set Min Time For Start
Oct 25, 2010I use simple code
[Code]...
I use simple code
[Code]...
I'd like some direction on creating a small piece of Javascript that will populate my <select> boxes.Basically, I have a form for users to create events, with a start time and an end time. (These are the two select boxes).For example:
Code:
<select id="startTime">
<option value="12:00AM">12:00AM</option>
<option value="12:15AM">12:15AM</option>
etc.....
</select>
What I am trying to do is:
1) Have times populated in 15 minute incrementals from 12:00AM to 11:45PM
2) Have some type of "error checking" available to where the End Time must be after the start time. It would be nice for the script to automatically change the end time field to a time that is after the start time.
I do have the countdown script (see link below) to display the time between current time and the date given in real-time. However, I want to achieve to display the time difference between a given start and end time. Right now, it calculates from the current server time to the end time. I want to be able to set up my own start time and end time.
View 2 Replies View RelatedI 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 have some div's as blocks hidden wich should show on a button click, and if there is some other block visible, I have to slide it Up and then slideDown the clicked one...like this
The problem is that I'm doing this with the callback function, but it start sliding down when the other block is not completly up...
How do I pause the timer so I can maintain the set time and re-start where it left off? Here is most of my code, I removed most of the select options to save space:
<html>
<head>
<title>24 hour Timer</title>
<link href="style.css" rel="stylesheet" type="text/css" >
<script type="text/javascript">
[Code]...
one could add a 'start' & 'stop' (id="stopit") button to control the simple sprite animation. My Javascript looks like this (note that it works in tandem with the core.js that comes with the book; see the ZIP file i've attached):
Code:
var Robot =
{
init: function() // initiate via core.js
{
[Code]....
clicking on the 'start' button more than once speeds up the animation, more with each successive click. Clicking the 'stop' button will only finally stop the animation if it's done the same number of times as the 'start' button was clicked.
I have found this nice background rotator:
Code:
<style>
body
{
/*Remove below line to make bgimage NOT fixed*/
background-color:black;
background-attachment:fixed;
background-repeat: no-repeat;
[Code]...
when i run it, i have to wait the 9000 timer to c the first image, and i need the page to start with an image and then start the rotation, i have assigned background-image by css, and tried also to use document.body.background, but when i do this the rotator doesnt work.
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 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].....
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!
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 RelatedI'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 RelatedI 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.
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?
When I am using tablesorter , jquery.blockUI.js as well as the blockUI() and unblock() functions it will give error, Iam using jquery 1.4.2. Also what will be the solution if some of my older jquery functionalities not work with new jQuery 1.4.2.
View 2 Replies View Related