PDA

View Full Version : Linking an link to IFrames.

spikedadragon
07-10-2002, 11:40 PM
I've only got one IFrame, and it's named IFrame1. What I want to do is use my menu on the left, to have its links all open up in the iframe, so that I don't have to make multiple coded pages.

Any ideas on how to do this?
Thankz
MY site's, http://saunders.phu-q.com/index2.html

Lataz
Spike
Bosko
07-10-2002, 11:58 PM
put target="IFrame1" in your links
spikedadragon
07-11-2002, 01:12 AM
I tried that Bosko, it doesn't work... lol it just opens in a new window.

Lataz
Spike
adios
07-11-2002, 02:22 AM
Where is "IFrame1"? Couldn't find it on your page....
Mackhacker
07-11-2002, 03:56 AM
First of all, there is no iframe called Iframe1 or anything else for that matter. second, this post should be in the Dynamicdrive forum, not here because it's theyre script. third, change the following line in the ssmItems.js that you already got: linkTarget="_top"; to linkTarget="Iframe1";.
Hope it helps :)
---
Markus
spikedadragon
07-11-2002, 06:36 AM
mackhacker... the iframe name i made it, is iframe1... it may be main now, not sure..

I did that with the code too, still doesn't cooperate..

lol, i'm gonna repost in the dynamic forums too.
Lataz
Spike
Gordo
07-11-2002, 10:54 AM
Alright, this (I hope) gets you on track to where you want to go.

First off, as stated by other posters in this thread, you did NOT have an iframe in your page. Do you see the <iframe> tag anywhere in there!? I don't think so. Perhaps you were wanting an iframe...but you certainly didn't have one (yet).

I added an iframe named iframe1 to your page. You may want to replace YOUR code with mine below. You can always save the code below as index3.html for testing purposes, etc.
<html>
<head>
<title>Saunders Online V.2</title>

<STYLE>
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</STYLE>

</head>
<body bgcolor="#000000" text="#CCCCCC" link="#999999" vlink="#999999" alink="#999999" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

<SCRIPT SRC="ssm.js" language="JavaScript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, maximus@nsimail.com)
//Site: http://maximus.ravecore.com/
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="490">
<tr align="left" valign="bottom">
<td colspan="2" height="75" valign="top">
<img src="top.gif" width="576" height="90">
</td>
</tr>
<tr valign="top">
<td width="22%" align="left">
<img src="left.gif" width="160" height="400">
</td>
<td width="78%" align="left">
<div align="left">
<table width="506" border="0" cellspacing="1" cellpadding="1" bgcolor="#999999">
<tr>
<td height="20">
<table width="504" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Hello, and Welcome to Saunders Online Version 2.0!!</font></p>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">I hope you find this design interesting as I have. Notice the menu on the left, for that is your means of transportation. Enjoy, and drop us a word or two in the forums. Thank you. Lataz.</font></p>
<p>&nbsp;</p>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">If you wish to contact me, click <a href="mailto:dusty@tcommunications.net">here</a>.</font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<iframe id="datamain" name="iframe1" src="" width="506" height="300" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="yes"></iframe>
</td>
</tr>
<tr valign="top">
<td width="22%" align="left"></td>
<td width="78%" align="left">
<center><font face="Arial, Helvetica, sans-serif" size="1"><b>&copy; Copyright 2002. All rights reserved.</b></font></center>
</td>
</tr>
</table>
</body>
</html>


Now, I removed all individual target links (like _blank and _top) from within your ssmItems.js file.
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["Menu"] //create header
ssmItems[1]=["Home", "http://saunders.phu-q.com/index2.html", ""]
ssmItems[2]=["Information", "", ""] //create header
ssmItems[3]=["Hot Off The Press", "http://saunders.phu-q.com/news.html", ""]
ssmItems[4]=["The Bio", "http://saunders.phu-q.com/bio.html",""]
ssmItems[5]=["Background/History", "http://saunders.phu-q.com/history.html", ""]
ssmItems[6]=["Partners/Managers", "http://saunders.phu-q.com/partners.html", ""]
ssmItems[7]=["Complete Gimick Overview", "http://saunders.phu-q.com/gimick.html", ""]
ssmItems[8]=["Roleplay Vault", "http://saunders.phu-q.com/roleplay.html", ""]
ssmItems[9]=["Federations Involved In", "http://saunders.phu-q.com/federations.html", ""]
ssmItems[10]=["Accomplishments", "http://saunders.phu-q.com/accomplishments.html", ""]
ssmItems[11]=["Stables, Groups, Allies", "http://saunders.phu-q.com/allied.html", ""]
ssmItems[12]=["Multimedia", "", ""] //create header

ssmItems[13]=["Gallery", "http://saunders.phu-q.com/gallery.html", ""] //create two column row
ssmItems[14]=["Music", "http://saunders.phu-q.com/music.html", ""]
ssmItems[15]=["FANZ STUFF", "http://saunders.phu-q.com/fanz.html", ""]
ssmItems[16]=["Admin/Staff", "http://saunders.phu-q.com/staff.html", ""]

I also changed the main target to iframe1.
linkTarget="iframe1";

From here, you should be able to play around with it to get your desired look/effect.

You may want to save your "welcome" message as an .htm page and have it set as the initial scr="welcome.htm" in your <iframe> line of code.

Good luck.
spikedadragon
07-11-2002, 06:28 PM
I havent' tried it yet... but Gordo, my bad. You were all lookin at the test page... lol

it's not index2.html, it's supposed to be index3.html

http://saunders.phu-q.com/index3.html

Like I said, my bad. I just now noticed the typo above.
I'll see if what you said for the .js works.
But otherwise, I do have a IFrame, lol...

Lataz
Spike
spikedadragon
07-11-2002, 06:37 PM
Thanks Gordo. That helped, lol I forgot all about the default target thing at the top.

Now I can finish the site, and have the iframe to use.

Again I thank yaz.

Now, one more question, which proboly doesn't belong here, but oh well. You've see that menu I use on the left for the site. Well I was wondering if you know how to place an image there, instead of the words Navigation, for the menu bar that always shows. I tried the coding exactly as recomended at the artist's website, but it didn't work. And I even emailed him, but have yet to recieve an reply.

Thankz man.
Lataz
Spike
Gordo
07-11-2002, 10:12 PM
:rolleyes: :rolleyes: :rolleyes:

It pays to follow your own links sometimes. :D

Okay, as far as having an image instead of the vertical text, the author gives you an example in the ssmItems.js file.

barText='SIDEMENU'; // <IMG> tag supported. Put exact html for an image to show.
//'<IMG SRC="../../images/grid1.gif" WIDTH="9" HEIGHT="9" BORDER=0 ALT="">'

So, you'd make yours something like...
barText='<IMG SRC="left.gif" WIDTH="9" HEIGHT="9" BORDER="0" ALT="Navigation Menu">';

Again...play with it and you'll get what you want.
spikedadragon
07-14-2002, 08:42 AM
Aiight thankz... That's all I need.

Lataz
Spike