aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

highlight en visibility

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

highlight en visibility

Berichtdoor libia » 16 maart 2007 17:12

heey iedereen..

ik wil dus iets maken, dat als je op een link drukt, die link gehighlight wordt en dat er dan een menutje zichtbaar wordt, dit werkt alleen niet helemaal..
dit is mijn script tot nu toe (er gebeurd niks..)
Code: Selecteer alles
<html>
<head>
<title>zichtbaar/onzichtbaar</title>
<script type="text/JavaScript" language="JavaScript">
var selected = false;
function zichtbaar(itemid, menuid)
{
        var menu = document.getElementById(menuid);
        var item = document.getElementById(itemid);
        if(menu.style.visibility == "hidden")
        {
                menu.style.visibility = "visible";
                if(selected == false)
                {
                        item.style.background = "blue";
                }
                else if(selected != itemid)
                {
                        document.getElementById(selected).style.background = "white";
                        item.style.background = "blue";
                }
        }
        else
        {
                menu.style.visibility = "hidden";
                item.style.background-color = "white";
        }
        selected = itemid;
}
</script>
</head>
<body>
<div onclick="zichtbaar('knop1', 'knopjes')" id="knop1" style="cursor:pointer">item!!</div><br />
<div onclick="zichtbaar('knop2', 'knopjes')" id="knop2" style="cursor:pointer">nog eentje..</div>
<hr />
<div id="knopjes" style="visibility: hidden;">knopjes</div>
</body>
</html>


[edit]ik ben btw niet zo goed in javascript Razz[/edit]
Avatar gebruiker
libia
wmpr
 
Berichten: 4149
Geregistreerd: 23 okt 2005 14:14
Woonplaats: Alphe!!

Re: highlight en visibility

Berichtdoor frizzy » 16 maart 2007 17:16

wmcity vragen?
frizzy
wmpr
 
Berichten: 4261
Geregistreerd: 20 sep 2006 16:03
Woonplaats: Boskoop :D

Re: highlight en visibility

Berichtdoor libia » 16 maart 2007 17:17

van mij mag je Razz
Avatar gebruiker
libia
wmpr
 
Berichten: 4149
Geregistreerd: 23 okt 2005 14:14
Woonplaats: Alphe!!

Re: highlight en visibility

Berichtdoor frizzy » 16 maart 2007 17:18

libia schreef:van mij mag je Razz

Dan schelden ze me uit voor noobie Twisted Evil
frizzy
wmpr
 
Berichten: 4261
Geregistreerd: 20 sep 2006 16:03
Woonplaats: Boskoop :D

Re: highlight en visibility

Berichtdoor Derk » 16 maart 2007 17:18

áls er mensen goed zijn met javascript dan zijn deze mensen dat wel:
http://users.skynet.be/javascript/
Afbeelding
Avatar gebruiker
Derk
Beheerder
Beheerder
 
Berichten: 12634
Geregistreerd: 27 nov 2003 19:50
Woonplaats: Houten

Re: highlight en visibility

Berichtdoor libia » 16 maart 2007 19:39

ok Smile
ik heb daar een bericht gepost (tijdje geleden al)
maar ik ben nog niet geholpen.. maar wel al wat verder gekomen Razz
ik heb nu
Code: Selecteer alles
<html>
<head>
<title>zichtbaar/onzichtbaar</title>
<script type="text/JavaScript" language="JavaScript">
var selected = false;
function zichtbaar(itemid, menuid)
{
        var menu = document.getElementById(menuid);
        var item = document.getElementById(itemid);
        if(menu.style.visibility == "hidden")
        {
                menu.style.visibility = "visible";
        }
        else
        {
                if(selected == itemid)
                {
                        menu.style.visibility = "hidden";
                }
        }

        if(selected == false)
        {
                item.style.background = "blue";
        }
        else if(selected != itemid)
        {
                document.getElementById(selected).style.background = "white";
                item.style.background = "blue";
        }

        if(selected == itemid)
        {
                selected = false;
        }
        else
        {
                selected = itemid;
        }
}
</script>
</head>
<body>
<div onclick="zichtbaar('knop1', 'knopjes')" id="knop1" style="cursor:pointer">item!!</div><br />
<div onclick="zichtbaar('knop2', 'knopjes')" id="knop2" style="cursor:pointer">nog eentje..</div>
<hr />
<div id="knopjes" style="visibility: hidden;">knopjes</div>
</body>
</html>

en het werkt wel.. alleen wordt het niet meer wit Question

[edit]laat maar Razz hij doet het opeens wel Razz[/edit]
edit2: nee.. toch niet helemaal.. als ik op de geselecteerde druk, blijft hij blauw. en als ik dan op de ander druk.. zijn ze allebij blauw??
Avatar gebruiker
libia
wmpr
 
Berichten: 4149
Geregistreerd: 23 okt 2005 14:14
Woonplaats: Alphe!!

Re: highlight en visibility

Berichtdoor libia » 16 maart 2007 19:51

ff dubbelpost Razz

het werkt nu!
hier het script:
Code: Selecteer alles
<html>
<head>
<title>zichtbaar/onzichtbaar</title>
<script type="text/JavaScript" language="JavaScript">
var selected = false;
function zichtbaar(itemid, menuid)
{
        var menu = document.getElementById(menuid);
        var item = document.getElementById(itemid);
        if(menu.style.visibility == "hidden")
        {
                menu.style.visibility = "visible";
        }
        else
        {
                if(selected == itemid)
                {
                        menu.style.visibility = "hidden";
                }
        }

        if(selected == false)
        {
                item.style.background = "blue";
        }
        else if(selected != itemid)
        {
                document.getElementById(selected).style.background = "white";
                item.style.background = "blue";
        }
        else if(selected == itemid)
        {
                item.style.background = "white";
        }

        if(selected == itemid)
        {
                selected = false;
        }
        else
        {
                selected = itemid;
        }
}
</script>
</head>
<body>
<div onclick="zichtbaar('knop1', 'knopjes')" id="knop1" style="cursor:pointer">item!!</div><br />
<div onclick="zichtbaar('knop2', 'knopjes')" id="knop2" style="cursor:pointer">nog eentje..</div>
<hr />
<div id="knopjes" style="visibility: hidden;">knopjes</div>
</body>
</html>
Avatar gebruiker
libia
wmpr
 
Berichten: 4149
Geregistreerd: 23 okt 2005 14:14
Woonplaats: Alphe!!


Keer terug naar HTML, CSS, Javascript



cron