Javascript: <select> invisible maken - Softwareontwikkeling

maandag 1 oktober 2001 16:47

Acties:

Verwijderd

Topicstarter

Ik ben nu al een paar uur bezig met het uitvinden van hoe ik een <select> box invisible kan maken. Ik zorg er voor dat het hele formulier invisible wordt zodra er op een radio button wordt geklikt, dat doe ik hiermee:
document.all[id].style.zIndex = c--;
document.all[id].style.visibility = "hidden";

Maar door de bovenstaande code wordt op de een of andere manier de <select> box niet invisible, nu probeerde ik dat met dit te doen:
document.form_add.cat_name.visibility = "hidden";

Maar dat lukte ook niet.. Weet iemand hoe het wel moet ?

maandag 1 oktober 2001 16:51

Acties:

ACM

Software Architect

Werkt hier

Voor de move reden van /14 naar /13 zie ook:
[topic=185180/1/50]

maandag 1 oktober 2001 16:54

Acties:

Verwijderd

Topicstarter

Ja sorry, ik zag pas je post toen ik het bericht al had geplaatst, ik zal het in vervolg niet meer doen.

maandag 1 oktober 2001 16:56

Acties:

Explore

Op zoek naar werk

Als je dat formulier in een layer zet (div) dan kan je gewoon die layer hidden maken. De selectiebox wordt dan ook hidden.

Dat werkt zeker, maar mocht je toch verder willen klooien dan kan je aan de gang met de display-style. Die kan je op bv. inline zetten voor zichtbaar en none voor hidden. Dus geef dat select beestje een id, waarmee je 'm kan aanspreken en doe dan iets als:

code:

1	document.all.sId.style.display = 'none';

Werkt vanzelfsprekend alleen in IE.

[ specs ] [ Tweaker gallery ]

maandag 1 oktober 2001 17:43

Acties:

Verwijderd

Topicstarter

Ik heb geprobeerd wat je zei maar het werkt nog niet

Het lijkt er wel op dat <select> boxen niet invisible gemaakt kunnen worden. Kan je eens http://www.mindcoders.com/cat/catalogus.prod bekijken en de code daarvan een bekijken ? Het is dus de bedoeling dat als je bijv. eerst op de radio button 'add product' klikt en daarna op 'edit product' dat de select boxen invisible worden van het formulier 'add product'.

maandag 1 oktober 2001 21:29

Acties:

Pelle

🚴‍♂️

Op maandag 01 oktober 2001 16:56 schreef Explore het volgende:
code:
1
document.all.sId.style.display = 'none';

Wat dacht je van:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Zo moeilijk is het toch niet?</title>
    <style type="text/css">
    <!--
        #selectBende {
            visibility: visible;
            position:   absolute;
            left:    20px;
            top:      20px;
            z-index:    1;
        }
        #linkje {
            visibility: visible;
            position:   absolute;
            left:    100px;
            top:      100px;
            z-index:    2; 
        }
    -->
    </style>
    <script languag="javascript" type="text/javascript">
    <!--
        NS4 = (document.layers)          ? true : false;
        IE4 = (document.all)              ? true : false;
        NS6 = (!IE4 && document.getElementById) ? true : false;
        
        function whatLayerStyle(id) {
            return (
                NS4 ? document.layers[id] :
                IE4 ? document.all[id].style :
                NS6 ? document.getElementByID(id).style : 
                null
            );
        }
        
        function hideLayer(id) {
            theLayer = whatLayerStyle(id);
            theLayer.visibility = "hidden";
        }

        function showLayer(id) {
            theLayer = whatLayerStyle(id);
            theLayer.visibility = "visible";
        }
    //-->
    </script>
</head>

<body>


<div id="selectBende">
<form>
    <select>
        <option>Melp
        <option>Sjaak
        <option>Huuuuuuu
    </select>
</form>
blab    
</div>

<div id="linkje">
    <a href="#" onMouseOver="hideLayer('selectBende');" onMouseOut="showLayer('selectBende');">ga hier eens overheen met je muis</a>
</div>

</body>
</html>

In plaats van display: none dus visibility: hidden. Heb 'm meteen even browser-compatible uitgevoerd

maandag 1 oktober 2001 21:53

Acties:

Yo-L

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Zo moeilijk is het toch niet?</title>
    <style type="text/css">
    <!--
        #selectBende {
            visibility: visible;
            position:   absolute;
            left:    20px;
            top:      20px;
            z-index:    1;
        }
        #linkje {
            visibility: visible;
            position:   absolute;
            left:    100px;
            top:      100px;
            z-index:    2; 
        }
    -->
    </style>
    <script language="javascript" type="text/javascript">
    <!--
        NS4 = (document.layers)          ? true : false;
        IE4 = (document.all)              ? true : false;
        NS6 = (!IE4 && document.getElementById) ? true : false;
        
        function whatLayerStyle(id) {
            return (
                NS4 ? document.layers[id] :
                IE4 ? document.all[id].style :
                NS6 ? document.getElementByID(id).style : 
                null
            );
        }
        
        function hideLayer(id) {
            theLayer = whatLayerStyle(id);
            theLayer.visibility = "hidden";
        }

        function showLayer(id) {
            theLayer = whatLayerStyle(id);
            theLayer.visibility = "visible";
        }
    //-->
    </script>
</head>

<body>


<div id="selectBende">
<form>
    <select>
        <option>Melp
        <option>Sjaak
        <option>Huuuuuuu
    </select>
</form>
blab    
</div>

<div id="linkje">
    <a href="#" onMouseOver="hideLayer('selectBende');" onMouseOut="showLayer('selectBende');">ga hier eens overheen met je muis</a>
</div>

</body>
</html>

ff 'n typefoutje weggehaald

en nee, ik zeg niet welke

dinsdag 2 oktober 2001 00:44

Acties:

Pelle

🚴‍♂️

Op maandag 01 oktober 2001 21:53 schreef Yo-L het volgende:
ff 'n typefoutje weggehaald
en nee, ik zeg niet welke

* Pelle zegt:ID != Id

Raar vind ik dat soms, die case-sensibility in JavaScript-statements.

dinsdag 2 oktober 2001 10:17

Acties:

Verwijderd

Topicstarter

Bedankt voor jullie reacties ! Ik zal het vanmiddag na school uitproberen.