Вопросы Теги

условный дисплей форм элемента HTML

Ну, после одного введения часа в JavaScript я придумал следующий код. Это сделало то, что я хотел хорошо, но затем я хотел что-то еще и это работа привычки.

Я хотел это при нажатии на кнопку, определенное поле скроется и при нажатии на другого да, другой скрылся бы также, НО, конечно, это должно было сделать другое шоу, иначе мы не закончим ни с чем, и цель состояла в том, чтобы представить различные поля в зависимости от того, что пользователь нажал (на переключатель) Так ребяческим способом, которым я сделал свой код, и это работало. Но затем это прибыло ко мне, что я хотел сначала иметь boths поля, скрытые вместо обоих полей, показанных, и здесь являюсь проблемой. Я добавил 0 значений к параметру функционального "сообщения его" что когда x = 0, затем видимость = скрытый. Но это привычка слушает меня!, Так, часть кода, когда это говорит, что x = 1 и 2 работы, один приблизительно 0, не делает.

Именно такой простой код может заставить кого-то улыбнуться, но heck, это было чисто, и он работал. Кто-либо знает, как скрыть поля прежде, чем нажать на кнопки?

Большое спасибо я удаляю некоторые теги HTML

<html>
    <head>
        <script language="javascript">
            var x = 0;

            function hola(x) {
                if(x == 0) {
                    document.getElementById("cont1").style.visibility="hidden";
                    document.getElementById("cont2").style.visibility="hidden";
                }

                if(x == 1) {
                    document.getElementById("cont1").style.visibility="visible";
                    document.getElementById("cont2").style.visibility="hidden"; 
                }

                if(x == 2)  {
                    document.getElementById("cont1").style.visibility="hidden";
                    document.getElementById("cont2").style.visibility="visible"; 
                }
            }
        </script>
    </head>

    <body>
        <input type="button" onclick="hola(1)" value="hidefield2" id="boton1">
        <div id="cont1">
            <input type="text">
        </div>

        <input type="button" onclick="hola(2)" value="hidefield1" id="boton2">

        <div id="cont2">
            <input type="text">
        </div>
    </body>
<html>
9
задан Gabriel McAdams 18 October 2010 в 06:05
поделиться