View Full Version : Pop Up Dilemma!!
sOfiie 01-26-2005, 07:31 PM Hi, I don't understand a thing of all the Pop-Up tutorials I've found. I hope some can help me.
My idea;
If you click on the text 'SmoothEffect' the page 'tutorial-psp-smooth.html' will open in a screen with a width of 800 pixels and a height of 300 pixels. The screen doesn't have a menu on top, back forward home etc. buttons. No toolbar, statusbar, nothing!
Who is sooooo nice he wants to help me!? ;D
Thanks!!!
xx Sofie.
Chris 01-26-2005, 07:41 PM Try this
<a href="#" ONCLICK="window.open('/tutorial-psp-smooth.html', 'Page title', 'toolbar=no,location=no,directories=no,status=no,m enubar=no,scrollbars=no,resizable=no,copyhistory=y es,width=500,height=500')">Text goes here</a>
Change the bits in bold.
Hope that helps
Thanks,
Chris :D
sOfiie 01-27-2005, 05:57 AM I put the code in, but when I clicked the link, nothing happened. And the toolbar said 'error on page'. This is the code I have now...;
-<a href="#" ONCLICK="window.open('tutorial-psp-smooth.html', 'Smooth Effect Tutorial!! ^^', 'toolbar=no,location=no,directories=no,status=no,m enubar=no,scrollbars=no,resizable=no,copyhistory=y es,width=800,height=300')">SmoothEffect</a><br>
Whats wrong!??
xx Sofiee
Sephira 01-27-2005, 11:07 AM make sure that when you copied Chris' code you removed the spaces that didn't belong, like d irectories. or try:
<a href="#" onClick="MyWindow=window.open('tutorial-psp-smooth.html','MyWindow','toolbar=no,location=no,di rectories=no,status=no,menubar=no,scrollbars=no,re sizable=no,width=800,height=300'); return false;">Smooth Effect</a>
also making sure to remove the erroneous spaces.
Monkey Bizzle 01-27-2005, 11:41 AM Here's an alternative, and I fixed it so that you don't have to worry about spaces, cause there are none. Just copy and paste to the proper sections of your page.
in the <head> of the page with the pop-up link put this:
<script language="javascript" type="text/javascript">
//<!--
function smoothtut()
{ window.open ("tutorial-psp-smooth.html", "popup", "width=800px, height=300px, location=0, menubar=0, resizable=0, scrollbars=0, status=0, titlebar=0, toolbar=0") }
-->
</script>
and then where the link is supposed to be, put this:
<a href="javascript:smoothtut()">SmoothEffect</a>
sOfiie 01-27-2005, 05:14 PM I added the code, and it worked!!
[That last one..]
But I can't scroll.. What should I do to make the screen scroll??
[I changed scrollbars=0 to scrollbars=1 allreadY but then there appear 2 scrollbars. [I just want one on the right sidee!!]
What should I do!??
xx Sofiie
Monkey Bizzle 01-27-2005, 07:17 PM the only reason there is a scrollbar at the bottom is because your info is too wide for the screen. you can change the width of the pop-up to be a little bit bigger or you can find what's extending off screen and change it. if you need help, just post the link to the page in question and we'll take a look at it for you.
sOfiie 01-28-2005, 08:42 PM It works now!!
Thanks guys!!
xOxO Sofiiee
Monkey Bizzle 01-28-2005, 08:45 PM you're welcome!
Chris 01-28-2005, 09:29 PM Welcome :) (not that i did much :P )
sOfiie 01-31-2005, 06:54 PM So, all things above worked perfectly..
But now I'm trying to use that code for another pop up, it doesn't work anymore!!
What I want ;;
I have this image "enter.png". If you click on it the page "home.html" opens up in a pop up screen. The screen doesn't have a menu on top, back forward home etc. buttons. No toolbar, statusbar, nothing! The width is ; 397, the height is ; 569. Can someone help me? =( Oh, and I prefer that java code acutally :$
thanks!!
xx Sofiie
Chris 01-31-2005, 07:09 PM Did you change the variable names?
Put the following between the <head> and </head> tags:
<script language="javascript" type="text/javascript">
//<!--
function enter()
{ window.open ("home.html", "popup", "width=397px, height=569px, location=0, menubar=0, resizable=0, scrollbars=0, status=0, titlebar=0, toolbar=0") }
-->
</script>
<script language="javascript" type="text/javascript">
//<!--
function smoothtut()
{ window.open ("tutorial-psp-smooth.html", "popup", "width=800px, height=300px, location=0, menubar=0, resizable=0, scrollbars=0, status=0, titlebar=0, toolbar=0") }
-->
</script>
Put the following where you want each to appear:
<a href="javascript:smoothtut()">SmoothEffect</a>
<a href="javascript:enter()"><img src="http://www.yourdomain.com/enter.png"></a>
Hope that helps
Chris :D
sOfiie 01-31-2005, 07:23 PM I tried to change it. But it didn't worked =O
So now I use that code and it works perfectly ;D
Thanks again!!
xx Sofie
Chris 02-01-2005, 06:13 PM You're welcome :)
Chris
|