navigatieknoppen via een popup laten verschijnen.

Status
Niet open voor verdere reacties.
J

janp

Gebruiker
Lid geworden
12 nov 2002
Berichten
252
Ik hoop dat ik hier op de juiste plaats ben.
Ik heb een site over mijn laatste fietstocht. Was bijna een maand onderweg. Per dag een verslag geschreven. Navigatieknoppen met een link naar de betreffende pagina op de linkerzijde. Maar met 26 dagen heb ik een behoorlijk rij onder elkaar staan: dag 1, dag 2, dag 3, etc. Ik wil deze site verenderen en eigenlijk al deze knoppen onder een knop. En dat alle knoppen tevoorschijn komen als ik op een knop klik. Hoe doe ik dat?
groetjes Jan


zie www.mijnfietstochten.nl
 
Hallo DJJochem, dat is inderdaad wat ik eigenlijk bedoelde, maar met welk script maak ik zoiets?

Groetjes Jan
 
Hey,
Dat kan makkelijk met een klein stukje HTML:
HTML: 
<html>

<head>

<title>simpel-menu</title>

</head>
<BODY bgcolor="#000000" text="#00FF00" link="#FF9933" vlink="#00FFFF">
<p>
<!-- INSTALLATION OF DROP DOWN SURFING -->
<!-- Step 1 add the script below to your HEAD tag -->
<p>*
<script language="JavaScript">




<!-- Hide the script from old browsers --

function surfto(form) {

        var myindex=form.dest.selectedIndex

        window.open(form.dest.options[myindex].value,"main","");

}

//-->

</SCRIPT>

<!--Step 2 Add the following to your web page -->

<CENTER>

<FORM NAME="myform">

  <SELECT NAME="dest" SIZE=1>

    <OPTION SELECTED VALUE="">---------- A Simple Menu -----------

    <OPTION VALUE="http://www.leejoo.nl/">leejoo's webhebbies
	<OPTION VALUE="http://home.12move.nl/~sh735055">leejoo design
   	<OPTION VALUE="http://www.startpagina.nl">startpagina.nl
	<OPTION VALUE="http://www.sportshoplochem.nl">sportshop lochem
   
</SELECT>
<P>
<INPUT TYPE="BUTTON" VALUE="start Surfing!" onClick="surfto(this.form)">

</FORM></CENTER>






</body>
</html>

Bij de tags <OPTION VALUE kun je de links aanpassen.
Je kunt, als je er te weinig hebt ook nieuwe bij zetten.

Groet, Jochem
 
Wegens omstandigheden maar 4 dagen gefietst (ca 530 km)

Deze 8 subdelen (route 1 t/m route 8) wil ik onder een button die openklapt bij ofwel aanklikken ofwel er boven komen.

<a href="Route%201.htm" target="main-window">route 1</a><br>
<a href="Route%202.htm" target="main-window">route 2</a><br>
<a href="Route%203.htm" target="main-window">route 3</a><br>
<a href="Route%204.htm" target="main-window">route 4</a><br>
<a href="Route%205.htm" target="main-window">route 5</a><br>
<a href="Route%206.htm" target="main-window">route 6</a><br>
<a href="Route%207.htm" target="main-window">route 7</a><br>
<a href="Route%208.htm" target="main-window">route 8</a><br>
Graag duidelijke uitleg of aanpassen.
Al van alles geprobeerd, maar ik kom er niet uit.
Groetjes Jan
 
Hoi Jan,

In het eerder gegeven script kun je dit menu maken.
Als ik dit script gebruik:
HTML: 
<FORM NAME="myform">
 
  <SELECT NAME="dest" SIZE=1>
 
    <OPTION SELECTED VALUE="">---------- A Simple Menu -----------
 
    <OPTION VALUE="http://www.leejoo.nl/">leejoo's webhebbies
    <OPTION VALUE="http://home.12move.nl/~sh735055">leejoo design
    <OPTION VALUE="http://www.startpagina.nl">startpagina.nl
    <OPTION VALUE="http://www.sportshoplochem.nl">sportshop lochem
   
</SELECT>
<P>
<INPUT TYPE="BUTTON" VALUE="Ga naar de gekozen pagina" onClick="surfto(this.form)">
 
</FORM>
Krijg ik als resultaat dit: Klikkerdeklik
Nu kun je dus op de links klikken.
Maar om je eigen links toe te voegen, moet je wat in de code veranderen.
Het gedeelte van
HTML: 
<option value="http://www.helpmij.nl/">Klik hier voor Helpmij
moet je dan veranderen.
De tekst tussen de aanhalingstekens, is de hyperlink.
Daar kun je dus bijvoorbeeld Pagina1.htm invullen.
De tekst daar achter (dus de tekst klik hier om naar Helpmij te gaan) is de tekst waar de bezoeker op klikt.
Dus als je alles aanpast krijg je een eigen drop-down menu voor de hyperlinks.
Wat ik eerder was vergeten, is dat je deze code in de <head> tags moet zetten:
HTML: 
<script language="JavaScript">
 
 
 
 
<!-- Hide the script from old browsers --
 
function surfto(form) {
 
        var myindex=form.dest.selectedIndex
 
        window.open(form.dest.options[myindex].value,"main","");
 
}
 
//-->
 
</SCRIPT>
Hopelijk kom je er zo uit.

Groetjes, Jochem
 
Laatst bewerkt:
Hallo Jochem, bedankt, het werkt nu prima. Inderdaad het ontbrekende script in de head tag.
Kan nu weer verder
Groetjes Jan:thumb:




zie ook www.mijnfietstochten.nl
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan