Archief - JS: Directory-tree style menu

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
F

Forceflow

Legacy Member
Check www.forceflow.be

Bij portfolio heb ik een systeem met zo van die [+]-kes voor die ge kunt openklikken. Alleen is het probleem dat in firefox die pluskes niet verschijnen als links. Het werkt wel, maar de gebruiker ziet geen klik 'handje', wat wel eens tot verwarring zou kunnen leiden.

Ik gebruik deze code:

Code: 
function showBranch(branch){
   var objBranch = document.getElementById(branch); 
   var sClosed = "<strong>[+]</strong> " + branch;
   var sOpen = "<strong>[-]</strong> " + branch; 
   var objTwig = document.getElementById(branch + "-link"); 
   if(objBranch.style.display=="block") 
       { 
       objBranch.style.display="none"; 
       objTwig.innerHTML = sClosed; 
       } 
   else 
       { 
       objBranch.style.display="block"; 
       objTwig.innerHTML = sOpen; 
       } 
}

Iemand een idee hoe ik dit kan fixen ?
R

Radiance

Legacy Member
HTML: 
        <span class="linky" onclick="showBranch('Music')" id="Music-link"><strong>[+]</strong>
      Music</span><br>

Maak daar een link van he.
F

Forceflow

Legacy Member
Radiance zei:
HTML: 
        <span class="linky" onclick="showBranch('Music')" id="Music-link"><strong>[+]</strong>
      Music</span><br>

Maak daar een link van he.
Klik om te vergroten...

Ne link naar waar, Radiance ... da pluske wordt meerdere keren gebruikt eej ...

En ik definieer in mijn CSS al:

Code: 
-->
.linky {
        cursor: hand;
	font-family: Verdana;
	font-size: 10;
	color: #000000;
	margin-bottom: 20px;
}
F

Forceflow

Legacy Member
Oké, heb het gefixt

In mijn css moest die "hand" op een of andere (onbegrijpelijke manier) "pointer" worden.

Code: 
-->
.linky {
        cursor: pointer;
	font-family: Verdana;
	font-size: 10;
	color: #000000;
	margin-bottom: 20px;
}
G

Gerritn

Legacy Member
Zo onbegrijpelijk is het niet, hand wordt gewoon niet aanvaard door FF, pointer wordt bij mijn weten wel door alle browsers aanvaard.
F

Forceflow

Legacy Member
Mja, ik vond "hand" gewoon een veel duidelijkere beschrijving dan "pointer". :-)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan