Adding Popup Window to links

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Post Reply
heynen
 
 
Posts: 117
Joined: Sun Dec 31, 2017 4:27 pm

Adding Popup Window to links

Post by heynen »

Dear all,

how can I add a popup window to my links?

More specifically: If you click the link, you should first see the popup window with some additional text.

Then, if you click a second time on a link inside the additional text, you will be forwarded to the external source.

Is that possible?

Thanks in advance!

malte
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Adding Popup Window to links

Post by crispy68 »

you can use a modal popup for that.
wwonderfull
 
 
Posts: 1255
Joined: Fri Aug 21, 2020 8:27 am

Re: Adding Popup Window to links

Post by wwonderfull »

you can also use dialog box also.
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Adding Popup Window to links

Post by BaconFries »

If the additional text isn't to long then you could simply just use the jQuery tooltip object. This works by hovering the mouse over the text which triggers the tooltip displaying the text then the user can click on the text to navigate to the external source.
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

I would like to add a popup when somebody clicks on a button. Is there a way to control the size and position of the popup box ?
I used to have a photographic memory but i ran out of film !!!
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

You can use a modal layer or dialog. The size can be controlled like any other object.

Example:
https://www.wysiwygwebbuilder.com/suppo ... tions.html
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

I did place a layer and selected modal layer in the location and size but i don't see where i can specify the location or size .
I used to have a photographic memory but i ran out of film !!!
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

You can resize elements with the mouse, keyboard or in the property inspector. This works the same for all elements.
The location can be set in the properties of the layer or dialog.
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

I have no idea how to create a dialog and when i set the layer to modal there are no settings as to size or location of the popup.
As in you link https://www.wysiwygwebbuilder.com/suppo ... tions.html where the popup ends up in the middle of the screen i don't see any such settings. It would be nice if there was a help file where this is explained.
I used to have a photographic memory but i ran out of film !!!
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

No Matter what settings i use the popup always ends up as a small window at the top left of my screen.

Image

When i do a preview it displays okay in the center of the screen
I used to have a photographic memory but i ran out of film !!!
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

I should perhaps be a little more clear, i am trying to create a popup that people can enter additional information and print that page. But it keeps ending up at the top left corner of the screen as a small square box. When i put a jquery dialog on the page and set the hor & ver settings to center it still won't show up any different.
I used to have a photographic memory but i ran out of film !!!
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Adding Popup Window to links

Post by crispy68 »

When i do a preview it displays okay in the center of the screen
There is no difference between previewing and publishing the project. If it is not working after publishing, it means you are not uploading all the new files.
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

In the properties, you can use the 'alignment' options to control where the dialog will be displayed:

Image

Example templates:
https://www.wysiwygwebbuilder.com/suppo ... ydark.html
https://www.wysiwygwebbuilder.com/suppo ... outme.html
https://www.wysiwygwebbuilder.com/suppo ... orate.html
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

I just deleted all files and uploaded them again, strange thing is when i type the URL of the page and go there it displays properly but when i call the page from a button on my site it shows up like i explained earlier. What would the reason for that be ?
I used to have a photographic memory but i ran out of film !!!
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

What is the URL of the page?
What are your exact settings?
wwonderfull
 
 
Posts: 1255
Joined: Fri Aug 21, 2020 8:27 am

Re: Adding Popup Window to links

Post by wwonderfull »

You can see this post for advanced solution http://www.wysiwygwebbuilder.com/forum/ ... ox#p450718
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

https://www.wilstv.com
You will see a button at the bottom that says "Fill out cvitp form" this will take you to a screen that has a pdf file on it that people can fill out and print, at the bottom of that page is a button that says " Additional information" i would like that page to show as a popup, it has a layer set to modal layer, it has a text area where people can enter information and print that out.
If i call it like this it displays properly https://www.wilstv.com/additional.html but when i call it from the button "aqdditional information" it ends up at the top right corner.
I can send you the file as well.
I used to have a photographic memory but i ran out of film !!!
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Adding Popup Window to links

