Forum Moderators: open
Here's the scenario:
Anchor tags are in html doc. They reference links within a simple JavaScript file within an iFrame/in-line frame. The iFrame is not a seperate URL but part of the main document.
Any help is GREATLY appreciated!
JAVASCRIPT: (BECAUSE THE JS IN LARGE, ONLY A PORTION IS INCLUDED)
document.write( "<a name='one'></a><font face='verdana,arial,helvetica' size='1' color='#ffffff'><b>Play The Part</b></font>" );
document.write( "<br><br>It's a sticky issue once again" );
document.write( "<br>Jugglin' 'tween your bizness, family and friends" );
document.write( "<br>Lost touch with what is real" );
document.write( "<br>What it's for backed in a corner, don't know the score" );
document.write( "<br><br>Don't let it own ya, take it from the start" );
document.write( "<br>It's alright to play the part" );
document.write( "<br><br>Tryin' to remember what's here or there" );
document.write( "<br>What's right or wrong, should you really care?" );
document.write( "<br>Jumpin' through a hoop that's too small for your nose" );
document.write( "<br>Sniffin' round a place that's scary I suppose" );
document.write( "<br>Don't let it spook ya, don't be afraid of the dark" );
document.write( "<br><br>It's alright to play the part" );
document.write( "<br>In this world you have to survive" );
document.write( "<br>OK to falter, OK to compromise " );
document.write( "<br>Wasted opportunities only in your mind " );
document.write( "<br>Your heart is callin' after safely behind " );
document.write( "<br><br>Hangin' out behind the curtain" );
document.write( "<br>The lights are dimmed, it's about to open" );
document.write( "<br>What you gonna do? What's your line?" );
document.write( "<br>You gotta hit your mark, and spit it out on time " );
document.write( "<br><br>Don't let it throw ya, you know this show by heart " );
document.write( "<br>You gotta hit your mark, and spit it out on time " );
HTML SOURCE CODE:
<body bgcolor="#666666" topMargin="10" leftMargin="0" marginHeight="10" marginWidth="0" onLoad="popper()">
<table width="100%" height="177" cellpadding="0" cellspacing="0">
<tr>
<td height="46" align="center" bgcolor="666666"><TABLE cellSpacing=0 cellPadding=0 width=636 align=center border=0>
<TR>
<TD height="49" colspan="2" bgcolor="#000000"><p><a href="index.html"><img src="images/3c_logo.gif" width="218" height="25" hspace="30" border="0"></a><img src="images/rocks.gif" width="186" height="28"></p></TD>
</TR>
<TR>
<TD width="15" height="13" bgcolor="#FFFFFF"> </TD>
<TD bgcolor="#FFFFFF" class="black"><strong><a href="home.html" class="black">HOME</a> <a href="news.html" class="black">NEWS</a> <a href="band.html" class="black">BAND</a> <a href="music.html" class="black">MUSIC</a> <a href="shows.html" class="black">SHOWS </a> <a href="gallery.html" class="black">GALLERY</a> <a href="contact.html" class="black">CONTACT</a>
<a href="gear.html" class="black">SHOP</a> <a href="backstage.php" class="black">BACKSTAGE</a>
</strong></TD>
</TR>
</TABLE></td>
</tr>
<tr>
<td align="center" bgcolor="666666"><table width="636" STYLE="background-image:
url('images/homepagebg.gif'); align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="61%" height="514" valign="top"><table width="487" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="289" height="36" valign="top"><img src="images/3c_mini_logo.gif" width="25" height="31">
<img src="images/gfx_subtabs_music.gif" width="129" height="31">
</td>
<td width="196" align="right" valign="middle" class="white"><a href="gear.html"><img src="images/buy.gif" width="127" height="11" border="0"></a></td>
</tr>
</table>
<table height="462" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="96" height="462" align="center" valign="top"><p><img src="images/news_banner.gif" width="91" height="400" border="0" usemap="#MapMapMapMapMap"></p>
<p><br>
<br>
<a href="http://www.ecoastdesign.com/" target="_blank"><img src="images/f67.gif" width="50" height="6" border="0"></a>
<map name="MapMapMapMapMap">
<area shape="rect" coords="3,2,88,38" href="backstage.php" alt="BackStage">
<area shape="rect" coords="4,53,89,78" href="gallery.html" alt="Picture Gallery">
<area shape="rect" coords="3,94,85,178" href="track1.html" alt="Hear the Sound of 3C">
<area shape="rect" coords="2,188,88,227" href="shows.html" alt="Event Calendar">
<area shape="rect" coords="3,241,90,282" href="mailing_list.php" alt="Join Our Mailing List">
<area shape="rect" coords="2,296,90,340" href="gear.html" alt="Get The Gear">
<area shape="rect" coords="6,352,94,399" href="links.html" alt="Our Friends">
</map>
</p></td>
<td width="390" align="right" valign="top"> <table width="96%" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td height="252" colspan="2"> <p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="370" height="110">
<param name="movie" value="MusicPlayer.swf">
<param name="quality" value="high">
<embed src="MusicPlayer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="370" height="110"></embed></object>
</p>
<p class="gray"><strong>Tip</strong>: Select track, let
track load, hit play. For new track, hit stop, & repeat
first step.<br>
<strong>Player Speed</strong>: Load times will vary
depending upon your ISP <br>
connection speed. <br>
<strong>Bit Rate</strong>: 64 kbps<br>
<strong>Avg. Track Size</strong>: 1.69 MB</p>
<p class="white"><strong>Lyrics </strong><br>
<a href="track1.html#one" class="white">1</a> ¦ <a href="track1.html#two" class="white">2</a> ¦ <a href="track1.html#three" class="white">3</a> ¦ <a href="track1.html#four" class="white">4</a> ¦ <a href="track1.html#five" class="white">5</a> ¦ <a href="track1.html#six" class="white">6</a> ¦ <a href="track1.html#seven" class="white">7</a> ¦ <a href="track1.html#eight" class="white">8</a> ¦ <a href="track1.html#nine" class="white">9</a> ¦ <a href="track1.html#ten" class="white">10</a> ¦ <a href="track1.html#eleven" class="white">11</a> ¦ <a href="track1.html#twelve" class="white">12</a> </p></td>
</tr>
</table>
<div
style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: black 1px solid; WIDTH: 390px; PADDING-TOP: 5px; BORDER-BOTTOM: black 1px solid; HEIGHT: 180px">
<table cellspacing=0 cellpadding=0 width=300 align=center
border=0>
<tbody>
<tr>
<td width="407" height="190" align=middle valign="top" bgcolor="#000000">
<table cellspacing=0 cellpadding=0 width=350 align=left
border=0>
<tbody>
<tr>
<td width="398" height="" align=middle valign="top"><table height="204" align="left" cellpadding=10 cellspacing=0>
<tbody>
<tr>
<td width="337" height="188" align=left valign=top>
<span class="gray">
<script language="JavaScript" src="track1.js"></script>
</span>
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--NEWS ITEM------------------------------------------------------------------------------------------------------------------------------------------->
<!--END NEWS-------------------------------------------------------------------------------------------------------------------------------------------->
</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</table>
<table width="486" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td width="486" height="19" valign="bottom"><img src="images/bot_line.gif" width="486" height="3"></td>
</tr>
</table></tr>
</table></td>
</tr>
</table>
</body>
</html>
None of the tags work in NN.
<a href="track1.html#one" class="white">1</a> ¦ <a href="track1.html#two" class="white">2</a> ¦ <a href="track1.html#three" class="white">3</a> ¦ <a href="track1.html#four" class="white">4</a> ¦ <a href="track1.html#five" class="white">5</a> ¦ <a href="track1.html#six" class="white">6</a> ¦ <a href="track1.html#seven" class="white">7</a> ¦ <a href="track1.html#eight" class="white">8</a> ¦ <a href="track1.html#nine" class="white">9</a> ¦ <a href="track1.html#ten" class="white">10</a> ¦ <a href="track1.html#eleven" class="white">11</a> ¦ <a href="track1.html#twelve" class="white">12</a>
The above all link to a JavaScript file, which you can see in the original post. I only included part of the original JS file, but in the first line you can where the anchor tag within the hmtl (see above) references the anchor tag in the JS.
Maybe this will help.
1. html document with an iFrame contained within.
2. within the html document, there are links to the various lyrics (these are anchor tags and can be seen above)which link to a JavaScript file within the iFrame.
3. because there are 12 set of lyrics, I want the anchor tags to reference each lyric within the JavaScript.