473,323 Members | 1,551 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,323 software developers and data experts.

Javascript to popup ASPX page

Hi, I've seen something on a web site that I want to do for our Intranet
web site. I'm not advocating pop-ups but for our company app, this
would be perfect.

Please go to this page and hold your mouse over one of the rings.
http://www.bluenile.com/product_cata...64&track=hero&
elem=img

The middle ring on the top brings up this page, but in a pop-up form.

http://www.bluenile.com/product_deta...le.asp?oid=487

Can someone show me how to do this? I'm not a javascript programmer so
I'm not really good at this. If you can include the code to popup I
would be really appreciative. The popup also does an arrow (sort of) on
the popup - I don't need it to be that fancy.

And yes, I was looking at the page for my wife! 10 year anniversary is
coming up.

Rusty

--
Sent via .NET Newsgroups
http://www.dotnetnewsgroups.com
Mar 27 '06 #1
4 2383
have a look at the source, it seems to be just html in the mouse over

--
Warm Regards,
Alvin Bruney [MVP ASP.NET]

[Shameless Author plug]
The Microsoft Office Web Components Black Book with .NET
Now Available @ www.lulu.com/owc
Professional VSTO 2005 - Wrox/Wiley 2006
Blog: http://msmvps.com/blogs/Alvin/
-------------------------------------------------------

"Rusty" <ru***@pleasenoemailthanks.com> wrote in message
news:OF**************@TK2MSFTNGP12.phx.gbl...
Hi, I've seen something on a web site that I want to do for our Intranet
web site. I'm not advocating pop-ups but for our company app, this
would be perfect.

Please go to this page and hold your mouse over one of the rings.
http://www.bluenile.com/product_cata...64&track=hero&
elem=img

The middle ring on the top brings up this page, but in a pop-up form.

http://www.bluenile.com/product_deta...le.asp?oid=487

Can someone show me how to do this? I'm not a javascript programmer so
I'm not really good at this. If you can include the code to popup I
would be really appreciative. The popup also does an arrow (sort of) on
the popup - I don't need it to be that fancy.

And yes, I was looking at the page for my wife! 10 year anniversary is
coming up.

Rusty

--
Sent via .NET Newsgroups
http://www.dotnetnewsgroups.com

Mar 27 '06 #2
Thanks Alvin,
I looked at the source, that's how I got the second URL which is the
same as the popup, but not in the web browser. I don't think those
popups are in the source of the main page because I did some CTRL-F on
the popup text and found nothing in the source.

