Hello,

I have set up a showhint function in JS to show data from a table in the database on mouseover, the content of this field is updated periodically and what im trying to do is the first time the user pass his mouse over the link the text shows in red and the second time he does it the text shows in black, like in some way let user know that the first time the text is display in red is because he has unread text and after that the text shows in black letting him know he has no unread content.. this is the code but im not very sure if this is even possible and if it is a php topic or JS topic? thanks for your help

PHP Code:


$case = $data['case_no'];

global $conn;
$sql = "SELECT `notes` FROM `counselor_notes` WHERE `case_no` = '".$case."'";
$rs = db_query($sql,$conn);
$row = db_fetch_array($rs);


$msg = "Notes: ". $row['notes'];

    $fvalue = "<a href=\"counselor_notes_edit.php?editid1=".$case."\" onmouseover=\"showhint('".$msg."', this, event, '500px')\" target=_blank><font color=\"black\">".$value." </font></a>";


$value = $fvalue; 


Originally Posted by stivens

im not very sure if this is even possible and if it is a php topic or JS topic?

A little bit of both.
It depends on how you want to do it.

You need to have that note state stored somewhere so you can compare it.
It can be done with cookies, session or mysql.
Choose what best suits you, i would do it with cookies.

After you store that note ID for example, and it's state, you can write a javascript and change it's state once the user has view it.

Then you can easily change that note css class.

Thanks, i will try that

can you give me an example of this??

the part of changing the state when the user has view it??

I have been trying with no success :/

Thanks

JavaScript Cookies: http://www.w3schools.com/js/js_cookies.asp

You need a mouseover event for that tip, then just check what is under the mouse pointer, get it's ID, change the cookie state and change the class.

This function will change the cookie:

PHP Code:

function setCookie(c_name,value,exdays)
 {
     var exdate=new Date();
     exdate.setDate(exdate.getDate() + exdays);
     var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
     document.cookie=c_name + "=" + c_value;
 } 


Pass the cookie name and value, if the cookie exist it will change it's value, if not it will create a new one.

Thanks for your help, i'm trying this right now..

Thanks for sharing information about this. this information is really useful and quite interesting one. i will try for running java script.

Thanks. I like your idea about the cookie