Onmouseover is not recognized by VS 2008.

Question

1.00/5 (1 vote)

See more:

I'm having trouble with this onmouseover, it seems that my VS 2008 can't recognized it. There's no such event there. Please help.

Posted 19-May-13 21:05pm

Chris N.P.

Add a Solution

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Mahesh Bailwal · Accepted Answer · 2013-05-19T21:20:00

Solution 1

XML

You will not get  onmouseover in intellisense of VS 2008 but if you will add it manually it will work. I just tested below code.

<asp:Button ID="Button1" onmouseover="alert(1)" runat="server" Text="Button" />

Posted 19-May-13 21:20pm

Mahesh Bailwal

Comments

Chris N.P. 20-May-13 3:28am

Thanks now it's clear.
I also have one concern and I believe you could help me.
I do have a page in one of my web application that recursively get all the folders of the server's D drive and inside each folder it contains files and subfolders. Now what I want to do is to apply an image preview when I hover the mouse on it.
Please help me.

*Abhishek Pant* · Accepted Answer · 2013-05-19T21:49:00

check this sample below:

HTML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="onmouseover.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Onmouseover</title>
    <script type="text/javascript">
        function bigImg(x) {
            x.style.height = "270px";
            x.style.width = "500px";
        }

        function normalImg(x) {
            x.style.height = "135px";
            x.style.width = "250px";

        }

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/code.gif" onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" />

<p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p>
<p>The function normalImg() is triggered when the mouse pointer is moved out of the image.</p>


    </div>
    </form>
</body>
</html>

and for your thumbnail preview of images-

Display Full Size Image on Mouse Over Thumbnail in ASP.NET[^]

for link button:

HTML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="onmouseover.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Onmouseover</title>
    <script type="text/javascript">
        function displayResult() {
            document.getElementById("p1").style.fontSize = "xx-large";
        }
        function displayResult1() {
            document.getElementById("p1").style.fontSize = "x-small";
        }


</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:LinkButton ID="p1" runat="server" onmouseover="displayResult()"
            onmouseout="displayResult1()" onclick="p1_Click"  >sample text</asp:LinkButton>





    </div>
    </form>
</body>
</html>

C#

protected void p1_Click(object sender, EventArgs e)
       {
          Response.Redirect("~/code.gif"); // code.gif is image file included in my project. // you  can also use modalpopup/facybox to display the images from thumbnails.
       }

Mahesh Bailwal · Accepted Answer · 2013-05-19T21:50:00

Solution 3

Create a div, inside that div create img tag keep div display none initially. OnMouserOver set the coordinates of this div based on element which fired the onmouseover event and now assign img src path to the image you want to preview and remove display none of div. OnMouseOut set div display to none back.

Please let me know if you need further assistance.

Posted 19-May-13 21:50pm

Mahesh Bailwal

Comments

Chris N.P. 20-May-13 4:07am

Thank you. Do you have a sample code for this? I believe this would help me.

Chris N.P. 20-May-13 4:25am

Let's assume that there are 3 folders inside the server's D drive.
d:/folder1
d:/folder2
d:/folder3

Inside each folders there are 2 image files.
d:/folder1/img1.1.jpg
d:/folder1/img1.2.jpg
d:/folder2/img2.1.jpg
d:/folder2/img2.2.jpg
d:/folder3/img3.1.jpg
d:/folder3/img3.3.jpg
Now a particular page will going to get all the folders on the D drive and display it using a gridview.

What i want to do is to hover the mouse on one of the image files so that it will show me an image tooltip to preview the particular image.

However I don't know how ASP:LinkButton will be able to capture the location of the particular image selected. Of course I can't do this "~/img1.1.jpg" for example since it's in the D drive.

Using DIV that you mentioned is like unfamiliar territory for me but it's an enteresting approach. Please provide me a code. I will greatly appreciate your help.

Mahesh Bailwal · Accepted Answer · 2013-05-20T01:05:00

Here I believe you have two challenges
1. show any local image on browser which not inside your web application (i.e D drive)
2. Javascript logic to show image preview on mouseover

Solution for the First is given below and for second I don’t have any code right now

There is no straight way to show any local image on browser which is not inside your web application as you cannot map path to that image from your web page.

Follow below steps

->Create a .aspx page Say ViewImage.aspx
->You need to pass path of image as QueryString which want to show

C#

protected void Page_Load(object sender, EventArgs e)
      {
          string filePath = Request.QueryString["filePath"];
          Response.Clear();
          Response.ContentType = "image/jpeg";
          Response.BinaryWrite(File.ReadAllBytes(filePath));
          Response.End();
      }

Onmouseover is not recognized by VS 2008.

4 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0