Actieve link

Status
Niet open voor verdere reacties.

hanna

Gebruiker
Lid geworden
8 sep 2000
Berichten
966
Hoi,

Ik heb mijn menu in een frameset zitten, de knop wordt bij eropdrukken actief en blijft dat(andere kleur) maar zogauw je ergens klikt is dat weg.
Ik dacht dus dat er misschien wel een javascriptje voor zou zijn die ervoor zorgt dat de knop actief blijft zolang je op de bijbehorende pagina zit.
Wie kan mij hiermee helpen??

Alvast bedankt....................
 
Kan je hier een voorbeeld in de bijlage steken?
Of mailen, of een link geven waar we het kunnen bekijken?
Zo kunnen we een script op maat maken.

Greetz : Jer:cool:en.
 
Het wordt niet gemakkelijk (ik ben nog niet zo gevorderd in javascript) maar dit lukt wel.
Heb al een goed idee wat mogelijk is, juist nog vertalen in javascript.
Kan wel dag of twee drie duren. :(
Nu eerst goed slapen. ;)

Greetz : Jer:cool:en.
 
Ja, ik ga ook slapen, bedankt voor je moeite.........................
 
Voeg dit script toe aan je frameset(s):
Code:
<script language="JavaScript">
 <!-- Egel 060122
  function feedback() {
   var h = main.document.location.href, l = contents.document.links;
   for (var i = 0; i < l.length; i++) {
    if (/Button/.test(l[i].className)) {
     l[i].className = (l[i].href == h ? 'feedbackButton' : 'menuButton');
     l[i].blur();
     };
    };
   };
 //-->
</script>

Dit aan scripts/men.css:
HTML:
div.menuBar a.feedbackButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display: block;
	border: 1px solid;
	color: #f00;
	left: 2px;
	margin: 1px;
	padding: 2px 6px;
	position: relative;
	text-decoration: none;
	top: 2px;
	z-index: 100;
	background-image: url(../images/h-knop.jpg);
	background-repeat: repeat;
}

En aan elke pagina die in het main frame opent deze onload aan de body tag:
HTML:
<body onload="parent.feedback()">

Dat ziet er dan zo uit:

attachment.php


de gekozen pagina blijft in het menu staan.

Het werkt ook als je de terug en vooruit pijltjes van je browser gebruikt en met Firefox.


Vr.Gr. Egel.

Edit: plaatje 'vergeten'. :o
 

Bijlagen

  • feedback.jpg
    feedback.jpg
    22,8 KB · Weergaven: 62
Laatst bewerkt:
HET WERKT !!!!!!!!

Hardstikke bedankt, ik had de hoop al opgegeven dat iemand zou reageren.

Echt fijn van je, nogmaals bedankt :thumb: :thumb: :thumb:
 
hanna zei:
HET WERKT !!!!!!!!

Hardstikke bedankt, ik had de hoop al opgegeven dat iemand zou reageren.

Echt fijn van je, nogmaals bedankt :thumb: :thumb: :thumb:
:rolleyes: Jeroen had je vast ook goed geholpen! Doordat ik zoiets al een keer eerder gemaakt had was ik alleen wat sneller. :)

Mooi om te zien dat het werkt!


Vr.Gr. Egel.
 
Jeroen had je vast ook goed geholpen! Doordat ik zoiets al een keer eerder gemaakt had was ik alleen wat sneller.
Ja, dat is zo, maar als jij er net geweest was, had ik gewoon op Jeroen gewacht en was ik ook heel blij geweest met ZIJN oplossing.


Mooi om te zien dat het werkt!

Dat is zeker, af en toe twijfelt hij even of hij de ene of de andere knop actief zal houden, maar het gaat goed.

Dank je wel en Jeroen ook, dat je voor mij aan de slag wilde gaan.!!!!!
 
hanna zei:
af en toe twijfelt hij even of hij de ene of de andere knop actief zal houden, maar het gaat goed.
Dat komt door de onload, die start pas als de pagina helemaal geladen is, met veel plaatjes duurt dat iets langer. :)


Vr.Gr. Egel.
 
Als ik het javascript zo bekijk, dan ben ik nog niet ver genoeg gevorderd. :D
De css was logisch.

Greetz : Jer:cool:en.
 
Nou, Jeroen, dan hebben we er allebei wat van opgestoken...........................................;)
 
Da's zeker. :thumb:
Nog maar eens mijn dank aan Egel, die het allemaal zo simpel doet lijken. :p

Greetz : Jer:cool:en.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan