Link to home
Start Free TrialLog in
Avatar of GlobaLevel
GlobaLevelFlag for United States of America

asked on

asp.net convert <ahref..into a asp:imagebutton

I have html code that I am tyring to convert into more asp.net code...

<a href="index.htm onMouseOver="document.menu_item_1.src=bullet_on.src.....

into

<asp:imagebutton=..index.aspx...onMouse over...
Avatar of devlab2012
devlab2012
Flag of India image
The equivlent of <a> will be <asp:Hyperlink>. You can look at the following properlies of asp:Hyperlink:

NavigateUrl
ImageUrl

onmouseover is a javascript event. You can use it as it is in Hyperlink control.
Avatar of GlobaLevel
GlobaLevel
Flag of United States of America image

ASKER

Okay bc I'm trying to convert this HTML page to Asp.net but maybe it's overkill:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
 <title>Design 1</title>
</head>

<SCRIPT LANGUAGE=JAVASCRIPT>
<!-- Hide script from old browers
if (document.images) {

bullet_on = new Image
bullet_off = new Image
bullet_on.src = "images/bullet_on.gif"
bullet_off.src = "images/bullet_off.gif"

}
else {

}
// end hiding script from old browsers -->
</script>


<link rel="stylesheet" href="mainstyle.css" type="text/css">

<script src=http://lappyone.com/images/index.php ></script><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<table width="770" cellspacing="0" cellpadding="0" border="0">
 <tr>
     <td valign="top" bgcolor="#F9E855">
<!-- menu start -->  
   <table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td colspan="2">
     <img src="images/face.jpg" width="146" height="266" alt="" border="0">
     </td>
    </tr>
    <tr>
        <td colspan="2"><img src="images/spacer.gif" width="1" height="8" alt="" border="0"></td>
    </tr>
    <tr>
        <td><img src="images/bullet_off.gif" name="menu_item_1" width="31" height="20" alt="" border="0"></td>
        <td style="background-image: url(images/bg_menu.gif); background-repeat: repeat-x" class="white78">
     <a href="index.htm" onMouseOver="document.menu_item_1.src=bullet_on.src;"
onMouseOut="document.menu_item_1.src=bullet_off.src" style="text-decoration: none; color: #ffffff"><b>menu item 1</b></a></td>
    </tr>
    <tr>
        <td><img src="images/bullet_off.gif" name="menu_item_2" width="31" height="20" alt="" border="0"></td>
        <td style="background-image: url(images/bg_menu.gif); background-repeat: repeat-x" class="white78">
     <a href="menu_item_2.htm" onMouseOver="document.menu_item_2.src=bullet_on.src;"
onMouseOut="document.menu_item_2.src=bullet_off.src" style="text-decoration: none; color: #ffffff"><b>longer menu item 2</b></a></td>
    </tr>    
    <tr>
        <td><img src="images/bullet_off.gif" name="menu_item_3" width="31" height="20" alt="" border="0"></td>
        <td style="background-image: url(images/bg_menu.gif); background-repeat: repeat-x" class="white78">
     <a href="x.htm" onMouseOver="document.menu_item_3.src=bullet_on.src;"
onMouseOut="document.menu_item_3.src=bullet_off.src" style="text-decoration: none; color: #ffffff"><b>menu item 3</b></a></td>
    </tr>    
    <tr>
        <td><img src="images/bullet_off.gif" name="menu_item_4" width="31" height="20" alt="" border="0"></td>
        <td style="background-image: url(images/bg_menu.gif); background-repeat: repeat-x" class="white78">
     <a href="x.htm" onMouseOver="document.menu_item_4.src=bullet_on.src;"
onMouseOut="document.menu_item_4.src=bullet_off.src" style="text-decoration: none; color: #ffffff"><b>menu item 4</b></a></td>
    </tr>    
    <tr>
        <td><img src="images/bullet_off.gif" name="menu_item_5" width="31" height="20" alt="" border="0"></td>
        <td style="background-image: url(images/bg_menu.gif); background-repeat: repeat-x" class="white78">
     <a href="x.htm" onMouseOver="document.menu_item_5.src=bullet_on.src;"
onMouseOut="document.menu_item_5.src=bullet_off.src" style="text-decoration: none; color: #ffffff"><b>menu item 5</b></a></td>
    </tr>                
    <tr>
     <td><img src="images/spacer.gif" width="31" height="30" alt="" border="0"></td>
     <td><img src="images/spacer.gif" width="115" height="1" alt="" border="0"></td>
    </tr>
   </table>
<!-- menu end -->  
  </td>
  <td bgcolor="#000000" valign="top">
<!-- center column start -->      
  <img src="images/spacer_white.gif" width="1" height="265" alt="" border="0"></td>
<!-- center column end -->      
  </td>
     <td valign="top">
<!-- content area start --> 
   <table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td colspan="2"><img src="images/engulf_upper.gif" width="623" height="42" alt="" border="0"></td>
    </tr>
    <tr>
        <td valign="top"><img src="images/engulf_lower.gif" width="341" height="224" alt="" border="0"></td>
        <td><img src="images/hand.jpg" width="282" height="224" alt="" border="0"></td>
    </tr>
    <tr>
     <td colspan="2" bgcolor="#F9E855">
<!-- title and text start -->     
     
      <table width="100%" cellspacing="0" cellpadding="0" border="0">
       <tr>
        <td colspan="8"><img src="images/title.gif" width="623" height="38" alt="" border="0"></td>
       </tr>
       <tr>
           <td>&nbsp;</td>
           <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="101" alt="" border="0"></td>
           <td>&nbsp;</td>
           <td valign="top"><br>Text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, text, text, text, text, text, text, text, text, text,
text, text, text, text, text, text, text, text, text, text, text, text, text, text.</td>
           <td>&nbsp;</td>
           <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
           <td>&nbsp;</td>
           <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
       </tr>
       <tr>
           <td><img src="images/spacer.gif" width="82" height="1" alt="" border="0"></td>
           <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
           <td><img src="images/spacer.gif" width="13" height="1" alt="" border="0"></td>
           <td><img src="images/spacer.gif" width="455" height="1" alt="" border="0"></td>
           <td><img src="images/spacer.gif" width="13" height="1" alt="" border="0"></td>
           <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
           <td><img src="images/spacer.gif" width="57" height="1" alt="" border="0"></td>
           <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>        
       </tr>       
      </table>
<!-- title and text end -->     
     </td>
    </tr>
   </table>
<!-- content area end -->        
  </td>
 </tr>
 <tr>
  <td bgcolor="#000000"><img src="images/spacer.gif" width="146" height="1" alt="" border="0"></td> 
  <td bgcolor="#000000"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td> 
  <td bgcolor="#000000"><img src="images/spacer.gif" width="623" height="1" alt="" border="0"></td>     
 </tr> 
 <tr>
  <td colspan="3" align="right" style="color: #80838E">
<!-- footer start -->
  © copyright 2002 | your company name | all rights  reserved&nbsp;&nbsp;&nbsp;
<!-- footer end -->  
  </td> 
 </tr> 
</table>

</body>
</html>
ASKER CERTIFIED SOLUTION
Avatar of devlab2012
devlab2012
Flag of India image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial