PDA

View Full Version : Pop up..type things

Xander
05-15-2003, 01:17 AM
Alright, so for my new layout I have an image map,when you click on the parts that are actually linked somewhere a new page is going to come up,and its going to be smaller and what not,cause I re-sized it..That works fine but then I wasthinkin of how I didnt like the fact that you could use it as a browsing thing,like write diff. addresses up at the top. SO..I was wondering,if there was anyway I could have someone click on the linked part of the bg and a window like a pop up window can come up,with whatever I want on the page. I had a sample but they changed their layout..So if you could help,that would be great..Thanks!
Cherchezlafemme
05-15-2003, 01:32 AM
http://www.lissaexplains.com/java4.shtml#window

Is that what you want
zangerbanger
05-15-2003, 01:56 AM
I like these kinds of pop-ups too:

http://www.magitek-designs.net/index.php?magitek=tutorials_popup
Xander
05-15-2003, 11:37 PM
MWAHHAA! I love you both!
Xander
05-15-2003, 11:41 PM
Another question.. Soo..Um Im using an Image Map..How would I do that then? Im using the one that Lisa gives.
zangerbanger
05-16-2003, 01:00 AM
Try using the code from the site I gave you above. Take out the "href" part of the image map part and replace it with the entire code from the site (excluding the "a"). I hope that works. If not, use the code from Lissa's site. It should work then.
Xander
05-17-2003, 01:52 AM
Im a lil confused..Here's my site code:

<html>
<title>FinalDays</title>
<head>


<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--> </style>

<style type=text/css>
<!--
A:link, A:active, A:visited {color: #000000; font-size: 8pt;}
A:hover {color: #5A4A32; background:pink; border:0;}
//-->







<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:000000;
scrollbar-track-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:FFFFFF;
}
//--></STYLE


<script language="javascript">
//<!--
function popup()
{ window.open ("Art.html","popup","width=400,height=400,location=0,menubar=0,resizabl e=0,scrollbars=0,status=0,titlebar=1,toolbar=0") }
-->
</script>

</head>
<body>














<div align style="position: absolute; left: 565px; top: 195px; width:600; height:60 border="0">
<iframe src="mini.html" name="frame1" width="180" height="230" style=" border= 1px dashed #000000 "filter:alpha(opacity=50) frameborder="0">
</iframe>
</div>

<!-- Created by CuteMAP -->
<!-- Visit us at http://www.globalscape.com -->
<!-- Beginning of CSIM -->
<IMG SRC="untitled87.jpg" USEMAP="#untitled87.jpg" WIDTH=1280 HEIGHT=1024 BORDER=0>
<MAP NAME="untitled87.jpg">
<AREA SHAPE=CIRCLE COORDS="73,172,37" HREF="Art.html" TARGET="_blank" ALT="Art" OnMouseOver="window.status='Art'; return true" OnMouseOut="window.status='Art'; return true">
<AREA SHAPE=CIRCLE COORDS="56,480,31" HREF="Contact.html" TARGET="_blank" ALT="Contact" OnMouseOver="window.status='Contact'; return true" OnMouseOut="window.status='Contact'; return true">
<AREA SHAPE=CIRCLE COORDS="164,44,18" HREF="Profile.html" TARGET="_blank" ALT="Profile" OnMouseOver="window.status='ProFile'; return true" OnMouseOut="window.status='ProFile'; return true">
<AREA SHAPE=CIRCLE COORDS="384,445,30" HREF="Links.html" TARGET="_blank" ALT="Links Menu" OnMouseOver="window.status='Links Menu'; return true" OnMouseOut="window.status='Links Menu'; return true">
<AREA SHAPE=CIRCLE COORDS="851,41,28" HREF="Photos.html" TARGET="_blank" ALT="Photos" OnMouseOver="window.status='Photos'; return true" OnMouseOut="window.status='Photos'; return true">
<AREA SHAPE=CIRCLE COORDS="761,96,28" HREF="OtherMenue.html" TARGET="_blank" ALT="Other Menu" OnMouseOver="window.status='Other Menu'; return true" OnMouseOut="window.status='Other Menu'; return true">
</MAP>
<!-- End of CSIM -->


<body bgcolor="#000000" (whatever color # you want)>

</body>
</html>


And here is the code Im using for the pop ups:

<A HREF="#" onClick="window.open('page.html','1932','width=400,height=2 66,directories=no,location=no,menubar=no,scrollbar s=no, status=no,toolbar=no,resizable=no,left=0,top=0, screenx=50,screeny=50');return false">Click Me for a Pop Up Window!</A>



I want a pop up for almost every star link on my image map..But Im confused as to how to do it..Help?
Alcy
05-17-2003, 02:13 AM
Just change the page for each link :).

<AREA SHAPE=CIRCLE COORDS="73,172,37" HREF="#" onClick="window.open("Art.html','1932','width=400, height=266, directories=no, location=no, menubar=no, scrollbars=no, status=no, toolbar=no, resizable=no, left=0, top=0, screenx=50, screeny=50'); return false" TARGET="_blank" ALT="Art" OnMouseOver="window.status='Art'; return true" OnMouseOut="window.status='Art'; return true">
zangerbanger
05-17-2003, 02:26 AM
Okay, you're making it a bit more complicated than it needs to be. I'll try and start you off in the right direction. Add this into your head section:

<script>
<!--
function art()
{window.open("Art.html","cam","width=500,height=475,location=no,menubar=no,resiza ble=no,scrollbars=yes,status=no,titlebar=yes,toolb ar=no")}
-->
</script>

*this forum makes this code (above) a bit squished up so you may have to reorganize it*

------------------------------------------------------------------------------------

Then you would make your image map link code look like this:

<area shape="circle" coords="73,172,37" href="javascript:art()" alt="Art">

------------------------------------------------------------------------------------

It should work then :)