uitklapmenu - Softwareontwikkeling

zaterdag 31 juli 1999 13:25

Acties:

_eLMo_

Ik chargeer graag

Topicstarter

hoe maak je zo'n uitklapmenu zoals op tweakers.net?

Motorrijder - EV - PV - L/L WP - Star Citizen

zaterdag 31 juli 1999 14:38

Acties:

Arjen

Met DHTML, das een combinatie van HTML, Cascading Style Sheet (CSS) en Javascript. Er is een hele goeie handleiding van Dan Steinman. Kijk daar maar eens. http://www.dansteinman.com/dynduo

zaterdag 31 juli 1999 20:38

Acties:

Terror

Ik heb dezelfde vraag ook al een keer gepost, ik heb dezelfde link gekregen, maar vond het veels te moeilijk. dus Suc6

effe off topic: Arjan wat zou je gedaan hebben als ik om een backup van AoK beta gevraagd had om dat mijn beta kwijt is,

. want ik ben hem echt kwijt hoor. kan hem helemaal niet vinden thuis.

Dell XPS M1530 (Red) | T8300 | 4 GB | 750 GB 7200 rpm | 8600m GT | Wifi N | 1440x900 LG | 9 Cells | Windows 8.1 Pro x64

zondag 1 augustus 1999 10:39

Acties:

Roy

Hobbies?

mocht je het te moeilijk vinden kun je ook het proggie "1 cool button tool" gebruiken, deze kun je wel ergens downen bij www.download.com ofzo. Hij is wel shareware maar daar weten de meesten hier wel raad mee

Inderdaad...

maandag 2 augustus 1999 02:50

Acties:

RubZie

Neenee, we praten nooit over illegale zooi hier. Het is allemaal wit illegaal hier...

En Roy: inderdaad, ik betaal altijd alle registraties van mijn shareware. Daar weet ik dus wel raad mee...

(is dit nu meineed, of valsheid in geschrifte?)

Usarchy: nieuws over usability en online marketing

maandag 2 augustus 1999 16:36

Acties:

_eLMo_

Ik chargeer graag

Topicstarter

mwah.....
neuh ik kom er wel uit,dat progje maakt applets?
kun je beter ims neerhalen van 2koeien
maar toch bedankt

Motorrijder - EV - PV - L/L WP - Star Citizen

dinsdag 3 augustus 1999 23:59

Acties:

Femme

Hardwareconnaisseur

Official Jony Ive fan

Ik gebruik voor Tweakers.net gewoon het super simpele show/hide scriptje (in 2.3s gecopy/paste) om layers te showen/hiden. Ik had hele geile menuutjes met mouseovers kunnen bouwen, maar daar krijg je alleen maar onnodig vertragende code van. Nu issie lekker snel en compact.

woensdag 4 augustus 1999 09:09

Acties:

Verwijderd

Hoe werkt dat dan zo'n show/hide script en waar kan ik dat vinden???

woensdag 4 augustus 1999 22:34

Acties:

Femme

Hardwareconnaisseur

Official Jony Ive fan

Pleur dit ergens in bij je javascripts:

function show(id) {
if (is.ns) document.layers[id].visibility = "show"
else if (is.ie) document.all[id].style.visibility = "visible"
}

function hide(id) {
if (is.ns) document.layers[id].visibility = "hide"
else if (is.ie) document.all[id].style.visibility = "hidden"
}

Vervolgens maak je een layer die bijv. 'menu' heet => show('menu') is laten zien en hide('menu') is wegtoveren.

dus bijv. vanuit een link triggeren => <a href="javascript:show('menu')"... of <a href="#" onmouseover="show('menu')"...

vrijdag 6 augustus 1999 16:50

Acties:

_eLMo_

Ik chargeer graag

Topicstarter

ik heb nu dit scriptje,maar telkens als ik de pagina open zijn de submenus al zichtbaar.hoe zorg ik dat ze niet zichtbaar zijn?
//
function hide(id,nest){
if(document.layers){
if(nest) document.layers[nest].document.layers[id].visibility="hidden"
else document.layers[id].visibility="hidden"
}else if(document.all) document.all[id].style.visibility="hidden"
}

function show(id,nest){
if(document.layers){
if(nest) document.layers[nest].document.layers[id].visibility="visible"
else document.layers[id].visibility="visible"
}else if(document.all) document.all[id].style.visibility="visible"
}
</script>

Motorrijder - EV - PV - L/L WP - Star Citizen

vrijdag 6 augustus 1999 17:03

Acties:

Femme

Hardwareconnaisseur

Official Jony Ive fan

in het regeltje waar je je layers definieerd zet je visibility:hidden;visibility:hide (2 keer omdat NS en IE het beide anders verstaan)

Bijv.:

#m0 {position:absolute;top:42;left:60;z-index:10;width:200;visibility:hide;visibility:hidden;}

vrijdag 6 augustus 1999 17:15

Acties:

_eLMo_

Ik chargeer graag

Topicstarter

kewl het werkt!tnx femme

is er ook nog een manier om te zorgen dat ze maar een bepaalde tijd zichtbaar blijven,tenzij je cursor er boven hangt?

