Changing cursor on hover

Hi everyone,
I have created a vertical quick link navigation bar. It is setup to change images on hover. I made the entire cell clickable. However, the mouse cursor only changes to the hand when it hovers over the text in the cell. I would like to make the cursor change to the hand when the user hovers over the cell (indicating it is clickable) Here is the code I have.
<td align="center" class="leftnavbtn" onMouseOver="this.className='leftnavbtnover'" onMouseOut="this.className='leftnavbtn'" onClick="document.location='schools.html'"><a href="schools.html">School District</a></td>
What do I need to add to get it to do what I want?
Thanks
Chris

Use CSS instead of Javascript:
http://www.dreamweaverresources.com/tutorials/clickable_cell.htm

Similar Messages

How to change 'cursor'

Is there a way to change the 'cursor' so that it is always a 'hand' or something else that is easier to see - this is for one of the users that I support. They're looking for the cursor to always be this way, no matter what (ever, regardless). I have not been able to find this feature and other Adobe users I have talked to haven't found anything like it either.

Hi, showing some messages when moving over a button can be done by standard-functionality useing property "tooltip-text" for the button.
If you want your own bean start with overwriting the class oracle.forms.ui.VButton, use method with code similar to the following
protected void processMouseEvent(MouseEvent p0)
    if ((p0.getID()==MouseEvent.MOUSE_ENTERED) && this.isEnabled())
      // Add your code for changing cursor here
      super.processMouseEvent(p0);
    } else if ((p0.getID()==MouseEvent.MOUSE_EXITED) && this.isEnabled())
      // Add your code for changing cursor here
      super.processMouseEvent(p0);
    } else
      super.processMouseEvent(p0);
}hope this helps

Change cursor to hourglass

i want to change cursor to hourglass when a new servlet is loading. working of my program is that on click of submit,the present servlet unloads and a new servlet is loaded.this new servlet takes time. so i can't write the code in prevoius servlet for cursor and the new servlet which is being loaded changes cursor to hourglass only after fully loading. please help me in this regard

Write the javascript, flush the output stream, and the hourglass should be shown right away...
note: You should write some stuff before the javascript -- send some text maybe the top of the output page. IE has some internal buffer you have to fill up before server-side flushing works.
Again: You should make sure you send the javascript and flush before you start processing.
Also: You will not be able to do a send redirect if you use this approach. If this is not satisfactory, you could try using one of the "Please Wait" mechanisms described on this site (use the forum or google search for JSP "Please Wait" to find them) to do the job.

Can I change cursor motion using tab key?

Hi everyone,
I'm Tae from Japan.
Now, I'm developing UI with WD4J and I'd like to change cursor motion.
for example:
- left to right
- up and down
Environment:
SAP NW CE 7.1
SAP NWDS CE 7.1 SP05
Thanks and BestRegards,
Tae

Hi Tae,
Cursor motion through Tab is default given in WD Java, Cursor goes to next defined element in view. By designing the view layout properly you can manage the cursor movement as per requirement.
some points :
1) Tab moves the cursor to next item (if Label property "Labelfor" is not defined for any ui element, it considers label as one element. Hence define labelfor property)
2)you can use any of layouts grid, matrix, flow or row to define the ui elements.
3)Tab will go to the next element in the same container. After completing all elements in one cotainer cursor goes to next container as defined in view.
3)Shift+Tab will move the cursor backward.
Regards
Deepak

Changing cursor apperiance..How?

I'm working on some school project and I have three frames. I need to change cursor apperiance while it's over those three internal frames. I know how to handle listeners, and all other stuff I need just I cann't find any way to setup cursor apperiance...I was looking in swing but nothing..or my docs are not good...

All descendents of Component inherit setCursor. Use it as follows:
component.setCursor(new Cursor(Cursor.WAIT_CURSOR));

WAd Report - How to change Cursor Type...

Hi,
In BI WAD report output, the cursor type is Pointer (Hand sign). I wanted to change it to some other type, is this possible, If yes, could u pls let how can i do that. I tried a lot but didn't suceed.
Thanks...

I think this would be possible by having custom CSS embedded in web template. E.g. see here:
http://www.zimmertech.com/tutorials/css/20/changing-cursors-tutorial.php

How can I change cursor while it does something?

