Hyperlinks, Pop-up Windows & Graphics
in [FrontPage]
|
From: ladyimmortal on 23 Mar 2010 11:00 I have a question! I've seen websites in the past where you can make sections of a picture where they had both a mouseover pop-up window (to tell you what the section will link you to) AND a hyperlink. SO far I've figured out to turn a section of a picture (the same picture) into either a hyperlink OR a pop-up window but not both. I need the pop-up to come up and then allow an option to go to the link or not but so far, after about 10 hours of trial and error, I haven't figured it out yet. Anyone have any suggestions on how to do this?
From: "Trevor Lawrence" Trevor on 23 Mar 2010 19:58 "ladyimmortal" <ladyimmortal(a)discussions.microsoft.com> wrote in message news:2BC91D5D-D4D0-4563-A262-917C8BF94282(a)microsoft.com... >I have a question! > > I've seen websites in the past where you can make sections of a picture > where they had both a mouseover pop-up window (to tell you what the > section > will link you to) AND a hyperlink. > > SO far I've figured out to turn a section of a picture (the same picture) > into either a hyperlink OR a pop-up window but not both. I need the > pop-up > to come up and then allow an option to go to the link or not but so far, > after about 10 hours of trial and error, I haven't figured it out yet. > > Anyone have any suggestions on how to do this? I would use onmouseover = "window.open(..........)" and open a window containing the hyperlink. For the "or not" option, one would also need an option to close the window. I am sure that I can find a page where I do that, so I'll look for it and post more detail when I have time (or if you don't get other replies) -- Trevor Lawrence Canberra Web Site http://trevorl.mvps.org
From: "Trevor Lawrence" Trevor on 24 Mar 2010 00:02 "Trevor Lawrence" <Trevor L.(a)Canberra> wrote in message news:%23PcUrSuyKHA.5288(a)TK2MSFTNGP05.phx.gbl... > "ladyimmortal" <ladyimmortal(a)discussions.microsoft.com> wrote in message > news:2BC91D5D-D4D0-4563-A262-917C8BF94282(a)microsoft.com... >>I have a question! >> >> I've seen websites in the past where you can make sections of a picture >> where they had both a mouseover pop-up window (to tell you what the >> section >> will link you to) AND a hyperlink. >> >> SO far I've figured out to turn a section of a picture (the same picture) >> into either a hyperlink OR a pop-up window but not both. I need the >> pop-up >> to come up and then allow an option to go to the link or not but so far, >> after about 10 hours of trial and error, I haven't figured it out yet. >> >> Anyone have any suggestions on how to do this? > > I would use onmouseover = "window.open(..........)" and open a window > containing the hyperlink. For the "or not" option, one would also need an > option to close the window. I am sure that I can find a page where I do > that, so I'll look for it and post more detail when I have time (or if you > don't get other replies) > Here is the code to open a new window <html> <head> <script type="text/javascript"> function openpage(url) { window.open(url, '', 'toolbar=no,location=no,directories=no,status=no,menubar=no' + ',scrollbars=yes,resizable=yes' + ',height=600,width=620,left=200,top=0' ) } </script> </head> <body> <a href="#" title="" onmouseover="openpage('newpage.html');return false;"> Your image goes here</a> <body> </html> This is newpage.html (also using window.open) <html> <head> </head> <body> <a href="#" title="RATEC" onclick = window.open('http://ratec.actbus.net')> Click here to go to link</a><br> Close window to return <body> </html> -- Trevor Lawrence Canberra Web Site http://trevorl.mvps.org
From: "Trevor Lawrence" Trevor on 24 Mar 2010 00:43 "Trevor Lawrence" <Trevor L.(a)Canberra> wrote in message news:%23zDGHbwyKHA.5036(a)TK2MSFTNGP02.phx.gbl... > "Trevor Lawrence" <Trevor L.(a)Canberra> wrote in message > news:%23PcUrSuyKHA.5288(a)TK2MSFTNGP05.phx.gbl... >> "ladyimmortal" <ladyimmortal(a)discussions.microsoft.com> wrote in message >> news:2BC91D5D-D4D0-4563-A262-917C8BF94282(a)microsoft.com... >>>I have a question! >>> >>> I've seen websites in the past where you can make sections of a picture >>> where they had both a mouseover pop-up window (to tell you what the >>> section >>> will link you to) AND a hyperlink. >>> >>> SO far I've figured out to turn a section of a picture (the same >>> picture) >>> into either a hyperlink OR a pop-up window but not both. I need the >>> pop-up >>> to come up and then allow an option to go to the link or not but so far, >>> after about 10 hours of trial and error, I haven't figured it out yet. >>> >>> Anyone have any suggestions on how to do this? >> >> I would use onmouseover = "window.open(..........)" and open a window >> containing the hyperlink. For the "or not" option, one would also need an >> option to close the window. I am sure that I can find a page where I do >> that, so I'll look for it and post more detail when I have time (or if >> you don't get other replies) >> > > Here is the code to open a new window > > <html> > <head> > <script type="text/javascript"> > function openpage(url) { > window.open(url, '', > 'toolbar=no,location=no,directories=no,status=no,menubar=no' > + ',scrollbars=yes,resizable=yes' > + ',height=600,width=620,left=200,top=0' ) > } > </script> > </head> > <body> > <a href="#" title="" > onmouseover="openpage('newpage.html');return false;"> > Your image goes here</a> > <body> > </html> > > > This is newpage.html (also using window.open) > > <html> > <head> > </head> > <body> > <a href="#" title="RATEC" > onclick = window.open('http://ratec.actbus.net')> > Click here to go to link</a><br> > Close window to return > <body> > </html> > I didn't add any info on how to use part of a picture, but you may have solved this Here is an example from my site <img src="images/Ed & Jean Carnall Website.jpg" title="Point to face to see name" alt="" height="363" usemap="#carnallmap"> <map name="carnallmap"> <area shape="rect" coords="0,0,200,290" alt="" title="Eddie Carnall"> <area shape="rect" coords="210,0,438,363" alt="" title="Jean Carnall"> </map> On the area tag, you can add onmouseover="........."> (I have tried it and it works) -- Trevor Lawrence Canberra Web Site http://trevorl.mvps.org
From: ladyimmortal on 25 Mar 2010 00:45
Thanks so much for the help. I'll definitely give this a try tomorrow! :D --Lady I "Trevor Lawrence" wrote: > "Trevor Lawrence" <Trevor L.(a)Canberra> wrote in message > news:%23zDGHbwyKHA.5036(a)TK2MSFTNGP02.phx.gbl... > > "Trevor Lawrence" <Trevor L.(a)Canberra> wrote in message > > news:%23PcUrSuyKHA.5288(a)TK2MSFTNGP05.phx.gbl... > >> "ladyimmortal" <ladyimmortal(a)discussions.microsoft.com> wrote in message > >> news:2BC91D5D-D4D0-4563-A262-917C8BF94282(a)microsoft.com... > >>>I have a question! > >>> > >>> I've seen websites in the past where you can make sections of a picture > >>> where they had both a mouseover pop-up window (to tell you what the > >>> section > >>> will link you to) AND a hyperlink. > >>> > >>> SO far I've figured out to turn a section of a picture (the same > >>> picture) > >>> into either a hyperlink OR a pop-up window but not both. I need the > >>> pop-up > >>> to come up and then allow an option to go to the link or not but so far, > >>> after about 10 hours of trial and error, I haven't figured it out yet. > >>> > >>> Anyone have any suggestions on how to do this? > >> > >> I would use onmouseover = "window.open(..........)" and open a window > >> containing the hyperlink. For the "or not" option, one would also need an > >> option to close the window. I am sure that I can find a page where I do > >> that, so I'll look for it and post more detail when I have time (or if > >> you don't get other replies) > >> > > > > Here is the code to open a new window > > > > <html> > > <head> > > <script type="text/javascript"> > > function openpage(url) { > > window.open(url, '', > > 'toolbar=no,location=no,directories=no,status=no,menubar=no' > > + ',scrollbars=yes,resizable=yes' > > + ',height=600,width=620,left=200,top=0' ) > > } > > </script> > > </head> > > <body> > > <a href="#" title="" > > onmouseover="openpage('newpage.html');return false;"> > > Your image goes here</a> > > <body> > > </html> > > > > > > This is newpage.html (also using window.open) > > > > <html> > > <head> > > </head> > > <body> > > <a href="#" title="RATEC" > > onclick = window.open('http://ratec.actbus.net')> > > Click here to go to link</a><br> > > Close window to return > > <body> > > </html> > > > > > I didn't add any info on how to use part of a picture, but you may have > solved this > Here is an example from my site > > <img src="images/Ed & Jean Carnall Website.jpg" title="Point to face to see > name" alt="" height="363" usemap="#carnallmap"> > <map name="carnallmap"> > <area shape="rect" coords="0,0,200,290" alt="" title="Eddie Carnall"> > <area shape="rect" coords="210,0,438,363" alt="" title="Jean Carnall"> > </map> > > On the area tag, you can add onmouseover="........."> > (I have tried it and it works) > > -- > Trevor Lawrence > Canberra > Web Site http://trevorl.mvps.org > > > . > |