Motorrijder - EV - PV - L/L WP - Star Citizen

vrijdag 6 augustus 1999 17:53

Acties:

Femme

Hardwareconnaisseur

Official Jony Ive fan

Dan maak je iets met een timeout

settimeout("hide('menuutje')",10000);

voor 10s

vrijdag 6 augustus 1999 20:33

Acties:

_eLMo_

Ik chargeer graag

Topicstarter

krijg ik niet aan de praat...
geef es wat meer info s.v.p.

Motorrijder - EV - PV - L/L WP - Star Citizen

vrijdag 6 augustus 1999 22:05

Acties:

Femme

Hardwareconnaisseur

Official Jony Ive fan

Je maakt bijv. een functie

hidemenu() {
setTimeout("hide('menuutje')",4000);
}

en dan in je body tag <body bgcolor=blabla onload="hidemenu()"

zoiets

zaterdag 19 augustus 2000 03:37

Acties:

Aphax

Nu had ik nog iets: hoe of waar maak je zo'n layer zelf dan?

Ik weet nu hoe iuk hem kan defineren (CSS)
en het javascript gedeelte (die functies)
maar nu nog de layers zelf :]

Als ik dat weet ben ik eruit :]

BVD

zaterdag 19 augustus 2000 10:23

Acties:

Verwijderd

Ik heb dit ook geprobeerd, maar IE geeft een foutmelding dat 'is' niet is gedefinieerd. Moet je ergens iets typen als "var is=browser.version" of zoiets.

Sorry als dit een domme opmerking is, ik ben geen Javascript-expert.

zaterdag 19 augustus 2000 10:29

Acties:

Counter-Strike

Maar ik speel het niet!

Klopt, je moet er nog een browsercheck erbij proppen:

(deze is van femme (hoop dat dit mag femme, maar aangezien jij zelf je iegen menutjes aanprijst zal dit ook wel mogen, zoniet, haal het dan maar weg))

code:

function BrowserCheck() {
        var b = navigator.appName
        if (b=="Netscape") this.b = "ns"
        else if (b=="Microsoft Internet Explorer") this.b = "ie"
        else this.b = "ie";
        this.v = parseInt(navigator.appVersion)
        this.ie = (this.b=="ns" && this.v>=5)
        this.ns = (this.b=="ns" && this.v==4)
        this.ns4 = (this.b=="ns" && this.v==4)
       this.ie = (this.b=="ie" && this.v>=4)
        this.ie4 = (navigator.userAgent.indexOf('MSIE 4')>0)
        this.ie5 = (navigator.userAgent.indexOf('MSIE 5')>0)
        if (this.ie5) this.v = 5
        this.min = (this.ns| |this.ie)
        
        if(!this.ns) {
            this.ie=true;
        }
        
}

is = new BrowserCheck()

Dit is het einde van deze mededeling. De mogelijkheid tot reageren is aanwezig!

zaterdag 19 augustus 2000 13:38

Acties:

Aphax

Jup dat van bie browser check had ik ook net ontdekt, ook van femme gejat, ik merk vanzelf wel of het geen probleem is ;]

zaterdag 19 augustus 2000 17:15

Acties:

mullah

Mr. Cool:
zie de link boven Afbeeldingslocatie: http://tweakers.net/g/forum/g/smilies/smile.gif

of hier http://www.dansteinman.com/dynduo

dit is een heel uitgebreide tutorial over javascript en dhtml.. en zoals terror al zei: "veels te moeilijk", helaas als je echt wilt weten hoe alles werkt.. is het ook moeilijk.

verdere referentie is te vinden bij http://developer.netscape.com , die lui hebben alle officiele javascript zooi gedocumenteerd

de laatste tip: ga eens bij Yahoo kijken naar javascript tutorials... die hebben daar een leuke categorie voor.

maandag 21 augustus 2000 19:33

Acties:

Verwijderd

Waarom werkt onderstaande functie niet in combinatie met bovenstaand show/hide-script?

Code:

code:

function change(id) {
if (ns4) {
    if (document.layers[id].visibility == "show") hide(id)
    else (if document.layers[id].visibility == "hide") show(id)
        }
else if (ie4) {
    if (document.all[id].style.visibility == "visible") hide(id)
    else if (document.all[id].style.visibility == "hidden") show(id)
        }

}

Ik kom er niet uit.

dinsdag 22 augustus 2000 19:34

Acties:

Verwijderd

anders effe gier kijke http://www.webreference.com/dhtml /
staat van alles over hier en uitklapmenu's
javascript en dhtml

maandag 24 maart 2003 11:45

Acties:

flexje

got-father

kan iemand dat scriptje van Femme nog een keer posten? ik zie nu allemaal wazige html taal door de posts heen waardoor het niet helemaal duidelijk is...
Of als iemand weet hoe je zo een menu van huidige navigation van tweakers maakt GRAAAG!! , ik vind het er erg mooi uit zien.

"Try not to become a man of success but rather to become a man of value..."

maandag 24 maart 2003 11:48

Acties:

Pelle

🚴‍♂️

Dit is wel een heeeeeel oud topic