Pop-Up Interactive Slide Show (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

dschultz -> Pop-Up Interactive Slide Show (10/22/2003 16:55:45)

I want to create a link on my site that creates a pop-up window with a slide show that is very simple. About 10 photos, a "Next Picture" and "Previous Picture" button and my corporate logo. Should I use a script?

Help me here please. Thanks!!!!!!!!

Dan [:(]



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/22/2003 17:32:24)

Here's the link code:

Create a Pop-Up using a Hyperlink on your page:
A- Place a word or sentence that you want to use as a link on your page.
B- Select the word or sentence so it is highlighted.
C- Right-click your mouse and select [Hyperlink].
D- Click [OK] in the Hyperlink dialog box. You now have a linkless link.
E- With the hyperlink selected, click the [HTML] tab at the bottom of the FP screen. You will see a code snipit similar to the following highlighted for you.

<a href= "http://">This is MY Hyperlink</a>

It might be inside other code. What you want to do is replace the <a href= "http://" segment with the following (in red):

<a href="#" onClick="MyWindow=window.open('MYpopupPAGE.asp','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=420,height=628'); return false;">This is MY Hyperlink</a>

Make sure you change the “‘MypopupPAGE.asp’” with the page you want to appear in the pop-up window.
Leave the remaining code around it alone.

This will give you the link with a pop-up window. Now just place your slideshow code in the page that pops up.



dschultz -> RE: Pop-Up Interactive Slide Show (10/23/2003 11:23:31)

I'm not sure how to create the .asp page. Is there a page for each image or what?
Also - in dropping the snipit in before the <html> - am I doing this on the page that will contain the link or the .asp page?

Thanks for your help - it is greatly appreciated!!

Dan[&:]



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/23/2003 12:14:33)

You drop the code in on the page that has the link.
You put you slide show on the page you want to popup.

To create an ASP page is easy:
1): Have FP generate a new page for you.
2): Save the page.
When you give it a name, just change the extension to .asp. Example: Testpage1.asp. FP will prompt you that it is a different file extension. Except it anyway and save the page.

Now you have the asp page.
Drop to POPUP WINDOW SCRIPT I gave you on top of the page above the <HTML> tag.
Put the link on that page too.

That will give you the link on your page to click, and the popup window that will popup blank.

The window that pops up is just a standard FP page in your sites page list.
You would click on that to load the window into FP, then place the slide show code there.

Now when you test it, you first page will contain the link, you click on it, the second page with the slideshow code will appear in the popup window.

Is this slideshow from another tool or is it created in FP?



dschultz -> RE: Pop-Up Interactive Slide Show (10/23/2003 12:45:15)

I need to know how to create the slideshow also.

-Dan[8|]



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/23/2003 13:34:45)

What version of FP are you using?



dschultz -> RE: Pop-Up Interactive Slide Show (10/23/2003 14:41:05)

FP 2002.

-Dan[&:]



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/23/2003 21:42:38)

Once you have the link / popup working, check out some of these slideshow scripts:

http://www.aspin.com/func/search?tree=aspin&qry=slide+show&cat=&x=33&y=12



dschultz -> RE: Pop-Up Interactive Slide Show (10/29/2003 12:47:56)

OK Great Gorilla God:
Here are all my problems.

First: When I copy and paste code into FP2002 - the < & > symbols are messed up in the code. I figured out to fix them. Any ideas on avoiding this issue however?

Second: I made an .asp page - put the code above the <html> tag but FP wouldn't let me create a linkless link. So I copied and pasted the code you suggested to replace the linkless link with. All this on the .asp page as well as the page I want the link to come from. In both cases I get an "Error has occured in the script on this page" message. I say "yes" to keep running scripts and when I click the link on the .asp page to test it a pop-up appears with a "This page can not be displayed" message. When I try it from the FP page I want the link to originate from it tells me it is going to open the .asp page and says "opening pages from the internet could be harmful - do you want to proceed". OH I AM SO LOST![:(]

Is this what should happen?:
The link on the FP page is clicked which goes to the .asp page which reads the link info again and actually opens the link (a blank page at this time) in the pop up window?[8|] WOW

Please help me Gorilla God!
-Dan



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/29/2003 13:31:50)

Dan Dan the BOGGIE man,

First:
When you copy my code, place it in NOTEPAD first, then copy it from NOTEPAD into FP. This removes all funky characters. [;)]

Second:
Post your page. [8|]

Third:
Is this what should happen?:
No. [&:]

What should happen is a link should appear on your main page. You click on it. Then a pop-up open's that loads the second page into it.


There will be only two pages:
PAGE 1: The link goes on THIS page.
PAGE 1: The code I gave you goes on THIS page -placed on top of the page above the <HTML> tag.

PAGE 2: This is for your Slideshow code. PAGE 1 (with link and code) will pop-up PAGE 2 (with slideshow in it).

