Hi
I have a list of files made by my PHP code

    if ($handle = opendir($director))   
    {
        $path="images/files/nou/";
        if(Files::is_empty_dir($director))
            {
                echo "<p>There are no script available.</p>";
            }
        else
            {
       while (false !== ($file = readdir($handle))) 
       {
             if ($file != "." && $file != "..")
                 {
            $size=Files::getSize($director."/".$file);
            $exts=Files::getExtension($file);
                    $filex = str_replace(".".$exts,"",$file);
                if(strlen($filex)>10)
                    {
                        $filex=substr($filex,0,6);
                    }
                    echo "<div class='file' title='".$file."'>".$filex."</div>";

There are functions defined in my own class "Files".
Good. I want that on mouseover to show file information with this code

    function getInfo($file)
            {
                $info="<div class='info_public'><table border=0 cellpadding=2><tr>";
                $info.="<td>File : </td><td>".$file."</td></tr>";
                $info.="<tr><td>Extension : </td><td>".Files::getExtension($file)."</td></tr>";
                $info.="<tr><td>Size : </td><td>".Files::getSize($file)."</td></tr>";
                
                return $info;
            }

I want to show info dynamically with JQuery. I wrote this

$(function() {
    $(".file").mouseover(function()
        {
            data=$(this).attr("title");
            alert(data);
        });
});

It alerts always first filename not what I mouseover. But if I quit to use mouseover JQuery function, the title appears correctly for each file in part. If I use mouseover function again, the selected value from title doesn't appear correctly, it shows first filename in alert no matter what file I crossed with mouse.

I called the alert function to see results before implementing $.ajax function to avoid bad responses.
What's the problem in my script ?

Thank you

The javascript part looks correct to me. Do the files evan have different title values, if you view the source code?

every file has own title there are no same title value. Yes , I saw source code from browser and every file has their title. If I quit mouseover or onmouseover or anything related to jquery,if I move the cursor over one file, no matter which, browser triggers the tooltip with correct filename.
I think the problem is from JQuery but I don't know why and where is the mistake. As you said, the code is good, works except JQuery title value.

Could you supply a link to your page, so it can be seen in action?

I solved
the correct JS code is :

$(".file").each(function()
    {
        $(this).mouseover(function()
        {
            var fis=$(this).attr("title");
        console.log(fis);
        alert(fis);
        });
        
    });

Originally Posted by Sonic3R

I solved
the correct JS code is :

$(".file").each(function()
    {
        $(this).mouseover(function()
        {
            var fis=$(this).attr("title");
        console.log(fis);
        alert(fis);
        });
        
    });

Yes, the each() function is an alternative. But the following should also work

$(".file").mouseover(function() {
   var fis = $(this).attr("title");
   console.log(fis);
   alert(fis);
});

But anyhow, it's good that you got it working!

$(".file").mouseover(function() {    var fis = $(this).attr("title");    console.log(fis);    alert(fis); });

This part doesn't work !

Because in HTML there are more than one div with class "file".
Each of div has different title value so I need to show correct filename depdending that title value.
If I wouldn't use each function, the alert will display first value. Why ? I don't know, this is strange.

Originally Posted by Sonic3R

$(".file").mouseover(function() {    var fis = $(this).attr("title");    console.log(fis);    alert(fis); });

This part doesn't work !

Because in HTML there are more than one div with class "file".
Each of div has different title value so I need to show correct filename depdending that title value.
If I wouldn't use each function, the alert will display first value. Why ? I don't know, this is strange.

In jQuery, if you use a class name for your selector ( like $(".file") ) it returns a list of all matching objects, not just the first one. You can see an example of this at the jQuery documentation, where they select "myClass" and add a red border to it. Both elements with that class gets the red border.
http://api.jquery.com/class-selector/

But again, if you got it working, thats great

I solved my problem with "each" JQuery function.
Thank you 4 suggestion lizciz