Thread: Creating pop-up windows for links... ??

Okay... how's this for something different? (for me at least). I understand that pop-ups are annoying and most people have pop-up blockers and such, but I would still like to figure out how to create pop-up windows for links. It might be simpler than I think but I haven't been able to figure it out.

Here's what I want to be able to do and I don't think it's all that bad. I have a menu of dates on my homepage now and I wanted to try and direct those links to a small window that pops up showing the information. For example, I listed dates (which are updates to the site and other info) and I wanted to get them to pop-up in a small window with the text info. (and I'm talkin' teeny tiny window... nothing that would fill up a whole screen.)

I've seen this on other websites and I figured it would make sense to use it for this particular reason.

Is this at all possible using BV? Thanks in advance for any help. :)

I like the blueeeeee .... really nice ....

I think you could just make your own little pop up window, just make the page the size of the pop up that you want and put your info on it, so when they click the date, that opens, set the target to _blank so that it opens as a pop up .... I also believe there are calendars out there that may do what you want. There are alot of scripts available too for creating a pop up window ... just do a search for a script ...

You mean something like this ? Click on the " Technical Specifications and Features page." link in that page, to see how it pops up.

If this is what you want, it is very simple. Let's say that you have created a small page (200 x 300 pixels) with the dates that you want to display in the popup.
In your original page, create the link. In the Link dialog box, in the URL field, type this code:

#" onClick="window.open('yourpage.html', '','width=300,height=200'); return false;"

This is ok, if you have the page in the same folder. If not, replace "yourpage.html" with the full URL: http://yourdomain.com/yourpage.html"
300 and 200 are the popup dimensions, change it to whatever you need it to be.

Oh, it can also be a php page, not only html.

Originally Posted by navaldesign

You mean something like this ? Clicl on the " Technical Specifications and Features page." link in that page, to see how it pops up.

If this is what you want, it is very simple. Let's say that you have created a small page (200 x 300 pixels) with the dates that you want to display in the popup.
In your original page, create the link. In the Link dialog box, in the URL field, type this code:




This is ok, if you have the page in the same folder. If not, replace "yourpage.html" with the full URL: http://yourdomain.com/yourpage.html"
300 and 200 are the popup dimensions, change it to whatever you need it to be.

Oh, it can also be a php page, not only html.

Awesome!!! This works exactly as I needed!! Thanks so much for the help!!!

Originally Posted by LadyEye

I like the blueeeeee .... really nice ....

I think you could just make your own little pop up window, just make the page the size of the pop up that you want and put your info on it, so when they click the date, that opens, set the target to _blank so that it opens as a pop up .... I also believe there are calendars out there that may do what you want. There are alot of scripts available too for creating a pop up window ... just do a search for a script ...

Thanks for the info. I'm glad you like the blue! It was a needed change that I made... umm... I think back in September. The **** thing is random... just made that today.

Now... time to see if I can get this pop up thing to work.

Good!!! I see you've made it.

Originally Posted by navaldesign

Good!!! I see you've made it.

Hey - thanks again. I really like this addition and it's exactly what I wanted to do.

I have a couple other questions regarding this.

I already did a quick search through several threads and didn't find my answer. (maybe because what I'm looking for is a little more than "simple").

• I know I can put links into those tiny pop-up windows but is there any way I can do it that will send the link to open in the original window, or a new full-size window?? I tried putting links in there and changed it from _blank to _parent to _top and _self... all of which opened the link inside the tiny box. Is there a way I can make links open elsewhere?
• Lastly, I have seen this on other pop-ups before and I wondered about how I could go about adding a "Close this Window" button or link that will close the pop-up. I have no idea what the code would be for that, and I looked it up.

Thanks!

• I know I can put links into those tiny pop-up windows but is there any way I can do it that will send the link to open in the original window, or a new full-size window?? I tried putting links in there and changed it from _blank to _parent to _top and _self... all of which opened the link inside the tiny box. Is there a way I can make links open elsewhere?

_parent should do it. I don't have the time to test it, but that is what _parent is for. And _blank DOES open a new window. (this is tested as i use it in my applications) . Have a look at the same example i have posted above for you to see. There, you can see both a "Close Window" button, and, if you click on the very bottom link (where it says @ Copyright 2005- 2007 DBTechnosystems.com) you will see that it opens _blank, in a new window

A popup is nothing else than a normal browser window, without the toolbars, and smaller. But it is, under all other points of view, a normal window and behalves so. Links will work normally.

• Lastly, I have seen this on other pop-ups before and I wondered about how I could go about adding a "Close this Window" button or link that will close the pop-up. I have no idea what the code would be for that, and I looked it up.

