Solved

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

Posted on 2010-11-16
3
296 Views
Last Modified: 2012-06-27
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...
0
Comment
Question by:GlobaLevel
  • 2
3 Comments
 
LVL 13

Expert Comment

by:devlab2012
Comment Utility
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.
0
 
LVL 10

Author Comment

by:GlobaLevel
Comment Utility
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>
0
 
LVL 13

Accepted Solution

by:
devlab2012 earned 500 total points
Comment Utility
you can keep the html code as it is and convert only the portion of page that need some server side processing. You don't need to conver all <a> tags or other tags. You can simply put your html code into an aspx file without changes.
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Here's a very brief overview of the methods PRTG Network Monitor (https://www.paessler.com/prtg) offers for monitoring bandwidth, to help you decide which methods you´d like to investigate in more detail.  The methods are covered in more detail in o…
This video explains how to create simple products associated to Magento configurable product and offers fast way of their generation with Store Manager for Magento tool.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now