popup a window over button

N

niv

Hi,

I have an asp.net button control on a webform.
I would like to show a drop down window when the user
moves their mouse over the button.
The information in this dropdown or popup is going to be
coming from a dataset.

I have tried the following.
<INPUT onmouseover="func()" id="myButton"
type="button" value="Button1" style="Z-INDEX: 102; LEFT:
200px; POSITION: absolute; TOP: 104px"
runat="server">
<script type="text/javascript">
function func()
{
//you could put anything here, e.g. opening a window etc.
alert('Hi');
}

myButton.Attributes["onmouseover"]=String.Format("func
({0})", "my text");

I am not getting the result Im looking for with this code.
I took this code from this newsgroup.

Thanks for your help,

niv
 
D

Dan Bass

Niv,

If you've looking for a hover tool tip when the user moves over a control
though, this is different (and probably better) and all you need to do is
create a button control ( <asp:Button> not <input> ) and then in your code
behind change the button's "tooltip" property. If this is what you want,
ignore the rest, else read on...

If you're getting the data that you want to populated your "pop-up" with
from a dataset, then you should add the control attribute in this in the
aspx page (design time), but rather as code behind (run-time)...


///////////////////////////////////////////////////////// aspx page
<!-- put this within the <Head> tags... -->

<script type="text/javascript">
function func( stringToDisplay )
{
//you could put anything here, e.g. opening a window etc.
alert(stringToDisplay);
}
</script>

</Head>
<Body>

<!-- other HTML/ASPX code here -->

<INPUT id="myButton"
type="button" value="Button1" style="Z-INDEX: 102; LEFT:
200px; POSITION: absolute; TOP: 104px"
runat="server">

<!-- etc... -->


///////////////////////////////////////////////////////// aspx.cs in the
Page_Load method.

string myString = "Testing";
myButton.Attributes["onmouseover"]= "func(" + myString + ");"


hope that helps...


Thanks.

Daniel.
 
N

niv

Hi Daniel,
Thanks for the help.
I am going to try this now.
I owe you a beer.
-----Original Message-----
Niv,

If you've looking for a hover tool tip when the user moves over a control
though, this is different (and probably better) and all you need to do is
create a button control ( <asp:Button> not <input> ) and then in your code
behind change the button's "tooltip" property. If this is what you want,
ignore the rest, else read on...

If you're getting the data that you want to populated your "pop-up" with
from a dataset, then you should add the control attribute in this in the
aspx page (design time), but rather as code behind (run- time)...


///////////////////////////////////////////////////////// aspx page
<!-- put this within the <Head> tags... -->

<script type="text/javascript">
function func( stringToDisplay )
{
//you could put anything here, e.g. opening a window etc.
alert(stringToDisplay);
}
</script>

</Head>
<Body>

<!-- other HTML/ASPX code here -->

<INPUT id="myButton"
type="button" value="Button1" style="Z-INDEX: 102; LEFT:
200px; POSITION: absolute; TOP: 104px"
runat="server">

<!-- etc... -->


///////////////////////////////////////////////////////// aspx.cs in the
Page_Load method.

string myString = "Testing";
myButton.Attributes["onmouseover"]= "func(" + myString + ");"


hope that helps...


Thanks.

Daniel.

niv said:
Hi,

I have an asp.net button control on a webform.
I would like to show a drop down window when the user
moves their mouse over the button.
The information in this dropdown or popup is going to be
coming from a dataset.

I have tried the following.
<INPUT onmouseover="func()" id="myButton"
type="button" value="Button1" style="Z-INDEX: 102; LEFT:
200px; POSITION: absolute; TOP: 104px"
runat="server">
<script type="text/javascript">
function func()
{
//you could put anything here, e.g. opening a window etc.
alert('Hi');
}

myButton.Attributes["onmouseover"]=String.Format("func
({0})", "my text");

I am not getting the result Im looking for with this code.
I took this code from this newsgroup.

Thanks for your help,

niv
Click to expand...


.
Click to expand...
 
E

Eliyahu Goldin

First remove onmouseover="func()" from <INPUT ...>.

In your previous message you just asked how to pass text to javascript
function. You didn't mention neither popup nor dropdown.

I don't think onmouseover event is good for that purpose.

Anyway, now you are asking how to get function func(..) to show a popup.
There are several ways of doing this. One is to use window.createPopup.
Another is to launch a modal window with window.showModalDialog. There is a
lot of differences between them and it is hard to advice without knowing
your specific requirements.

Eliyahu
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

pass text to javascript function 2
Updating the html inside a panel 4
I have played enough with this. I need help. 3
Y "object expected" ? 4
strange problem when using a html server control 1
Updating Parent TextBox from Child Popup Window 2
popup window: Return value to correct text box? 4
Question on HTML and Web(Server Side) Controls 2

Top