Well I figured it out, thanks to someone soooooooo
Here is how it's done!
=====================================================
Ok, this may sound a bix complex, and this will not disable them, but change the selected one to a lighter colour, and of course you could make them darker.
You will need to have the links id'd. Example:
:--------------------------------------------------------------------------------MENU<br />
<a href="1.html" id="link1" target="iframe">1</a><br />
<a href="2.html" id="link2" target="iframe">2</a><br />
<a href="3.html" id="link3" target="iframe">3</a><br />
<a href="4.html" id="link4" target="iframe">4</a><br />
<a href="5.html" id="link5" target="iframe">5</a><br />
<a href="6.html" id="link6" target="iframe">6</a><br />
<a href="7.html" id="link7" target="iframe">7</a><br />
<iframe name="iframe" id="iframe"></iframe>--------------------------------------------------------------------------------
The next step is to add to every page (1.html, 2.html, etc) a javascript which changes the links. Below is the code to add to the <head> of the pages. The example is for the first (1.html) page. You will have to change the number for each page.
code:--------------------------------------------------------------------------------<script type="text/javascript" src="num1.js"></script>--------------------------------------------------------------------------------
After this you must create a file for each page, named num1.js, num2.js, etc and in each place the following. The example is for the first page, and you will have to modify each one to suit. I am sure you will work out what to do.
code:--------------------------------------------------------------------------------parent.document.getElementById('link1').style.color = '#BDBDBD';
parent.document.getElementById('link2').style.color = '#000000';
parent.document.getElementById('link3').style.color = '#000000';
parent.document.getElementById('link4').style.color = '#000000';
parent.document.getElementById('link5').style.color = '#000000';
parent.document.getElementById('link6').style.color = '#000000';
parent.document.getElementById('link7').style.color = '#000000';
=========================================================
Maybe someone wants to make a mod of this...
I can now call the clips form the same page and have them load in an Iframe within the same page as well.
Basicly I called every link to its own Id.
Example: <a href="whatever.html" Id="link1" target="iframe">
![Click to see original Image in a new window](javascript:CaricaFoto("http://cdn.slidesharecdn.com/ss_thumbnails/oopadventureswithxoops-121001010800-phpapp01-thumbnail-2.jpg");)
|
