2 onlick events? -- asp.net building controls

[Alan Flores]
11/2/2004 3:58:01 PM

try this:

<ASP:IMAGEBUTTON ID="imgShasTab" NAME="TabB" RUNAT="server"
IMAGEURL="TabB.gif" WIDTH="217" BORDERWIDTH="0"></ASP:IMAGEBUTTON>

on the page load :
imgShasTab.attributes.add("OnMouseOver", "MM_nbGroup('whatever');")
imgShasTab.attributes.add("OnMouseOut", "MM_nbGroup('whatever');")

hope this helps..

[quoted text, click to view]

DC Gringo
11/2/2004 5:08:29 PM

I have a clickable image that I would like to convert into a server control
imagebutton accessing a server-side onClick event and a client-side
javascript onclick event as well. Is this possible? How can I invoke both
the client side javascript event and the server side VB?

Here's what I started with:

<A
ONMOUSEOVER="nbGroup('over','TabB','TabB_f2.gif','TabB_f3.gif',1);"
ONCLICK="nbGroup('down','navbar1','TabB','TabB_f3.gif',1);"
ONMOUSEOUT="nbGroup('out');"
HREF="default.aspx?pageID=shas">

<IMG
SRC="TabB.gif" WIDTH="217"
BORDER="0" NAME="TabB">

</A>

Here's what I'm stuck on for an equivalent imagebutton server control...also
notice that VS.NET doesn't like the onMouseOver and onMouseClick attributes.

<ASP:IMAGEBUTTON
ID="ImageButton1"
RUNAT="server"
ONMOUSEOVER="nbGroup('over','TabB','TabB_f2.gif','TabB_f3.gif',1);"
ONCLICK="nbGroup('down','navbar1','TabB','TabB_f3.gif',1);"
ONMOUSEOUT="nbGroup('out');"
IMAGEURL="TabB.gifdefault.aspx?pageID=shas">
</ASP:IMAGEBUTTON>

--
_____
DC G

SevDer
11/2/2004 5:34:08 PM

[quoted text, click to view]
As far as I know, this is not possible.
However you can write you script code so that, you will invoke
_doPostBack method yourself.

But I don't see the point where you will need to do that.
If you explain your point then I can help more.

--

SevDer

DC Gringo
11/2/2004 5:44:20 PM

Ok, what I'm trying to do is maintain a rollover effect but also invoke a
servers-side Sub btn_onClick(). First problem is that VS.NET doesn't like
onMouseOver or onMouseOut as it doesn't find those attributes. Upon running
the app, the first error thrown is comilation error: 'MM_nbGroup' is not a
member of 'ASP.communities_ascx'. (my MM_nbGroup function is in a .js file
which is at the bottom for your reference:

This works (but without my server-side Sub:

<A ONCLICK="MM_nbGroup('down','navbar1','TabB','TabB_f3.gif',1);"
HREF="default.aspx?pageID=shas"><IMG HEIGHT="31" SRC="TabB.gif" WIDTH="217"
BORDER="0" NAME="TabB"></A>

Now I"m trying to move to this but getting the error mentioned above.

<ASP:IMAGEBUTTON ID="imgShasTab" NAME="TabB" RUNAT="server"
ONMOUSEOVER="MM_nbGroup('over','TabB','TabB_f2.gif','TabB_f3.gif',1);"
ONMOUSEOUT="MM_nbGroup('out');"
ONCLICK="MM_nbGroup('down','navbar1','TabB','TabB_f3.gif',1);"
IMAGEURL="TabB.gif" WIDTH="217" BORDERWIDTH="0"></ASP:IMAGEBUTTON>

Which should invoke:

Private Sub imgShasTab_Click(ByVal sender As System.Object, ByVal e As
System.Web.UI.ImageClickEventArgs) Handles imgShasTab.Click
Response.Redirect("~/advanced/default.aspx?pageID=shas")

End Sub

Here's the javascript function MM_nbGroup

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new
Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null)
{
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null)
{
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] :
img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn :
img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up;
img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null)
{
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}

[quoted text, click to view]

gh0st54
11/2/2004 6:58:44 PM

in the page load try

this.imgShasTab.attibutes.add("onmouseover","javascript:MM_nbGroup('over','T
abB','TabB_f2.gif','TabB_f3.gif',1);")
repeat for your other client side events

for the on click you will need to call the server side script from your
javascript
at the end of your javascript you will need to add something like

getelementbyid['__EventTarget'].value= imgShasTab
document.form.submit

what this does is it tells the page post back that the event that triggered
the post back was a click on the control imgShasTab

the thing is asp.net controls don't like "sensitive" feature that react on
the client , it's server based after all.

hope this helps

[quoted text, click to view]

Got something to say? Click here to post a reply to this thread.

Don't see what you're looking for? Try a search.

View other messages about asp.net building controls

asp.net building controls : 2 onlick events?