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
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
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
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
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
Oct 20, 2010
Does anyone know if it is possible to write a user interface in javascript for email?
View 6 Replies
View Related
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
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
Jun 16, 2010
Can the UI dialog be used for this?
View 1 Replies
View Related
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
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
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
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
Jun 10, 2011
Which one is easier? and which gives best design and interface?
View 1 Replies
View Related
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
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
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
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
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
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
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
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
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
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
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
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