How can I set a busy cursor for my whole page rather than just for a link?
My page calls another page with form arguments that does some processing
then changes the values on the calling page. It takes about 4 seconds so I
would like there to be some indication that processing is going on. Thanks!
how can i fix this to work correctly in ie7 (and preferably ie6)this is what's supposed to happen: in a text field, as a uk postcode is typed in, once the user has typed in enough to know where the space in the postcode should be it's being placed in there for them automatically.
View 24 Replies View RelatedI have <style> tags in my <head> section, and only want to set the cursor attribute if the user's browser has JavaScript enabled. This code however doesn't set the cursor attribute even if JavaScript is enabled:
[Code]...
I'm trying to create a function sort of like the ctrl+f function in IE, where you click 'next' and certain words on the page are highlighted (by selecting them with the cursor). This is all well and good for inputs and textareas, however for text in simple text nodes...
Code:
<span class=highlight> bob </span>
I can't get this to work - as 'createTextRange()' isn't a valid operation on text nodes. Is this something you can do in JS (specifically IE)? Alternatively, is it possible to 'focus' on a text node, causing the scrollbar to move so the user can see it on the page (and I'd highlight it with CSS, to replicate the same effect)?
modify the script to prevent showing busy indicator
[CODE]
<script type="text/javascript">
window.onload = setupFunc;
function setupFunc() {
[Code].....
above tis the script which shows up busy indicator whenever ajax request is in process. in my case I have some timer componenes which reloads after every 5 minutes through ajax .I want to prevent the above script from showing the busySign when any timer componenet is updating , what should I change in the above script to exclude some components?
I have some jQuery code working that does an AJAX post to the server and displays the data on the web page. Proud of myself! However, right at the moment, the user doesn't see anything happen when they click the button.
I would like to make it work like most modern sites do, whereby when you push the button, the previous results are greyed out, the submit button is disabled, and you get one of those nice little animations whizzing around, showing the user that something is happening. When the callback is complete, the results are displayed normally, the submit button is enabled and the animation disappears.
how to set cursor location on page load?
View 3 Replies View RelatedI want to put a little search on a single standalone webpage of names and numbers.
I'm using the code below - works a treat but when you first visit the page, you have to click in the search box before typing a string, How can I make it so that the input box is actively awaiting input upon the page being displayed?
Also as a second question.. can i make it so whenever 'enter' is pressed on the keyboard, the search button is effectively actioned/clicked so it highlights the next matching string?code...
Is there any way that I can get the first text input field to be active and READY for input.I am trying to save the user the trouble of clicking on the text input field before the user can type any information there. It is one extra step especially when using a touch screen that I would like to avoid.
View 2 Replies View RelatedI've seen some sites going what I want to achieve, but I cant remember the names of them.
I have an iframe on a page ( its a local page ), when a user submits this page, I want to display a "busy graphic" while waiting for the results, does anybody have a link to such and example?
I'm calling $.blockUI() whenever a anchor tag with a "link" class is clicked:
$("a.link").die("click").live("click", function()
{
$.blockUI();
});
The anchor click loads a new page, however, the unblocking of UI doesn't completely work. The overlay is removed, however, the cursor is not changing back to "normal". This is happening in Firefox 3.6.16. So, the end-user perceives the page as still processing because the cursor is "spinning". Moving the mouse will change the "wait" cursor back to the "normal" cursor.
As far as I can tell, and it makes sense, when I set cookies for a page, say like this:
HTML Code:
<script>
function setCookie(cookie_name,value){
var cookie_value=escape(value);
document.cookie=c_name + "=" + cookie_value;
}
</script>
It works just fine, but it only sets the cookies for that particular page. Unfortunately I need it to remember that for all pages. In essence, this code belongs to a sign in page, but I need it to remember the username and password on all pages. I would like to avoid sending variables from page to page containing usernames and passwords if it's at all possible.
how to make a particular website their default home page when they click the button "Make this site your homepage" using javascript. This sample code works in IE, but other browsers doesn't know this code.
this.style.behavior = 'url(#default#homepage)';
this.setHomePage('http://localhost/getuptodate/php/getuptodate.php');
how to do this stuff on other browsers. I've research on this but still can't find good codes that do something like the code mentioned above. Others are redirecting the users to do something to make the website their home page.
Am I missing something here? I want to be able to have more than just one button to toggle the drop function with different content. I'm using the test code below to set this up. Works fine if just using "btn" and "btndiv" but nothing happens when I add "btn2" and "btn2div":
[Code]...
How do I ensure a page is printed with landscape setting?
View 1 Replies View RelatedI'm using Javascript to change an image on a page without reloading the page. The problem is that my images are various widths (but identical heights), yet each image I change it to uses the width of the first image.
[Code]...
What I want is a textbox that the user can enter information into. When they press a key the onkeyup event will simulate a function. All that I can do. The function needs to automatically scroll down the page to the anchor that corresponds to the number the user entered. The web page is a factor finding program. You can enter 2 numbers and it finds all the factors of all the numbers between the 2 you entered. Here is the link: [URL] As you can see, when you try to find factors of numbers a new window opens and there is a search box in the top left. Unfortunately, it doesn't work. If you want to check out the code look at the web page but here is the bit that creates the new window
[Code]....
I have some JavaScript that is being used to open a new window and display a PDF file. This is working fine apart from the title of the new window being open. I am using the window.open function and I have set the title of the page using the document.write function (see code below). The code works fine for FF and IE but for some reason Google Chrome just displays 'Untitled - Google Chrome'
<body>
<a href="javascript:openNewWindow();">Click Here</a>
<script type="text/javascript">
function openNewWindow()
[Code]....
Note: I have also tried adding - pdfWindow.document.title="Title"; - to the JavaScript, with no luck.
Is there anything specific that is required for Chrome or am I just missing something??
OK, I am very new to jQuery so bare with me here. I am trying to get the document body height and set it as the height of a table, after the page has been loaded. Below is an example of what I am trying to do.
[Code]...
I am not sure where to place the jQuery code, before or after the table tag...and I am not even sure if any of my jQuery code is correct. Once again, i need to set the table height AFTER the document has been loaded and then dynamically change the height of the table.
I have a page which takes information from a user. When the user clicks the "send" button, it stores data in a cookie then does a javascript redirect to the next page which grabs the info. I don't want the data to be present in the URL on the next page and the site is supposed to be put together without the use of PHP (the 2nd page is a confirm page that sends the data to Web Services).
This has been working great for everyone who has tried it, but there are a handful of complaints that users will not get the information they expected on the 2nd page. My question is, as I'm trying to debug this stuff, is it reasonable to think that the cookie may not be properly stored in time for the redirect to take place for some users?
I have a pop-up window system on my site that shows an absolutely-positioned div over the entire page as a "pop up" of sorts when someone clicks a link. I use this simple line of Javascript to disable page scrolling when a "pop up" box is opened by a user:
document.documentElement.style.overflow = document.body.style.overflow = 'hidden';
The problem is that when a user is scrolled down on a page and clicks a link to bring up one of my pop up boxes, when the overflow is set to 'hidden' to disable scrolling, the page "jolts" back up to the top (similar as to what would happen if someone clicked an <a> element with href="#" ). However, the links are not actually links, but span tags that are programmed with JS to trigger the scrollbar to be disabled when clicked, so that is not the culprit here. I've narrowed the problem down to that one line of code which I posted earlier. Apparently, setting the documentElement overflow style to 'hidden' scrolls the user to the top of the page automatically along with "disabling" the scroll bar on the page.
I am wondering if there is a way to prevent this jolting to the top of the page each time that JS code is triggered. I don't want users to have to scroll back down to where they were each time they open a pop up dialogue box on my site, as this would be detrimental for usability purposes.
How can I fixed the size of the page to desired width and length and also make that page fixed to that size so that it cannot resized.
And also I want to disable all bars(scrollbars, menubars, address bars etc) for the page.
I am using these codes for my projects and these are for commercial purpose. I am also asking for to use these codes for my projects.
Assume we have this html:
<span>the quick brown fox</span>
and the mouse is hovering over the word "fox". Using javascript, is it possible to determine the word under the mouse *without* introducing additional elements such as an anchor?
I have a problem changing the cursor type with javascript. I have a
button with an mouseover effect (change of color and cursor type). It
works fine in Netscape 7.x and IE 6.x but not in IE 5.5 I'm using the
following script:
function change(element,mode) {
if (mode=="in") {
cursortype = 'pointer'
colorval = '#FF491B'
} else if (mode=="out") {
cursortype = ''
colorval = '#F47240'
}
element.style.cursor=cursortype;
element.style.background=colorval;
}
The error I'm getting with IE 5.5 is "cursor type not defined..." or
something but the pointer is supposed to work even with IE 4.x
Does anybody has a solution for this problem?
Is there posibility to (and how to do this):
a) add a string in the current cursor position?
b) add string before and after selection in textarea e.g. selection
c) if I put with value+='' how to move cursor to position after ] and before [
I'm writing some stuff where I wish to allow the cursor keys to control
elements in a page. This has not been a problem except with Safari
which appears to duplicate the keydown and keyup events which are fired
when the cursor keys are pressed. I.e. pressing and releasing say, K,
results in one keydown event followed by one keyup event. Press any of
the cursor keys results in two keydown events followed by two keyup
events.....