Place an Advanced BlueVoda button in your page (it's in the forms toolbar) Make it Onclick Type, and define it's action to be "Close window". That's how it is done in the above example. I have used text to create the x, differently formatted than the rest and with red colour

Originally Posted by navaldesign

_parent should do it. I don't have the time to test it, but that is what _parent is for. And _blank DOES open a new window. (this is tested as i use it in my applications) . Have a look at the same example i have posted above for you to see. There, you can see both a "Close Window" button, and, if you click on the very bottom link (where it says @ Copyright 2005- 2007 DBTechnosystems.com) you will see that it opens _blank, in a new window

A popup is nothing else than a normal browser window, without the toolbars, and smaller. But it is, under all other points of view, a normal window and behalves so. Links will work normally.

Place an Advanced BlueVoda button in your page (it's in the forms toolbar) Make it Onclick Type, and define it's action to be "Close window". That's how it is done in the above example. I have used text to create the x, differently formatted than the rest and with red colour

Thanks... that pretty much gets me to where I need to be. I'm still having issues with the links going to a new window (or the original) but I'm not too worried. For now, I'll just put the links typed out.

Thanks for all your help. I had never used the "Advanced" buttons before. I always wondered when I would use it. :)

Originally Posted by navaldesign

You mean something like this ? Click on the " Technical Specifications and Features page." link in that page, to see how it pops up.

If this is what you want, it is very simple. Let's say that you have created a small page (200 x 300 pixels) with the dates that you want to display in the popup.
In your original page, create the link. In the Link dialog box, in the URL field, type this code:




This is ok, if you have the page in the same folder. If not, replace "yourpage.html" with the full URL: http://yourdomain.com/yourpage.html"
300 and 200 are the popup dimensions, change it to whatever you need it to be.

Oh, it can also be a php page, not only html.

This all makes sense, however what should the Link Type be set to? It seems logical that it should be http: but the entered code in the URL field is then deleted when the form is saved. I must be particularly thick because I cannot figure out how to get the code to remain

Do not worry about that . Just enter the code, save your page and publish. It is true that the link will not appear any mre, but it is still memorized there and it will work.

Got it! Thanks

Question for navaldesign

It is nice to see someone so helpful in assisting others with enquiries. I am new to BlueVoda and am in the midst of creating a web site and have yet to publish it.

I caught the earlier posts with regards to creating a pop-up windows and would like to do the same. i liked the window you created as a sample.

Can this be done to pop up PDF files?

I have a number of legal documents that I would like to link to and thought it would be better showcased to have the link pop up a window of a particular PDF document.

Your feedback would greatly appreciated!

Thanks

Dan

Hello!,
I like your website and especially your page sizing. Would you share the demensions with me if you created the pages yourself?
Thank you kindly,
shari

Opps, I'm new to this program of posting??? My question was for Hester!

Thanks for the great Pop up information, just what I needed.
I also wanted to say "I Love your Site Hester" awesome work.

Originally Posted by sonshine4me

Hello!,
I like your website and especially your page sizing. Would you share the demensions with me if you created the pages yourself?
Thank you kindly,
shari

George is not a very frequent visitor, so i'd better answer you:his pages are 896 (W) X 700 (H)

haha... I guess I'm not that frequent unless someone replies to the threads I'm subscribed to. haha :) I do check those everyday! But it's almost the end of the school year and when my teaching schedule lets up I'll be here MUCH more!

Thanks for being on top of things for me Navaldesign. :)

Just as a note... I know many prefer the 800x600+ approach, and I originallyhad my page set to 768x700..... but there came a time I really wanted to add another menu button at the top but was too lazy to resize every single one, so with the addition of the "Blog" button, it made the page almost 900 wide.

I know that explanation was probably unnecessary... :) but I figured I'd let you know.

My re-design project on my website has actually already been started and it will be 800px wide. It's gonna be pretty sweet!

Alrighty, General Naval....if I've decided to use the "onclick" method to make a pop-up, how do I add the command for a scrollbar to the window (as many pages might indeed be only say 500 wide and 400 tall, but when you have a 650+ tall page, the window opens to the maximum size of the viewer's monitor, but there is no way to see the rest of the "page" that drops below the pop-up window's original window dimensions.

>> If I wish to create a uniform size "on-click" style pop-up (because it is cleaner without address & status bars) to be 500 wide by 400 high, and some pages run taller, how do I add a scrollbar without resorting to a plain old "_blank" style pop-up??

Here is the "onclick" code I am presently using (pasted into the URL box in BV's Hyperlink dialog box), but I really want to have a uniform size window pop-up of 500x500 with scrollbars to accommodate longer pages:
#" onClick="window.open('http://www.choiceincentive.com/our_company.html', '','width=500,height=895'); return false;

Hi Eric,

use this code for the scrollbar popup:

#" onClick="window.open('http://www.yoursite.com/yourpage.html', '','scrollbars=1,width=300,height=200'); return false;"

Paste it in the URL field of the object to link.

If you are happy with a fixed position of the popup then you can also pass over the popup's left upper corner coordinates in pixels, using the following code:

#" onClick="window.open('http://www.yoursite.com/yourpage.html', '','scrollbars=1,width=300,height=200,left=150,top=250'); return false;"

which will place the popup top left corner at 150, 250 (coordinates start from the top left corner of the browser window)


However, to center it in the page, you need some more complicated script that detect's the visitor's monitor resolution and sets the pop up coordinates accordingly.

I will see if i can find something.

Thank you so much, General.....the scrollbar and sizing of the pop-up was the most critical of issues....and I think there is another "section" of script mentioned in VT that I saw earlier.....I can also play with it to see if I can make out the direction you have clearly suggested....

G'Night!

And again....I appreciate your "assist"!