Search - Articles
DevASP.NET for ASP.NET, VB.NET, XML and C# (C-Sharp) Developers Tuesday, March 03, 2009
Dev Articles
Search Directory
ASP.NET
VB.Net
C-Sharp
SQL Server
 

Changing Menu Location over web page on double click.

Author: DevASP
Download Source Code : 605_DBClick.zip

In your application if you have a lot of data on your web pages and you have a control or navigational menu at the top of page. It will be difficult for the user to navigate through the links on your

Steps you will do.

 

Start visual studio and create a new web application. Open the HTML design of your web page and add the following code which contains the design layout of your web page and JavaScript functions to display the menu where the double click is made by user.

 

 

<HTML>

<script>

var x=-1

function doit1()

{

x+=10

 

div1.style.filter="alpha(opacity="+x+")"

if(x>=100)

      {

      clearInterval(mooki1)

      }

}

function click()

{

 

 

      div1.style.top=event.y

      div1.style.left=event.x

      mooki1=setInterval('doit1()', 1); x=-1

      div1.style.display=""

     

}

function click2()

{

      div1.style.display="none"

}

document.ondblclick=click

document.onclick=click2

div1.style.display="none"

</script>

<body bgcolor=#009999>

      <div id="div1" style="WIDTH:150px;POSITION:absolute;HEIGHT:48px;BACKGROUND-COLOR:#009999">

<P>Available Links</P>

 

<P><A href="http://www.devasp.net">www.devasp.net</A></P>

             

            <P><A href="http://www.devasp.com">www.devasp.com</A></P>

 

<P><A href="http://www.hotmail.com">Hotmail</A></P>

 

<P><A href="http://www.yahoo.com">Yahoo</A></P>      

      </div>

<center>

<H4>Dont forget to visit www.devasp.com</H4>

<a href="http://www.devasp.com">Devasp Team</a>

</center>

</body>

</HTML> 

 

 

 

Now run your application and click anywhere on the web page the menu will change its location and will be available for you where you double click the page.

   
Add Article Comment:
Name :
Email Address :
   
Comments :
 
   
<< How We can Display MessageBox in ASP.net.

Disclaimer - Privacy
© 2002-2017 DevASP.net