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.
I want to put an additional check for user while entering password whether CapsLock is On or not..
View 8 Replies View RelatedI 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 RelatedSomeone told me that determining the exact location and current state of any
JavaScript controls is pretty easy. Does anyone know exactly how this is done?
so i've seen javascript examples and some of the word uses
getElementById (i tried removing the caps and it won't work)
window.onload(work) and window.onload (won't work)
So how do i know when to use the caps as a first letter? And what is the name of this naming convention?
I am trying to create a function that onkeydown(), forces all letters to be capitalized after a comma (",") in a text input field.
I know that I can make all of the letters capital using this function:
function makeUppercase(field) {
field.value = field.value.toUpperCase();
}
But am not sure how to say to do this function only after a comma is present.
Is it possible to turn on/off the scroll, caps, and num locks on a user's
computer using javascript? It's somewhat hard to explain what I need this
for, but if there is a way for this to be done, please let me know...
I used the code from the following article...[URL]
$(function() {
$('img[data-hover]').hover(function() {
$(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover',
[code]...
why does the rolled over image's src return to the original value when the user rolls back off it?
To say I'm new to JavaScript is a bit of an understatement so bear with me. I have a site set up with a variety of layers of toggles. When you enter the site all of the items are collapsed and you click the headings to expand. Each of the toggle-able items have ids. It works great for users who start at the homepage.
However, when I send people to any of the inner topics, all they see is the initial collapsed state of the site. I want to be able to provide a URL that will set the toggle to open, and show all of the content for that section on entry.
Here is my code and js, can anyone point me in the right direction?
[Code]....
How can I preserve the session state of a SharePoint browser state using javascript?
View 2 Replies View RelatedI am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
CSS:
div.SustainResourcesMenuTabs
{ background-image: url('/images/departments/commdev/sustainability/menu_tab.jpg');
}[code]....
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
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 RelatedIn 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 RelatedIs 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 RelatedI 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 RelatedHow can i make the submit button unable to be clicked if there is no data in the input (usermsg)?
View 6 Replies View RelatedI'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?
Can the UI dialog be used for this?
View 1 Replies View RelatedI'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 RelatedIn 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?
I am generating a series of links with the name of my clinics. Each has its id (ie permission0, permissions1 . . .) and shows the name of the clinic. When the user clicks on the link I need to show the details of that clinic, but for the moment I don't know how to tell createDialog() which link was clicked. Code:
View 2 Replies View RelatedI have some floating divs on my page.
When I click the div I want do display a menu over it, how can I
determine the position of the clicked div on the page?
I want to do is determine whether the selected checkbox is on or off. At the moment, when the checkbox is ticked or unticked the javascript returns false.
<form name="update_active" method="POST">
<input type="checkbox" name="active" onClick="updateActive(1, 'product')" />1
<input type="checkbox" name="active" onClick="updateActive(2, 'product')" />2
<input type="checkbox" name="active" onClick="updateActive(3, 'product')" />3
<input type="checkbox" name="active" onClick="updateActive(4, 'product')" />4
</form>
[Code]...
Is there any way to determine the row & collumn number of a certain cell within a table?
I've looked at rowIndex and similar stuff, but I can not get it working. The info I found on this was minimal...
Any one have a way to determine the left pixel position of an element on a page (such as <input ...>, given a fixed value was not supplied originally. This needs to be done dynamically so several elements can be aligned by setting their css left values. Jquery is available if that is of any use.
View 4 Replies View RelatedI've been running around the web, including a search here, but haven't hit upon a solution that works. I'm trying to determine the document height of a web page. The following code produces a 0 (zero) onload, and again when the button is pressed. Right now, I'm working with Firefox 2 on Ubuntu Edgy. I'll worry about IE compatability later. Code:
View 3 Replies View Related