http://www.timeforweb.com/frontpage/forum_posts.asp?TID=290&PN=1
(You want the hyperlink option down the page)
This has worked for many. [;)]



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/29/2003 15:38:07)

If you can't create a linkless link, no problem. Create any link you want. It does not matter. You will be replacing whatever you created with FP anyway when you change the code it generated with this: [;)]

<a href="#" onClick="MyWindow=window.open('MYpopupPAGE.asp','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=420,height=628'); return false;">This is MY Hyperlink</a>



dschultz -> RE: Pop-Up Interactive Slide Show (10/30/2003 8:08:22)

Yo - Gorilla God:

First I must apologize for not realizing all this info you are giving me is from the Outfront FAQ page. However, I must thank you over and over for taking the time to help me out here. I am soooooooooooooo very close I think. I put the script and the link on my original page. I made the .asp page successfully. My only issue is on my PC testing it. I go to IE and when I go to my page on my website where I put everything - I click the link and instead of popping up my slideshow window (which it actually does in FP when I preview) it wants to launch FP and open the .asp page.[8|] Why is this?

I test it on my mac and it appears to work perfectly - just needs the slideshow code.

Any thoughts on this little dilema?[:)]

Thanks Double G!

-Dan



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/30/2003 12:38:20)

Dan,

Actually, the FAQ is on another forum. Opps. [&:] But I hear ya. [;)]
http://www.timeforweb.com/frontpage/forum_topics.asp?FID=15

You mentioned a problem on your PC. I need to ask a few PC questions:

1): What version of Windows?
2): Do you mean testing locally (FP + IE) or live on the net?

Mark



dschultz -> RE: Pop-Up Interactive Slide Show (10/30/2003 13:47:37)

Mark:
Here is the link:
http://www.flagsource.com
In the left menu - click on "FlagSource News" and when the page opens click on the "46 x 80' U.S. Flag Slideshow" link at tell me what it does for you. On the mac - it opens a blank page - on all the PC's in my company it trys to open the .asp page as a file. What do you think?[&:]
-Dan



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/30/2003 14:02:28)

Dan,

When I go there, it looks like it wants me to download the page.
A download dialog box pops up.

Try this:
Put the full address of the site page in your hyperlink code:
http://www.flagsource.com/slideshow.asp
I've seen this before on a few of my sites. Putting "http://" usually does the trick.
So try the full path in your hyperlink code.

Post me after you tried that. [;)]



dschultz -> RE: Pop-Up Interactive Slide Show (10/30/2003 14:59:30)

Double G:

That didn't fix it.[&o]

Now what?[8|]

-D



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/30/2003 15:14:20)

Hmmm. It's TRIPLE G...

Anyway, OK - so you got the full path in the page? I viewed your source and saw the addition. Sit tight. Have to run out for a few moments but I'll post when I get back. [;)]



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/30/2003 15:22:19)

Dan,

I just pulled your address out of the hyperlink line and placed it directly into IE 6: http://www.flagsource.com/slideshow.asp

The box still pops up. The problem might not be in the link itself. I think it's the page. What is on the slideshow.asp page? There has to be something on it that is causing IE to think that there is a download.



dschultz -> RE: Pop-Up Interactive Slide Show (10/30/2003 15:39:18)

Triple G:

I'm on my way out of the office now - gone for the weekend. I'll get back at it Monday. The .asp page however has nothing on it. Just a blank page with the top header.

-D



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/30/2003 15:39:22)

Dan,

I did another test. I pulled your adddress out of this line:

<a href="#" onClick="MyWindow=window.open('http://www.flagsource.com/slideshow.asp','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=420,height=628'); return false;">
Slideshow</a>

... and replaced it with one of my addresses.

It worked OK.
So the problem appears to be in your .asp page.
If you can't find the problem - Post the page.

Mark [:)]

I'm out of here. I'll be back in about 2 hours.



Long Island Lune -> RE: Pop-Up Interactive Slide Show (10/30/2003 15:40:18)

We'll pick it up on Monday. On Monday post the .asp page for me. Thanks.



dschultz -> RE: Pop-Up Interactive Slide Show (11/3/2003 9:17:04)

Here is the enitre HTML coding from the .asp page. Thanks for your help.
-Dan[8D]