Post by BaconFries »

Links to your site are seen as "Phishing" if this is the case then they may be removed!!

Image
Image

Thread temporarily locked due to possible "Phishing Links'
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: Adding Popup Window to links

Post by BaconFries »

It more than likely to be a false positive but I also ran both urls through the following url and only one instance of malware could be found you can test this for yourself to check the results.

https://www.virustotal.com/gui/home/url
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

It looks like you are mixing up two different features.
There are popup windows which is a standard HTML feature.
And there are dialogs / modal layer which are specific to WWB.

I do not think it makes sense to use them at the same time.
You either use a popup, in which case you do not always have control over the size of the window (browser related) or a dialog which allows you to set the size/ position etc.

Examples:
https://www.wysiwygwebbuilder.com/suppo ... ydark.html
https://www.wysiwygwebbuilder.com/suppo ... outme.html
https://www.wysiwygwebbuilder.com/suppo ... orate.html

If this is not what you want, then can you please be more specific?
bkjohns
 
 
Posts: 290
Joined: Wed Nov 14, 2018 5:54 pm

Re: Adding Popup Window to links

Post by bkjohns »

windsurfer wrote: Fri Nov 13, 2020 9:27 pm I just deleted all files and uploaded them again, strange thing is when i type the URL of the page and go there it displays properly but when i call the page from a button on my site it shows up like i explained earlier. What would the reason for that be ?
Then there is an error in your link that is not going to the working page. Have you copied the url that works and pasted it in as the link target?
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

I wonder if the phishing error was due to the fact that i had a fillable pdf file on the 1 page.
I changed it so that should probably not occur and i changed the additional information page as well. I still don't know how to create a popup page but that's okay.
Thank you for the help.
I used to have a photographic memory but i ran out of film !!!
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

Did you check out the suggested templates?
Isn't that what you are trying to do?
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

The only thing i see on any of the 3 links is advertising for web design.
WYSIWYG is advertised as "WYSIWYG Web Builder has tools for both beginners and professional designers/developers."
I can say i am somewhere between the 2 because the program is easy to use and there are many many videos available mostly from Greg Hughes from 90 second website builder.
I have scoured the internet about how to implement the dialog popup and the modal popup and among the many videos and help topics i have not found 1 that even remotely touches on how to do this.
I don't think a dialog box is what i am after because i need it to have a text area that people can populate so i assume i need a modal popup page i created a page that was supposed to be a modal popup but now i am beginning to wonder if i should be building that popup on the page i will be calling it from or form a separate page and call that page with a button. I don't want to criticize but it would be nice to see an example as it appears it's not all that straight forward to do.
I used to have a photographic memory but i ran out of film !!!
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

I don't think a dialog box is what i am after because i need it to have a text area that people can populate
A dialog can also be a form. It can have any type of content:
https://www.wysiwygwebbuilder.com/suppo ... orate.html

Here are some examples of dialogs:
https://www.wysiwygwebbuilder.com/suppo ... ydark.html
https://www.wysiwygwebbuilder.com/suppo ... outme.html
https://www.wysiwygwebbuilder.com/suppo ... orate.html

These are just examples and you can change the content of the dialog to anything you want.
All template can be downloaded so you can checkout the settings and learn how to use it in your own projects.

Here is a demo of a dialog triggered by a button:
https://www.wysiwygwebbuilder.com/suppo ... tions.html

Here is a video tutorial about dialogs:
https://www.youtube.com/watch?v=2iu_juzldRo

As mentioned a popup is also possible, but this give you less control over the appearance and behavior. Popups windows are less common in modern websites because they may get blocked by ad blockers.
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Adding Popup Window to links

Post by windsurfer »

Excellent video, the only thing he is not showing is how to hide the dialog box when the page opens but i figured that out.
Thanks
I used to have a photographic memory but i ran out of film !!!
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Adding Popup Window to links

Post by Pablo »

You can set the initial state of the dialog in the properties: Show dialog automatically.
Post Reply