«

How do I emulate a LinkButton with this HTML clickable image?

I have been using a LinkButton with an OnCommand event (it has a
background image repeated). I want to replace the LinkButton with bit
of html which looks like an image button but has the text as html -
this uses two images (a matching left and right image) so that it has
pretty rounded corners. PS: this is the kind of thing which is
typically done when making css tabbed menus.

My html looks like this:

<div class="Button" id="btnReset"><a class="aButton"
href="javascript:Clear();" title="Refresh"><span
class="sButton">Refresh</span></a></div>

The button displays fine and the two images look like a seamless
whole. The point of this being that I can use any word apart from
"Refresh" and the images will size themselves in the background to
wrap the text nicely. The <a> element has the LHS part of the button
and the sButton class references the RHS of the button.

How do I fire a server side event from that "javascript:Clear();"?

There is a matching button to this as well with a
href="javascript:Search();"

I have thought of storing a suitable value in a hidden form variable.
Can I then submit the asp.net form from javascript?, and then select
the server-side to execute depending on the value of the form variable
(seems a pretty ugly way of doing things to me). What is the 'correct'
way of doing this?

I have no intention of making a user control as it would be more
productive to ajaxify the page but, right now, I prefer something
quick.

<input type="hidden" value="0" name="Clicked"/>

<div class="Button" id="btnReset"><a class="aButton"
href="javascript:Clear();document.forms[0].Clicked=1;document.forms[0].submit()"
title="Refresh"><span
class="sButton">Refresh</span></a></div>



sub PageLoad

if Request.Form("Clicked") = "1" then

' code here

end if



On Oct 19, 2:20 pm, mark4asp <mark4...@gmail.com> wrote:
> How do I emulate a LinkButton with this HTML clickable image?
>
> I have been using a LinkButton with an OnCommand event (it has a
> background image repeated). I want to replace the LinkButton with bit
> of html which looks like an image button but has the text as html -
> this uses two images (a matching left and right image) so that it has
> pretty rounded corners. PS: this is the kind of thing which is
> typically done when making css tabbed menus.
>
> My html looks like this:
>
> <div class="Button" id="btnReset"><a class="aButton"
> href="javascript:Clear();" title="Refresh"><span
> class="sButton">Refresh</span></a></div>
>
> The button displays fine and the two images look like a seamless
> whole. The point of this being that I can use any word apart from
> "Refresh" and the images will size themselves in the background to
> wrap the text nicely. The <a> element has the LHS part of the button
> and the sButton class references the RHS of the button.
>
> How do I fire a server side event from that "javascript:Clear();"?
>
> There is a matching button to this as well with a
> href="javascript:Search();"
>
> I have thought of storing a suitable value in a hidden form variable.
> Can I then submit the asp.net form from javascript?, and then select
> the server-side to execute depending on the value of the form variable
> (seems a pretty ugly way of doing things to me). What is the 'correct'
> way of doing this?
>
> I have no intention of making a user control as it would be more
> productive to ajaxify the page but, right now, I prefer something
> quick.

the best approach is to create a usercontrol, implement
IPostBackEventHandler and change the href to:

string href="javascript:Clear();" +
Page.ClientScript.GetPostBackEventReference(postba ckOptions);


-- bruce (sqlwork.com)

mark4asp wrote:
> How do I emulate a LinkButton with this HTML clickable image?
>
> I have been using a LinkButton with an OnCommand event (it has a
> background image repeated). I want to replace the LinkButton with bit
> of html which looks like an image button but has the text as html -
> this uses two images (a matching left and right image) so that it has
> pretty rounded corners. PS: this is the kind of thing which is
> typically done when making css tabbed menus.
>
> My html looks like this:
>
> <div class="Button" id="btnReset"><a class="aButton"
> href="javascript:Clear();" title="Refresh"><span
> class="sButton">Refresh</span></a></div>
>
> The button displays fine and the two images look like a seamless
> whole. The point of this being that I can use any word apart from
> "Refresh" and the images will size themselves in the background to
> wrap the text nicely. The <a> element has the LHS part of the button
> and the sButton class references the RHS of the button.
>
> How do I fire a server side event from that "javascript:Clear();"?
>
> There is a matching button to this as well with a
> href="javascript:Search();"
>
> I have thought of storing a suitable value in a hidden form variable.
> Can I then submit the asp.net form from javascript?, and then select
> the server-side to execute depending on the value of the form variable
> (seems a pretty ugly way of doing things to me). What is the 'correct'
> way of doing this?
>
> I have no intention of making a user control as it would be more
> productive to ajaxify the page but, right now, I prefer something
> quick.
>