Mouse Pointer Change on Alert

[RealDrift]

Hi,

 

i have seen a website use this feature. basically the mouse pointer changes to a different one if the user has  a new message in their inbox. Once the message is read the mouse pointer goes back to the original one.

 

i run a website which has a members section in which they can message each other. This feature is kinda good to have.

 

any help appreciated.

 

thanks

[phpQuestioner]

use javascript, server side language (PHP, ASP, JSP, etc), and css to change the cursor url based upon if there is a new message or not.

[RealDrift]

wow seems a bit new to me

 

any tutorials or scripts available?

[phpQuestioner]

your going to have to create a css class/id for a cursor style.

your going to have to check your database with server side language.

 

you really do not need javascript for this; unless you are trying to automatic update the cursor style when a new message comes in; without page reload. if your wanting to do that - you will have to use a JavaScript method commonly called AJAX.

 

I do not know of a specific tutorial to tell you how to do this - google it - that's a start.

[RealDrift]

what exactly do i search for?

 

is there a specific name for what i want?

[phpQuestioner]

CSS Cursor Property

 

You will have to learn some server side language coding skills; I suggest PHP and MySQL; so that you can:

 

1.) Create a database.

2.) Create a user login (if this is going to be for multiple users/members to use)

3.) Create a PHP/MySQL script that will check your member database row or table; too see if they have a new message.

4.) Then change your cursor style based upon you database results.

 

This is no easy task to accomplish for a beginner of PHP/MySQL and CSS; you need to start trying to learn some PHP/MySQL and CSS coding skills and then go from there. You have to have some prior knowledge of both languages to do what your wanting to do. You may be able to find a message system that has already been built, that you can use; that is similar to what your wanting to do.

 

[RealDrift]

i am an itermediat php/mysql user i just wanted to know how i could achieve this. I already have everything i.e. database etc

 

just need to look into css cursor property

[mainewoods]

<a href="#" onclick="body.style.cursor='crosshair';return false;">test cursor change</a>

http://www.w3schools.com/htmldom/prop_style_cursor.asp

--change 'crosshair' to any supported css cursor styles

--change 'body' to document.getElementById('IDvalue') to set it for one element only