I saw this in the source - is that what you meant?
<script language="JavaScript">if(OverlayManager)
OverlayManager.refreshImage('picture_487','/product_details_simple.asp?o
id=487');</script>

how do I get the OverlayManager thing to fire? Do you have a code
sample that I can use to do this?

"Alvin Bruney - ASP.NET MVP" wrote:
have a look at the source, it seems to be just html in the mouse over

--
Warm Regards,
Alvin Bruney [MVP ASP.NET]

[Shameless Author plug]
The Microsoft Office Web Components Black Book with .NET
Now Available @ www.lulu.com/owc
Professional VSTO 2005 - Wrox/Wiley 2006
Blog: http://msmvps.com/blogs/Alvin/
-------------------------------------------------------

"Rusty" <ru***@pleasenoemailthanks.com> wrote in message
news:OF**************@TK2MSFTNGP12.phx.gbl...
Hi, I've seen something on a web site that I want to do for our Intranet web site. I'm not advocating pop-ups but for our company app, this
would be perfect.

Please go to this page and hold your mouse over one of the rings.
http://www.bluenile.com/product_cata...64&track=hero& elem=img

The middle ring on the top brings up this page, but in a pop-up form.

http://www.bluenile.com/product_deta...le.asp?oid=487

Can someone show me how to do this? I'm not a javascript programmer so I'm not really good at this. If you can include the code to popup I
would be really appreciative. The popup also does an arrow (sort of) on the popup - I don't need it to be that fancy.

And yes, I was looking at the page for my wife! 10 year anniversary is coming up.

Rusty

--
Sent via .NET Newsgroups
http://www.dotnetnewsgroups.com



--
Sent via .NET Newsgroups
http://www.dotnetnewsgroups.com
Mar 27 '06 #3
On Mon, 27 Mar 2006 07:46:10 -0800, in
microsoft.public.dotnet.framework.aspnet Rusty
<ru***@pleasenoemailthanks.com>
<OF**************@TK2MSFTNGP12.phx.gbl> wrote:
| Hi, I've seen something on a web site that I want to do for our Intranet
| web site. I'm not advocating pop-ups but for our company app, this
| would be perfect.
|
| Please go to this page and hold your mouse over one of the rings.
| http://www.bluenile.com/product_cata...64&track=hero&
| elem=img
|
| The middle ring on the top brings up this page, but in a pop-up form.
|
| http://www.bluenile.com/product_deta...le.asp?oid=487
|
| Can someone show me how to do this? I'm not a javascript programmer so
| I'm not really good at this. If you can include the code to popup I
| would be really appreciative. The popup also does an arrow (sort of) on
| the popup - I don't need it to be that fancy.
|
| And yes, I was looking at the page for my wife! 10 year anniversary is
| coming up.
|
| Rusty


This is just a fancy Show/Hide div routine. Search google for
javascript + "show div".

Alternatively you could use CSS to do something similar.

----- Start of code -------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Mouse Over example</title>
<style type="text/css">
..Tooltip a {
margin: .5em 0 0 0;
padding: 0 14px 0 0
}
..ToolTip a span {
left: -9999px;
position: absolute; /*
Use 'position:absolute' to push the span inside the anchor
way off the screen
*/
width: 900px
}
..ToolTip a:hover span, .ToolTip a:active span {
background: #DDE6FF;
border: 1px solid #444444;
color: #000000;
font-size: 80%;
left: 20px; /*
Take the previously hidden span and display it near the anchor
*/
line-height: 1;
padding: 5px;
text-decoration: none;
top: 20px;
width: 450px /*
This is just for looks...
*/
}
..ToolTip a:hover, .ToolTip a:active {
position: relative /*
On 'hover' set the anchor to 'position:relative' to get a
measuring point. Somehow IE doesn't like it when this is
in the '.col2 a' declaration...
*/
}
</style>
</head>
<body>
<p class="ToolTip"><a href="#"><img src="../images/check.gif"
width="20" height="20" border="0" /> <span>This is where my text/table
etc goes</span> </a></p>
<p>&nbsp;</p>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr align="left" valign="top">
<th align="left" valign="middle" nowrap="nowrap"
class="ToolTip">Method 2 Using a table <a href="#"><img
src="../images/icon_info.png" alt="" width="32" height="32"
align="absmiddle" /><span>
<table width="100%" border="1" align="left" cellpadding="5"
cellspacing="0" bgcolor="#FFFFFF">
<tr>
<th width="10%" align="left" valign="top"
nowrap="nowrap">Line 1</th>
<td width="90%" align="left" valign="top">Description
Line 1</td>
</tr>
<tr>
<th width="10%" align="left" valign="top">Line 2</th>
<td width="90%" align="left" valign="top">Description
Line 2</td>
</tr>
</table>
</span></a></th>
</table>
</body>
</html>
---------------------------------------------------------------
I often wish that email had never been invented, but there’s
just no way I can get rid of it. So, day after day, several times
a day, I dutifully delete 99% of the emails I receive, and when
I’m not able to get at my email for a few days, I’ll leave the
machine at home running to pick it up every 10 minutes so I don’t
overflow some capacity somewhere, and just the other day I caught
myself wondering who will clean out my Inbox after I’m dead.

Charles Petzold. October 20, 2005
---------------------------------------------------------------
Mar 28 '06 #4
nope, sorry i don't.

--
Warm Regards,
Alvin Bruney [MVP ASP.NET]

[Shameless Author plug]
The Microsoft Office Web Components Black Book with .NET
Now Available @ www.lulu.com/owc
Professional VSTO 2005 - Wrox/Wiley 2006
Blog: http://msmvps.com/blogs/Alvin/
-------------------------------------------------------

"Rusty" <ru***@pleasenoemailthanks.com> wrote in message
news:Og**************@TK2MSFTNGP12.phx.gbl...
Thanks Alvin,
I looked at the source, that's how I got the second URL which is the
same as the popup, but not in the web browser. I don't think those
popups are in the source of the main page because I did some CTRL-F on
the popup text and found nothing in the source.

I saw this in the source - is that what you meant?
<script language="JavaScript">if(OverlayManager)
OverlayManager.refreshImage('picture_487','/product_details_simple.asp?o
id=487');</script>

how do I get the OverlayManager thing to fire? Do you have a code
sample that I can use to do this?

"Alvin Bruney - ASP.NET MVP" wrote:
have a look at the source, it seems to be just html in the mouse over

--
Warm Regards,
Alvin Bruney [MVP ASP.NET]

[Shameless Author plug]
The Microsoft Office Web Components Black Book with .NET
Now Available @ www.lulu.com/owc
Professional VSTO 2005 - Wrox/Wiley 2006
Blog: http://msmvps.com/blogs/Alvin/
-------------------------------------------------------

"Rusty" <ru***@pleasenoemailthanks.com> wrote in message
news:OF**************@TK2MSFTNGP12.phx.gbl...
Hi, I've seen something on a web site that I want to do for our Intranet web site. I'm not advocating pop-ups but for our company app, this
would be perfect.

Please go to this page and hold your mouse over one of the rings.
http://www.bluenile.com/product_cata...64&track=hero& elem=img

The middle ring on the top brings up this page, but in a pop-up form.

http://www.bluenile.com/product_deta...le.asp?oid=487

Can someone show me how to do this? I'm not a javascript programmer so I'm not really good at this. If you can include the code to popup I
would be really appreciative. The popup also does an arrow (sort of) on the popup - I don't need it to be that fancy.

And yes, I was looking at the page for my wife! 10 year anniversary is coming up.

Rusty

--
Sent via .NET Newsgroups
http://www.dotnetnewsgroups.com



--
Sent via .NET Newsgroups
http://www.dotnetnewsgroups.com

Mar 28 '06 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

14
by: tshad | last post by:
I posted this on the asp.net group, also. I wasn't sure whether this was an asp.net problem or a javascript problem. I have a page that was originally created from a program I found on the net...
6
by: szabelin | last post by:
Hello, I am trying to call a function inside the javascript block from asp.net during the postback (NOT button's OnClick event handler though). The javascript function creates new popup window. I...
12
by: Mark Fox | last post by:
Hello, I am attempting to do something very simple. I have a page MainPage.aspx and a popup window Popup.aspx. When users click on the linkbutton in the popup window I am looking to do some...
1
by: Jorge Ponte | last post by:
hi I have a Web User Control (ascx) - lets call it "My_WUC" - in a Web form. In that WUC I want have a textbox and a button. I want to click on the button and open a popup (I use javascript for...
9
by: tshad | last post by:
This is from my previous post, but a different issue. I have the following Javascript routine that opens a popup page, but doesn't seem to work if called from an asp.net button. It seems to work...
1
by: billy | last post by:
Ok, here's the situation... I have a user control that contains two textboxes (one for a from date/time and one for a to date/time) and two image buttons. The user control itself is supposed to...
15
by: H00ner | last post by:
Hello All Hope you can help Been pulling my hair out about a popup problem in ASP.NET. One of the forms i wrote requires the user to select a product from a list in a popup web form. the...
4
by: Matt Jensen | last post by:
Howdy all Hopefully I can explain my problem straightforwardly. In it's simplest explanation, what I want to do is have a hyperlink that, when clicked, executes some client side JavaScript and...
0
by: Barney | last post by:
1) I have an aspx page for customer details, opened using showModalDialog (i know, i know, but I inherited it and it's too integrated to change at this point). 2) This aspx page has some...
2
by: Jeff | last post by:
I'm hoping that someone can help me. I know little javascript and only need a very small amount in an asp.net application. I have most of it working with one problem. I'm attempting to open a modal...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.