button uitrol venster

[weites]

ik heb te veel buttons op mijn home pagina, deze wil ik verminderen door het gebruik maken van uitrol button.

Dus als je op een button klikt, moet er een uitol venstertje komen met een onderverdeling naar nw. buttons.

Kan dit in Frontpage 2003?

Wie helpt?

fred.

 

[Bogey]

uitrol link

Ja hoor dat kan kijk maar naar de volgende link.

http://www.maudcompagny.nl/Maud page 7 collectie tijden.htm

Of bedoel je dit niet.

 

[weites]

Dank voor je antwoord.

Nee, sorry, dat bedoel ik niet.

Gewoon een enkele button op de hoofdpagina, als je daar op drukt komen er meer buttons tevoorschijn met ieder weer een verdere verwijzing.

fred.

 

[jeroendenoot]

Ik zou niet weten of het met Frontpage 2003 kan maar het kan wel met gewoon HTML invoegen. Het beste is het te doen met JavaScript. (Volgens mij kan het ook niet anders.)

Ik heb eens gekeken en ik heb dit gevonden:

Klik hier voor een voorbeeld

Zet dit in de HEAD: (kleuren zijn aan te passen)

<style>
body{font-family:verdana;}
table{background:black; position:absolute}
a{color:black;text-decoration:none; font:plain}
a:hover{color:#FF0000}
td.menu{background:#99CCFF}
table.topnav{font-size:70%;top:-2;left:10}
table.menu{font-size:100%;bottom:0;z-index:-1}
</style>

<script type="text/javascript">
var i=0;
var intHide, intShow;

function show(){
if (i>-140){
i=i-1;
document.all("menu").style.bottom=i;}
}
function showmenu(){clearInterval(intHide);
intShow = setInterval("show()",1);}

function hide(){ if (i<0){i=i+1;
document.all("menu").style.bottom=i;}
}
function hidemenu(){
clearInterval(intShow);
intHide = setInterval("hide()",1);}
</script>
</script>

Zet dit in de BODY: (Kleuren zijn aan te passen)

<table class="topnav" width="150">
<tr bgcolor="#CC99FF">
<td onmouseover="showmenu()" onmouseout="hidemenu()">DROP MENU<br>
<table class="menu" id="menu" width="100%">
<tr><td class="menu"><a href="http://www.url.nl" target=_self>Link naam</a></td></tr>
<tr><td class="menu"><a href="http://www.url.nl" target=_self>Link naam</a></td></tr>
</table>
</td>
</tr>
</table>

Je kunt makkelijk dingen toevoegen. Voeg daarvoor deze code toe voor < /table>:

<tr><td class="menu"><a href="http://www.url.nl" target=_blank>Link naam</a></td></tr>

 

[jeroendenoot]

Is het gelukt?

 

[weites]

ik heb het geprobeerd en ben dankzij jouw nu veel verder:

ik heb nu 6 buttons naast elkaar, en onder iedere button kan ik nu een x-aantal fly out buttons maken.
dit is wat ik bedoel.

hartelijk dank.

nu nog inpassen in mijn site....

dat gaat wel wat langer duren...

met dank

fred

 

[jeroendenoot]

Graag gedaan