JQuery :: Lock Function / Unlock User Interface Interactions

Nov 17, 2011

In the following code
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.uilock.js"></script>
<script>
/* All you have to do is to call
* a uiLock() function
*/
$(document).ready(function() {
$('#submit').click(function(){
// To lock user interface interactions
// Optional: put html on top of the lock section,
// like animated loading gif
$.uiLock('Click Here <a href="#" onclick="$.uiUnlock();">unlock</a>');
});
// To unlock user interface interactions
//$.uiUnlock();
});
</script>
Where and how would I put a Animated loading gif?

View 1 Replies


ADVERTISEMENT

JQuery :: JQM Conditional User Interface

Jan 3, 2012

I am building an application where more than one device can change settings on a webserver.Imagine using 2 smartphones. If a button on smartphone#1 is being pressed by a user, then on the webserver the status changes from 0 -> 1. I need both smartphone#1 and smartphone#2 to change from 0->1 and vice-versa so that the user knows the current value of the status.How can I accomplish this? Meaning, if I want to make a toggle switch.I read on the website:The first option will be styled as the "on" state switch and the second will be styled as the "off" state so write your options in the correct order.[code]My first guess is to create a function in the <head> in script, with one for the on and one for the off state.Depending on the current value I either load one of the two codes in the <body> section.The script in the <head> decides.

View 1 Replies View Related

JQuery :: Prevent The User From Submitting A Form Twice By Double Clicking On The Interface

Oct 12, 2009

I am using jQuery and blockUI to prevent the user from submitting a form twice by double clicking on the interface: This is in my global js file and is called on every pages

document.ready:
$('form').submit(function(){$.blockUI({message:'', overlayCSS:
{opacity:0.2}})});

This was working really well, but if I have validation on one of the form submits that returns false, I of course want to unblock the UI.

View 1 Replies View Related

Keep User Interface Preference

Mar 7, 2006

I've got an interface with some panel that can be minimize/maximize with Javascript/CSS.

But, how can I save those information so when the user click on another page or sign out, next time he came back, the interface will look the same?

I guess I can do that with cookie but, is there others solution? Can I save that on server instead of client side?

View 8 Replies View Related

LightBox App Using Yahoo User Interface

Sep 29, 2007

There are tons of lightbox apps out there, but none that I could find that use YUI. I'm sure there are lots of developers out there already using YUI and don't want to have to use another library such as jQuery to get lightbox functionality. I have two demos available from the link below and you can download a zip file of the complete application including the YUI files needed.

Supports 3 modes (LightBox, Overlay and Remote), but many many more configurations...

View 2 Replies View Related

Write A User Interface In For Email?

Oct 20, 2010

Does anyone know if it is possible to write a user interface in javascript for email?

View 6 Replies View Related

Create A User Interface 4 Internet Banking?

Aug 14, 2011

AM FINDING IT DIFFICULT TO Design and develop, using Javascript, a graphic based user interface for Internet banking servicesHave created the 1st page which IS THE LOGIN PAGE AND THIS INCLUDES USERNAME AND PASSWORD BUT I NEED HELP IN LINKING THAT PAGE TO THE NEXT PAGE WHICH IS MEANT TO ASK FOR MEMORABLE INFORMATION IF THERE USERNAME AND PASSWORD IS CORRECT

View 3 Replies View Related

UI Framework - Focus On The "User Interface" Aspect

May 21, 2010

I am not trying to start a flame war again over the JavaScript frameworks. Instead I want to focus on the JavaScript "User Interface" aspect. I refer to those fanciful widgets and effects we see increasingly appearing all over the browsers nowadays. They are usually built using HTML, JavaScript and CSS. I also notice a lot of developers like to build their own widgets and effects based on the questions asked in this forum. I am more of a server side developer so I am more curious how I can get a fanciful widget/effect in real quick time and viola jQuery UI came to my rescue today.

Then I probe deeper and it seems for the UI portion, jQuery and YUI stand out. Prototype UI is still in infant stage from what I see. Both jQuery plug-in and YUI gallery provide lots of ready made widgets to be used readily. Then come my questions below. 1. YUI framework codes are "wordy". It is cleaner and clearer of cuz but from what I know, JavaScript are downloaded onto the user browser whenever user surf to a page with JavaScript enabled correct?

Hence wordy code pay a price isn't it ? The total number of bytes that need to be download to the browser has an impact. In this aspect jQuery is more compact and in theory the final code that uses jQuery will be smaller correct ?

2. jQuery has a weakness. It is preoccupied with DOM and mainly those UI related JS code. When there is a need to have non-UI JavaScript OOP code, it does not seem to shine so well.

So my decision is simple. I don't need a lot of non-UI JavaScript OOP code, I only want ready-built UI JavaScript code and jQuery serve me very well.

I welcome other developers comments. PS Btw jQuery and YUI are free anyway and unless there are no widgets out there to serve my needs, I won't venture to re-invent the wheel again. There sure are lot's of experienced UI JavaScript developers in those communities!

View 4 Replies View Related

JQuery :: Lock An .aspx Form While Processing?

Jun 16, 2010

Can the UI dialog be used for this?

View 1 Replies View Related

Possible To Lock A Window?

Feb 16, 2011

it's possible to lock a window, so it will stay in front of other windows, even if i click on another window in the browser - like what how the skype window always is in front (and i believe that there is even a little lock in the left corner). This Javascript just have to be compatible with either or both IE8 and Chrome.

View 3 Replies View Related

How To Lock A Combo-box

Apr 4, 2011