<script TYPE="text/javascript">
<!--
function popupform(myform, windowname)
{
if (! window.focus)return true;
window.open('slideshow.asp', windowname, 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, width=420,height=628');
myform.target=windowname;
return true;
}
//-->
</script>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="global 101, default">
<meta name="Microsoft Border" content="tb, default">
</head>

<body>
<p align="center"><br>
<font face="Verdana"><b>Slideshow Coming Soon!!!</b></font><br>
</p>

</body></html>



Long Island Lune -> RE: Pop-Up Interactive Slide Show (11/3/2003 13:56:28)

Remove everything from your pop-up .asp page. The only code that should be on that page is the following:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="global 101, default">
<meta name="Microsoft Border" content="tb, default">
</head>

<body>

<p align="center">
<br>
<font face="Verdana">
<b>
Slideshow Coming Soon!!!
</b>
</font>
</p>

</body>
</html>

Now the page is empty except for a single sentence.
The page should pop-up in both computers now.
Give that a try.
Let me know what happened.



Long Island Lune -> RE: Pop-Up Interactive Slide Show (11/4/2003 12:23:17)

Did that help?



dschultz -> RE: Pop-Up Interactive Slide Show (11/4/2003 14:23:33)

I just finally got a chance to try it and still no go. Doing the exact same thing. I copied the code you gave me and put in on the .asp page with nothing else. Still works on the Mac - not on the PC.[:@]

What do you think?
-Dan



Long Island Lune -> RE: Pop-Up Interactive Slide Show (11/4/2003 14:36:40)

What I would do is erase the page from FP and your server.
There's something wrong with it.
Once is has been erased from both locations, create it again.
Possibly with a different name?

Put nothing on the page. Let FP create it, then save it.
Once you have that done, replace the page address in your link.
This should solve the problem. [;)]



dschultz -> RE: Pop-Up Interactive Slide Show (11/5/2003 13:59:23)

No go Triple G

Still not working. I made a whole new page from scratch (twice) and it is still trying to download something. Still works fine on the Mac though.

What do you think?[:(]

-Dan



dschultz -> RE: Pop-Up Interactive Slide Show (11/5/2003 16:05:36)

Triple G:
I removed the javascript snipit and still no go.
Here is the entire code (minus the snipit) from the page I'm attempting to get the pop-up from.

<html>

<head>
<title>What's New</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="Microsoft Border" content="tb">
</head>

<body topmargin="0" bgcolor="#FFFFFF">
<div align="center"><center>

<table border="0" width="67%">
<tr>
<td width="50%" align="center"><p align="center"><font face="Garamond" size="5"
color="#FF0000"><strong><em>Latest News & Activities</em></strong></font></td>
<td width="50%" align="center">
<img src="2001/lowres/henry.jpg"
alt="henry.jpg (16436 bytes)" width="142" height="139"></td>
</tr>
</table>
</center></div>

<div align="center">
<center>
<table border="2" cellspacing="1" bordercolor="#0000FF" width="55%">
<tr>
<td width="100%" align="center"> <b><i><a href="#" onClick="MyWindow=window.open('http://www.flagsource.com/flagslideshow.asp','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=420,height=628'); return false;">46
<font face="Verdana">x</font> 80' U.S. Flag Slideshow</a></i></b></td>
</tr>
<tr>
<td width="100%" align="center"><em><strong>
<a href="patriotdaydesignated.htm">Patriot Day Observed</a></strong></em></td>
</tr>
<tr>
<td width="100%" align="center"><em><strong><a href="supportamerica.htm">
Made Only In America</a></strong></em></td>
</tr>
<tr>
<td width="100%" align="center"><em><strong>
<a href="illinoisflagmonth.htm">American Flag Month In Illinois</a></strong></em></td>
</tr>
</table>
</center>
</div>
<p align="center"><i><b>Click an above headline to view the story</b></i></p>

<p align="center"><a target="_blank" href="2003/WBEcertified.jpg">
<img border="0" src="2003/WBELOGO2.jpg" width="87" height="85" alt="Women's Business Enterprises Certificate"></a><br>
</p>

</body>
</html>

Thanks for you help!! You ROCK!
-Dan



Long Island Lune -> RE: Pop-Up Interactive Slide Show (11/5/2003 17:36:08)

Hey Dan,

Thanks for the code. All looks funky.

Here's a test:

1): Take your address: http://www.flagsource.com/flagslideshow.asp
2): Cut and copy it to your Windows clipboard.
3): Open Windows Explorer.
4): Paste the address http://www.flagsource.com/flagslideshow.asp into the URL line.
5): Click [Go].

Notice the popup box for a download? This is why I say it can't be the link page. It has to be in the flagslideshow.asp page. Now the question is WHY?

We need to do another test:

1): Load-in the slideshow.asp page into FP2002.
2): Click your HTML View tab.
3): Erase everything on that page.
4): Replace it with this:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>
<body>

<br>
<p align="center">
<b>
Slideshow Coming Soon!!!
</b>
</p>

</body>
</html>

5): Save the page.
6): Upload to your server.
7): Test it and let me know what happened.



dschultz -> RE: Pop-Up Interactive Slide Show (11/6/2003 12:55:17)

Still No Go.

It now shows a preview page without my shared borders (which I like) but it still trys to download. What the heck?????[:@]

-Dan



Page: [1] 2   next >   >>

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625