<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
function menu(id){
// haal het object op
var getObj = document.getElementById(id);
// kijk of de style.display gelijk is aan none of block
// als hij gelijk is aan none
if(getObj.style.display == 'none'){
// laat het submenu zien (roep de functie aan)
show(id);
}
// als hij gelijk is aan block
else if(getObj.style.display == 'block'){
// verberg het submenu (roep de functie aan)
hide(id);
}
}
// een functie om het submenu te laten zien
function show(id){
// haal het object op
var getObj = document.getElementById(id);
// laat het object zien
getObj.style.display = 'block';
}
// een functie om het submenu te verbergen
function hide(id){
// haal het object op
var getObj = document.getElementById(id);
// verberg het object
getObj.style.display = 'none';
}
</SCRIPT>
let niet op de escape slashes e.d., want ik heb het helaas niet gescript, ik moet het alleen aanpassen.
Het probleem is alleen dat de subopties al weergegeven zijn wanneer de pagina geladen wordt en deze zijn ook niet in en uit te klappen door er op te klikken.
dit is dus voor een klant.
En bij mij werkt het localhost niet, niet als ik het upload (ok zou niet uit moeten maken, maar toch).
En als ik het aan de klant doorstuur werkt het bij hem ook niet.
Ik heb dit script op phphulp gehad van YPM, en bij hem werkte het wel.
Ik heb vanalles geprobeerd, maar krijg het gewoon niet werkend, zal wel een of ander stom foutje zijn. Maar ik ben totaal niet thuis in Javascript.
Iemand die de fout ziet, of eventueel zelfs een ander scriptje wil schrijven dat zeker weten wel zal werken.
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
// een functie om te kijken of het menu uitgeklapt is of niet
function menu(id){
// haal het object op
var getObj = document.getElementById(id);
// kijk of de style.display gelijk is aan none of block
// als hij gelijk is aan none
if(getObj.style.visibility == 'visible'){
// laat het submenu zien (roep de functie aan)
show(id);
}
// als hij gelijk is aan block
else if(getObj.style.visibility == 'hidden'){
// verberg het submenu (roep de functie aan)
hide(id);
}
}
// een functie om het submenu te laten zien
function show(id){
// haal het object op
var getObj = document.getElementById(id);
// laat het object zien
getObj.style.visibility = 'visible';
}
// een functie om het submenu te verbergen
function hide(id){
// haal het object op
var getObj = document.getElementById(id);
// verberg het object
getObj.style.visibility = 'hidden';
}
</SCRIPT>
Maar dan doet hij nog niets... Volgens mij komt dat omdat je probeert een paar cellen van de tabel uit te schakelen terwijl dat niet mag. Misschien deed hij het wel in het stukje code dat je eerst gaf omdat er toen nog niets om die div heen stond.
Edit:
@javascript
Dat ze namen als javascript toelaten, net alsof je 'javascript' zelf zou zijn.
@Stefan
Probeer eens me ul en li te werken, dat maakt je code een stuk overzichtelijker en dan had je waarschijnlijk dit probleem niet gehad.
Hij is nu ook een stuk overzichtelijker inderdaad, maar als ik dat bij alle scripts zou moeten gaan doen kan ik daar wel een dagje voor uit trekken gezien het aantal scripts.
Ik ben je zeer, zeer dankbaar!
Ik heb voor dit probleem echt uren lopen zoeken met google en maar proberen. Ik loop er nu al zo'n 3 weken mee te 'klooien'. Eindelijk is het nu gelukt!
Dat is inderdaad gelukt en hij is al in gebruik, heb alleen nog een klein schoonheidsfoutje, hoe krijg ik die ruitjes weg? met type="" kun je bepalen wat voor opsommingsteken er moet staan, maar hoe zorg je ervoor dat er simpelweg niets staat?
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
.
Actiefste leden van de maand