hi, all
following code dosen't change current cursor.
I want to change cursor to wait_cursor while it opens file,
but, it doesn't change cursor at all.
What's problem?
class aClass extends JFrame{
btOpen.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent e){
int returnVal = jfcFileDialog.showOpenDialog(SourceEditor.this);
if (returnVal == JFileChooser.APPROVE_OPTION) {
openedFile = jfcFileDialog.getSelectedFile();
setCursor( Cursor.getPredefinedCursor(Cursor.WAIT_CURSOR));
//read openedFile and return text
String fileContent=readSourceFile();
setCursor( Cursor.getPredefinedCursorCursor.DEFAULT_CURSOR));
thank you.

I finally figured it out. You have to set the cursor on the JFrame's GlassPane. The solution was alluded to in the Evaluation section of a couple of bug reports:
http://developer.java.sun.com/developer/bugParade/bugs/4357573.html
http://developer.java.sun.com/developer/bugParade/bugs/4320939.html
There is also some discussion about this in various Forum threads. (Search for topics using "+getGlassPane +setCursor".)
My corrected code follows. With this method, you don't even need to start up a secondary thread to get the cursor to change. I do, however, because I have other UI elements that I want to be updated (such as a sort indicator on my column headings.) I also reduce the priority of the sort thread a bit so my UI gets priority.
Note that I removed the code that tries to remember the original cursor, since, with all the asynchronous execution going on, the wait cursor could actually be the frame's current cursor when this gets executed. If you're not doing a sub-thread as I am, you don't have to worry about this. Also, I have extended JFrame to JFrameBase to handle threading issues and consolidate redundant code (among other things not pictured here). The JFrameBase class definition follows the example code.
Component lTopLevelComponent = JTableSortable.this.getTopLevelAncestor();
final JFrameBase lFrame;
if ( lTopLevelComponent instanceof JFrameBase )
    lFrame = (JFrameBase)lTopLevelComponent;
    lFrame.setFrameCursor( Cursor.getPredefinedCursor( Cursor.WAIT_CURSOR ) );
else
    lFrame = null;
Thread lSortThread = new Thread( "JTableSortable" ) {
    public void run()
        ((SortableTableModel)lModel).sortByColumn( lSortCol, lAscending );
        if ( lFrame != null )
            lFrame.setFrameCursor( Cursor.getPredefinedCursor( Cursor.DEFAULT_CURSOR ) );
lSortThread.setPriority( Math.max( Thread.MIN_PRIORITY, Thread.currentThread().getPriority() - 1 ) );
lSortThread.start();
public class JFrameBase extends JFrame {
public void setFrameCursor( final Cursor aCursor )
    SwingUtilities.invokeLater( new Runnable() {
        public void run()
            getGlassPane().setCursor( aCursor );
            getGlassPane().setVisible( true );

How to change cursor when need to open a new dialog?

Hi,
I try to change cursor to WAIT when client open a new dialog, which it tell user the program was running to ready display new dialog.
My code was like the following
scene.setCursor(Cursor.WAIT);
someclass.showMyDialog(); // The dialog was a new stage with StageStyle.UTILITY style
scene.setCursor(Cursor.DEFAULT);
But the cursor didn't be changed, I didn't know it why? Anybody know it? thank in advance!
I had search the google, and didn't find the perfect answer, most of they was like to use setCursor(Cursor.WAIT) mode.
the current ENV in my host was: windows 7 and Java
java version "1.7.0_13"
Java(TM) SE Runtime Environment (build 1.7.0_13-b20)
Java HotSpot(TM) 64-Bit Server VM (build 23.7-b01, mixed mode)
Best regards,
Edited by: user13005878 on May 27, 2013 1:48 AM

If you have a long running process ("long" means anything the user will notice), you need to run it in a thread other than the JavaFX Application Thread. In other words, you need to change the cursor to the wait cursor on the FX Application Thread, launch a user-defined thread for your long running process (connecting to the database), and once that thread is complete, show the dialog and change the cursor back on the FX Application Thread again. If you try to do everything on the FX Application Thread, you'll likely block that thread and prevent any changes from being visible to the user until the long process is complete (so you'll never see the wait cursor).
All that said, and as jsmith said, there are some bugs in JavaFX 2.2 with the appearance of the cursor. So on my system (Mac OS X 10.7.5) the "correct" behavior is only observed with JavaFX 8.
This is an example of doing things wrong. Here I don't see any change to the cursor, even on JavaFX 8:
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Cursor;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class WaitCursorDemo extends Application {
@Override
public void start(Stage primaryStage) {
    final BorderPane root = new BorderPane();
    final Scene scene = new Scene(root, 600, 400);
    Button button = new Button("Do something time-consuming");
    button.setOnAction(new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        System.out.println("Starting...");
        scene.setCursor(Cursor.WAIT);
        try {
          Thread.sleep(2000);
        } catch (InterruptedException exc) {
          exc.printStackTrace();
        scene.setCursor(Cursor.DEFAULT);
        System.out.println("Done");
    root.setBottom(button);
    primaryStage.setScene(scene);
    primaryStage.show();
public static void main(String[] args) {
    launch(args);
}This works on JavaFX 8: after pressing the button I see the wait cursor for two seconds, then it reverts to the default cursor.
import javafx.application.Application;
import javafx.concurrent.Task;
import javafx.concurrent.WorkerStateEvent;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Cursor;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class WaitCursorDemo extends Application {
@Override
public void start(Stage primaryStage) {
    final BorderPane root = new BorderPane();
    final Scene scene = new Scene(root, 600, 400);
    Button button = new Button("Do something time-consuming");
    button.setOnAction(new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        System.out.println("Starting...");
        scene.setCursor(Cursor.WAIT);
        Task<Void> task = new Task<Void>() {
          @Override
          protected Void call() throws Exception {
            try {
              Thread.sleep(2000);
            } catch (InterruptedException exc) {
              exc.printStackTrace();
            return null;
        task.setOnSucceeded(new EventHandler<WorkerStateEvent>() {
          @Override
          public void handle(WorkerStateEvent event) {
            scene.setCursor(Cursor.DEFAULT);
            System.out.println("Done");
            // Display your dialog now you have the data from the database...
        new Thread(task).start();
    root.setBottom(button);
    primaryStage.setScene(scene);
    primaryStage.show();
public static void main(String[] args) {
    launch(args);
}

Change Cursor During Processing?

Hi everybody!
Is there a way to change the mouse cursor while processing a JSP page? For example my page looks like this:
<HTML>
<% change cursor to type 'wait' %>
<% do a large task on the server which takes some time.... %>
<% change cursor to default %>
</HTML>
Thanks in advance!
/Paul

No. A JSP does not have a mouse cursor, as it runs on the server and not on the client. Here's what happens in real life:
1. At the client browser, the user clicks on a link or a Submit button.
2. The server starts running the JSP file and turning it into HTML. The client does nothing but wait.
3. When it is finished generating the HTML, it sends it to the client.

Customizing Cursor Color and/or appearance: Does anyone know if you can change cursor color?

Customizing Cursor Color and/or appearance: Does anyone know if you can change cursor color in Mountain Lion? Any software for customizing and saving different cursors for Mountain Lion? Already have cursor size changed, but would like more options. Are more cursor customization options coming in future Mac OS X versions?

There may be some haxies/3rd party s/w that can do this, but I've not heard of them.
Customisation is limited on macs, unless you start hacking deep into the coreservices of the system - dodgy at best and almost certainly to get reset on the next update from Apple central
Think different? Nooo....that was just a slogan.

CSS code to change cursor to magnify symbol on hover over specific images

Hi to you experts out there! I'm having a problem getting my CSS code to work. (I'm using Adobe CS4 Design Premium)
The web pages I'm working on are a gallery of images, with linked thumb images to the left which when clicked show the complete image on the right of the page. All 'main images' can also be clicked on to link to the next main image along, corresponding to the order of the thumbs. However, some 'main images' when clicked on are linked to larger, full page versions of an image. In this instance I want the user to see the pointer/cursor to change from the little hand to a magnify symbol when hovering over these specific main images. This is where I can't get the css code to work/achieve this.
For your info the main images reside in '#main_image' div. There is a compound CSS Rule for the main image pic called 'main_image a img', for a 2px, white border. There is then a hover state for this 'main_image a img:hover' where the border changes colour. (the main pic is assigned the ID 'img')
I have created a new compound CSS Rule for specific main images, where I want the cursor to change to a magnify symbol, again corresponding to the '#main_image' div, named 'main_image a zoomin' and also a hover state, 'main_image a zoomin:hover'. These two still have the same border attributes as above, 'a img' and 'a img:hover' (these main pics have been assigned the ID 'zoomin'). However, this is where I have also added CSS code for the cursor change. I have tried 15 or so variations of the following, without success:
#main_image a zoomin {
     cursor: url ('images/magnify.cur'), pointer;
     [then the border attributes...]
and...
#main_image a zoomin {
     cursor: url ('images/magnify.cur'), -moz-zoom-in, auto;
     [then the border attributes...]
What am I doing wrong? This can't be difficult! Would welcome some help please!
(Within the root directory: WinVista(C)/local_sites/sjcillustration/images' there are two files 'magnify.cur' (a downloaded img) and 'magnify.png' (my custom img - created in Illustrator, which I would actually prefer to use, but can't export as a .cur file). )

Call me Capt. Obvious, but why can't you put a "magnify" icon next to or below the thumbnail image along with the words "Click to Zoom?"
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Change cursor to pointer in spry photo gallery

Can anyone help me, I have created a website using Adobe's Spry Photo album and I need the cursor to change to a pointer to give the user an indication that there will be an action occuring when the thumbnail in the gallery is clicked.
Dave Powers suggested that I use a "hover pseudo-class" and gave me this code and suggested I put it into my Style sheet.
.thumbs:hover {
cursor: pointer;
I tried this but it did not work.
The website is: www.artizancreations.co.uk
Have I put this code in the wrong place, if so where should it go?
Regards
P

poloswartzenegger wrote:
Hi Nadia, thanks for the input, I tried your suggestion and the cursor remained the same. I am trying the suggestions before uploading to my server, that is why you will not find David's code anywhere.
Ah, that confirms why I couldn't see it :-)
copied and pasted directly into the css stylesheet initially, but that did not work. Do I have to create a new rule in the style sheet and if so would it be a class? and once that rule has been made how do I add the code?
Well, into the stylesheet would be better because if you have the a similar gallery on another page, the other pages will read it too, if they are linked to the stylesheet.
Yes, it is a class.
Perhaps .thumbs should read .thumbnails as I do not think thumbs is anywhere in my code?
If there is a .thumbnails class in your current stylesheet and it refers to the styling of the thumbnails, then yes, replace thumbs with thumbnails and see if that works.
On a very quick look, I couldn't see a class for the thumbnails, all I could see what a class for the .thumbsContainer.
I'm only going by the code that David supplied you to make sure you place it in the correct place for testing purposes. I have not used this gallery before and am not sure of all the styles associated with it.

Change Cursor Size with Pen Pressure

Does anyone know of a way to make the paintbrush cursor size change dynamically according to pen pressure with a tablet?
I'm coming to Photoshop from GIMP, and in GIMP when you use more or less pressure on the tablet, the cursor icon automatically changes size based on the pressure so you know exactly how large a line the tool will draw.
In Photoshop it seems you can choose "normal" or "full size" for the cursor circle, or else use crosshairs, but there doesn't seem to be an option for a dynamically shaped cursor. Am I wrong and just missing something? Or does Photoshop really not have this feature?

When you press and hold Option/Alt + Control and Left mouse click and drag nothing happens?
(the button on your pen is set to left click?)
The Option/Alt key should always be the second key to the left of the spacebar
The Control key should always be the third key to the left of the spacebar

Changing cursor to the built in Hand cursor

I am working with CS4 with AS 3. I have defined a MovieClip library symbol. I want the cursor to be hand when mouse is over it.
The stage has a single instance of the symbol with the name "btn".
I tried the following in first frame of the symbol:
this.addEventListener(MouseEvent.ROLL_OVER,overHand);
function overHand(e:MouseEvent):void {
Mouse.cursor = "hand";
It gave an error. Then, I tried this in the first frame of the Stage:
this.btn.addEventListener(MouseEvent.ROLL_OVER,overHand);
function overHand(e:MouseEvent):void {
this.btn.Mouse.cursor = "hand";
This gives an error on each Roll over. Can somebody tell me how to change the cursor to Hand for the MovieClip??

Hi Ned, that solves a typical hand problem. What about other cursors?? I googled to find out things of the sort:
Mouse.cursor = MouseCursor.HAND;
How do I assign other cursors like in the approach above??
More still, using your suggestion, the problem is still unresolved. I have a MovieClip symbol, that contains a Rectangle with a Label component (named lbl) on top of the rectangle.
The stage has a single instance of this symbol (named btn).
I used the following in the Frame1 of the stage timeline:
this.buttonMode=true;
this.useHandCursor=true;
this.btn.buttonMode=true;
this.btn.useHandCursor=true;
this.btn.lbl.buttonMode=true;
this.btn.lbl.useHandCursor=true;
However, the cursor changes to hand only when the cursor is on the part of the symbol not covered by the Label component. When the cursor is on the lbl, the cursor is still Arrow. Notice above, I followed your advice on all the Objects invovled. What should I do next??

[Xorg 7.0] Changing Cursor Theme

Hi guys, I used to change my cursor theme modifying /usr/X11R6/lib/X11/icons/default/.? (I don't remember the name of that file), what about Xorg 7.0?, where should I put my cursor theme, and where make it default?

Moo-Crumpus wrote:I don't have that folder, 2. Creating one and adding the files had no effects at all. Btw the mixture of xorg mouse cursors and themes, icons in one folder is really ugly.
i totally agree. and although strictly speaking i guess they *are* icons, wouldn't it have been better for X to specify them as cursors, e.g. in the index.theme, etc.?
>>edit: i put the icons in ~/.icons and added them to ~/.Xdefaults, and i get the right "busy" cursor while the desktop is loading. but then once it's loaded, they've reverted to the X default cursors again. so apparently something in xorg 7.0 is even overriding ~/.Xdefaults.

Changing cursor on hover

Similar Messages

Maybe you are looking for