In my page there are a combo-box and a check-box that should have the following behaviour: When check-box is checked, the combo-box has to take a precise value and has to be not editable by the user. I cannot use DISABLED option because the back-end needs the value in the combo and READONLY option is useless with a combo-box.... So I don't know what to use to make the combo "disabled"

View 11 Replies View Related

How To Check Whether Caps Lock On

May 27, 2009

I want to put an additional check for user while entering password whether CapsLock is On or not..

View 8 Replies View Related

Way To Lock Down The Menu Bars?

Sep 28, 2010

Is there any way to lock down the menu bars? I currently have a form that was created in Adobe Professional. I have hidden the menu bars on initial view of this form, in an effort to force the sales associates to use buttons that I created that will show them all fields that are required. This worked for a while, but now the sales associates have found out how to unhide the menu bars and are again submitting incomplete forms. I would like to have something in place, that if they do unhide the menu bars, there are certain commands that they cannot use (i.e. Attach to E-mail). Is there any way to put script on this form that will gray out certain commands on the menu bars?

View 1 Replies View Related

JQuery :: Sencha Api - Ext Js 4 Api - Yql - Prototype - Design And Interface?

Jun 10, 2011

Which one is easier? and which gives best design and interface?

View 1 Replies View Related

JQuery :: Windows 8 Tile Type Interface?

Sep 14, 2011

im not new to jquery but have limited skills. I wonder if anyone has seen any plugins or sites that have a similar interface to the new windows 8 interface...or indeed that windows phone. Interested in building a tile based site.

View 2 Replies View Related

Determining Caps Lock State

Oct 27, 2005

I was wondering if the was any way to determine the state of the caps
lock key, on or off. Of course I can capture the key events and see whether the caps lock is pressed, but that does not help.

I have seen some example that looks at the characters entered in an
input field to determine if the caps lock is on, but I was wondering if
something is possible that is a bit more immediate to report the caps
lock state.

View 18 Replies View Related

HTML - Lock Images In Place?

Aug 3, 2011

I was wondering: You know how you're able to left-click and hold the mouse-button down on a image and then drag it around? Everybody must know that; Is there a way to "lock" the picture, so that isn't possible? I'm not talking about removing the right-click features, like saving the picture, etc. I just want the users not to be able to drag it all over the place - like a background for example. In HTML, of course

View 14 Replies View Related

Lock Submit Button If No Data

May 8, 2011

How can i make the submit button unable to be clicked if there is no data in the input (usermsg)?

View 6 Replies View Related

How To Lock Key And Mouse Events On One Element?

Oct 30, 2006

I'm trying to figure out a way to make only one element on a page receive key and mouse events. I have a grid in a <div>-container with "overflow:auto" which makes the grid scrollable. If course I can set event handlers to the "document" to catch key strokes and mouse clicks and execute navigation functions which make the grid scroll (e.g. pressing down arrow) etc. This of course effects the whole page and not just the div.

The problem is: as far as I know only window and form elements can receive events such as focus(), blur(), keypress() etc. and I have to make sure only this one element is affected.

Is there thus a way to make these events affect only the <div> container?


The best way to do this would be with an event listener as this would make development much easier.

Has someone done this before?

View 1 Replies View Related

Caps Lock Script Not Working In Mozilla?

Oct 6, 2009

I am using one script which is functioning properly incase of IE but incase of Mozilla evenif the shift key is pressed and any character key is pressed then it is displaying Caps Lock is On. how can I make it Mozilla and IE compatible.

View 5 Replies View Related

Passing Replace Function As An Argument Of User Defined Function?

Jul 12, 2011

I am facing a problem in passing replace() function as an argument in user defined java function.

intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '' to '\'

I am posting my javascript function here:

<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\/g,"\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>
function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}

View 1 Replies View Related

JQuery :: Calling A User-defined Function?

Oct 19, 2009

How do i use a function like this?

$.clientCoords = function() {
var dimensions = {width: 0, height: 0};
if (document.documentElement) {

[code]....

View 2 Replies View Related

JQuery :: Calling User Defined Function?

Jul 6, 2011

I have created a function and successfully called it in place, but it wont load properly in a loop.Here is my function:

function setImageTile(id, imageType) {
$('#'+id+' img').attr('src', 'images/'+imageType+'.png');
$('#'+id+' img').attr('name', imageType);

[code]....

View 4 Replies View Related

Replace Function As An Argument Of User Defined Function?

Jul 12, 2011

I am facing a problem in passing replace() function as an argument in user defined java function

intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '' to '\'

I am posting my javascript function here:

<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\/g,"\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>
function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}

View 4 Replies View Related

Disable / Lock Text Input Form Fields

Sep 29, 2007

I've created a admin center, that has two seperate login permissions. Admin which can edit listings, etc... and Viewer which can only view listings, and edit 1 or 2 of the listings details and not all of them like the admin. I've seen web-sites where certain text input fields are sort of Grayed out, not allowing for user to type, click in or change anything in that field. Sort of like the html text input field has been or is disabled. How can I get certain html text input fields to appear disabled, and the text that's inside un-editable or unchange-able?

View 3 Replies View Related

JQuery :: Using Function) To Close A Drop-down When The User Clicks?

Apr 22, 2011

I made a drop-down list that is opened when a user clicks on a button. If the user selects an item, the drop-down is rebuilt so the list is closed. If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great.However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down. This seems simple, but I've been having a really difficult time figuring this out. I tried .focusout(), but this makes the events I have tied to selecting an item not fire at all. I also found this little bit of code from a drop-down plugin that should work perfectly, but it fires when the user clicks on the button, so the drop-down never opens:

[Code]...

View 2 Replies View Related







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