Warning: include(/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php) [function.include]: failed to open stream: No such file or directory in /home/jenni/star-girl.org/pages/tutorials/program/imagemapopups.php on line 1

Warning: include() [function.include]: Failed opening '/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/program/imagemapopups.php on line 1

Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/program/imagemapopups.php on line 2

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/program/imagemapopups.php on line 2
Image Map Pop Ups

Ever wondered how you can make your image map links popup in a smaller window than average? This handy tutorial should help you out :) Thanks Em for the code because I was too lazy to create the one I normally use :P

Note: If you aren't too familiar with image maps, I suggest looking at an example of them first :)
1. Create your Image Map (if you don't know how, follow my 'Image Map' tutorial) and open up the page where you inserted the code.
2. Copy and paste the following code into each of the 'AREA SHAPES' you mapped (for example, if you mapped 3 links, you should copy and paste the code 3 times, once for each link).

onClick="MyWindow=window.open('URL OF POP UP','MyWindow',>'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=no,width=350,height=350'); return false;">

3. If you are confused about where to paste it, your edited code should look something like this (for each link on your map): <AREA SHAPE=RECT COORDS="COORDINATES HERE" HREF="?" onClick="MyWindow=window.open('URL OF POP UP','MyWindow','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=no,width=350,height=350'); return false;">
4. Change the '350' to whatever height and width you want the window to pop up as.
5. Check the page with the image map to make sure it worked :)
Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/program/imagemapopups.php on line 17

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/program/imagemapopups.php on line 17