Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   style.display = "none" (https://javascript.ru/forum/dom-window/43325-style-display-%3D-none.html)

bromel1 01.12.2013 22:44

style.display = "none"
 
Доброго времени суток, работаю над проектом, срочно потребовалась форма с java, а с java не знаком(php forever), помогите.
На странице есть форма с 4-мя радио кнопками, у каждой кнопки есть своё значение(0,1,2,3), так же присутствуют 3 инпута типа текст, два из них всегда видны, а у 3-его display = "none". Суть:
если в радио выбран четвертый(значение = 3), у 3-его инпута display none убирается и он становится виден
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" >$(document).ready(function() {
    $("#type").change(function() {
        var typeOfSite = $("#type :checked").val(),
            formOftype = $("#config_site");
            document.write(typeOfSite);
    switch (typeOfSite)
    {
        case 0:
            document.getElementById('nxt-2').style.display="none";            formOftype.live("change",function() {
                

            });
            break;
        case 1:
            document.getElementById('nxt-2').style.display="none";            formOftype.live("change",function() {
                

            });
            break;
        case 2:
            document.getElementById('nxt-2').style.display="none";            formOftype.live("change",function() {
                

            });
            break;
        case 3:
            document.getElementById('nxt-2').style.display="block";            formOftype.live("change",function() {
                

            });

            break;
                

            });
    });    
});    </script>


          <div class="title-s"> выберите тип кухни </div>

            <div id="top-z">

                <div id="var">
                <form id = "type">
                  <div class="var-left"><div class="var-ins"><img src="type1" height="87px" width="127px"/></div> Г-образный левый</br><input type="radio" name="formcheckbox" value="0">  </div>

                    <div class="var-right"><div class="var-ins"><img src="type2" height="87px" width="127px"/></div> Г-образный правый</br><input type="radio" name="formcheckbox" value="1"></div>

                    <div class="var-left"><div class="var-ins"><img src="type3" height="87px" width="127px"/></div> прямой</br> <input type="radio" name="formcheckbox" value="2"> </div>

                    <div class="var-right"><div class="var-ins"><img src="type4" height="87px" width="127px"/></div> П-образный </br> <input type="radio" name="formcheckbox" value="3"></div>
                 </form>
                </div>

                <div id="config_site"><!-- config_site -->
<div class="s-var">

<div id="fd-st">

<div class="form-c">

<div class="form-title">Длинна A </div>

<div class="form-ins"><input type=text name="style1" id="count" value="" style="width:102px;height:19px" maxsize=""></div>

</div>

<div class="form-c" ">

<div class="form-title"> Длинна B </div>

<div class="form-ins"><input type=text name="style2" id="countk" value="" style="width:102px;height:19px" maxsize=""></div>

</div>

<div class="form-c" id="nxt-2" style="display: none">

<div class="form-title" id="fi" > Длинна C </div>

<div class="form-ins" id="fiok" ><input type=text name="style2" id="countk" value="" style="width:102px;height:19px" maxsize=""></div>

</div>

</div>

<div id="s-var-ins"><img src="2.jpg" height="234px" width="338px"/></div>

</div>
                      

                </div><!-- config_site/ -->

lord2kim 01.12.2013 22:58

bromel1,
<script language="JavaScript">
window.onload = function () {
	document.getElementById("type").onclick = function (e) {
		if (document.getElementsByName("formcheckbox")[3].checked) {
			document.getElementById("nxt-2").style.display = "block";
		} else {
			document.getElementById("nxt-2").style.display = "none";
		}
	}
}
</script>

danik.js 01.12.2013 23:28

Цитата:

Сообщение от bromel1
срочно потребовалась форма с java

Очень в этом сомневаюсь. Все-таки наверно с javascript?

lord2kim, а что делает атрибут language?
У тебя в двух ветках (if/else) код дублируется на 91%, у небя не возник зуд кое-где при написании этого кода?

Хотя это еще ничего по сравнению с кодом топик стартера.

danik.js 01.12.2013 23:31

bromel1, а что делает атрибут maxsize? Первый раз такой вижу.
Цитата:

Сообщение от bromel1
Длинна A

И насколько она (A) длинна?

lord2kim 01.12.2013 23:34

danik.js, просто вырвал кусочек из древнего кода...в 23.00 вскр уже мо3г отключается)
с атрибутом привычка, т.к. в последнее время часто пишу на JScript типа HTML Application...там без этого атрибута интерпретируется как VBS...

danik.js 01.12.2013 23:43

Цитата:

Сообщение от lord2kim
там без этого атрибута интерпретируется как VBS...

То есть атрибут type="text/javascript" там игнорируется?
В любом случае не нужно тут во всех темах постить с этим атрибутом. Люди не так поймут :)

Кто не знает: атрибут language устарел и игнорируется если есть атрибут type. Более того, атрибут type писать не обязательно, так как все браузеры и так знают что это javascript. (тут надо сделать оговорочку, что в случае с внешними скриптами, если по какой-то причине сервер выдает неверный заголовок Content-Type, то браузер проигнорирует скрипт без атрибута type. Типичный пример: скрипты с raw.github.com отдаются как text/plain)

lord2kim 01.12.2013 23:51

danik.js, оба работают...просто издавна привык писать language...хотя и надо привыкать к type

bromel1 01.12.2013 23:53

спасибо


Часовой пояс GMT +3, время: 08:28.