topos

Если чекбокс включен то true при отключение false. Вот только снова же в FF, Chrome, Opera, сообщение выскакивает сразу после щелчка по чекбоксу, а в IE только после того как отметили(или сняли метку) чек бокс, и щелкнули куда угодно на странице Потестил, событие onchange в ИЕ возникает после потери фокуса с элемента. Но проблемы это не решает. Что можно сделать чтобы работало нормально? Помогите разобраться. заменил onchange на onclick заработало

Добрый день. Такая проблема, на странице регистрации есть чекбокс "Создать учетную запись?". При отключение убираются поля логин и пароль. Все бы хорошо но в ие (пробовал 7 и 8 ) Они убираются только после еще одного щелчка на странице. При том в других браузерах все нормально. http://smart.gitcom.ru/index.php?option=co...on&Itemid=5 Код чекбокса <div class="formLabel"> <input type="checkbox" id="register_account" name="register_account" value="1" class="inputbox" onchange="showFields( this.checked, new Array(\'username\', \'password\', \'password2\') );if( this.checked ) { document.adminForm.remember.value=\'yes\'; } else { document.adminForm.remember.value=\'yes\'; }" checked="checked" /> </div> <div class="formField"> <label for="register_account">'.$VM_LANG->_('VM_REGISTER_ACCOUNT').'</label> </div> Скрипт <script type="text/javascript"> //<![CDATA[ function showFields( show, fields ) { if( fields ) { for (i=0; i<fields.length;i++) { if( show ) { document.getElementById( fields[i] + \'_div\' ).style.display = \'\'; document.getElementById( fields[i] + \'_input\' ).style.display = \'\'; } else { document.getElementById( fields[i] + \'_div\' ).style.display = \'none\'; document.getElementById( fields[i] + \'_input\' ).style.display = \'none\'; } } } } try { showFields( document.getElementById( \'register_account\').checked, new Array(\'username\', \'password\', \'password2\') ); } catch(e){} //]]> </script>'; Страница http://smart.gitcom.ru/index.php?option=co...on&Itemid=5

Подскажите, есть форма <form action="http://www.lelo/index.php" method="post" name="adminForm" class="va-reg-form niceform"><div class="va-reg-div-top"></div> <div class="va-reg-div"><div class="field-div"><fieldset class="va-reg-field"> <legend class="sectiontableheader">Информация о клиенте</legend> <div id="email_div" class="formLabel "><label for="email_field">E-mail</label><strong>* </strong> </div> <div class="formField" id="email_input"> <input type="text" id="email_field" name="email" size="30" value="" class="inputbox" maxlength="100" /> <br /></div> <br style="clear:both;" /><div id="first_name_div" class="formLabel "><label for="first_name_field">Имя</label><strong>* </strong> </div> <div class="formField" id="first_name_input"> <input type="text" id="first_name_field" name="first_name" size="30" value="" class="inputbox" maxlength="32" /> <br /></div> <br style="clear:both;" /><div id="last_name_div" class="formLabel "><label for="last_name_field">Фамилия</label><strong>* </strong> </div> <div class="formField" id="last_name_input"> <input type="text" id="last_name_field" name="last_name" size="30" value="" class="inputbox" maxlength="32" /> <br /></div> <br style="clear:both;" /><div id="middle_name_div" class="formLabel "><label for="middle_name_field">Отчество</label><strong>* </strong> </div> <div class="formField" id="middle_name_input"> <input type="text" id="middle_name_field" name="middle_name" size="30" value="" class="inputbox" maxlength="32" /> ...тут еще поля <div class="va-reg-button"><input type="hidden" name="remember" value="yes" /> <input type="submit" value="Регистрация" class="button" onclick="return( submitregistration());" /> </div> <input type="hidden" name="Itemid" value="2" /> <input type="hidden" name="gid" value="0" /> <input type="hidden" name="id" value="0" /> <input type="hidden" name="user_id" value="0" /> <input type="hidden" name="option" value="com_virtuemart" /> <input type="hidden" name="fa0945cbe08fef56a6542a85f98d8e61" value="1" /> <input type="hidden" name="useractivation" value="0" /> <input type="hidden" name="func" value="shopperadd" /> <input type="hidden" name="page" value="checkout.index" /> </form> и есть скрипт который вызывается при нажатие на кнопку в форме <script language="javascript" type="text/javascript">//<![CDATA[ function submitregistration() { var form = document.adminForm; var r = new RegExp("[\<|\>|\"|'|\%|\;|\(|\)|\&|\+|\-]", "i"); var isvalid = true; var required_fields = new Array('email','first_name','last_name','middle_name','phone_1','address_1','city','zip','country','state','agreed'); for (var i=0; i < required_fields.length; i++) { formelement = eval( 'form.' + required_fields[i] ); if( !formelement ) { formelement = document.getElementById( required_fields[i]+'_field0' ); var loopIds = true; } if( !formelement ) { continue; } if (formelement.type == 'radio' || formelement.type == 'checkbox') { if( loopIds ) { var rOptions = new Array(); for(var j=0; j<30; j++ ) { rOptions[j] = document.getElementById( required_fields[i] + '_field' + j ); if( !rOptions[j] ) { break; } } } else { var rOptions = form[formelement.getAttribute('name')]; } var rChecked = 0; if(rOptions.length > 1) { for (var r=0; r < rOptions.length; r++) { if( !rOptions[r] ) { continue; } if (rOptions[r].checked) { rChecked=1; } } } else { if (formelement.checked) { rChecked=1; } } if(rChecked==0) { document.getElementById(required_fields[i]+'_div').className += ' missing'; isvalid = false; } else if (document.getElementById(required_fields[i]+'_div').className == 'formLabel missing') { document.getElementById(required_fields[i]+'_div').className = 'formLabel'; } } else if( formelement.options ) { if(formelement.selectedIndex.value == '') { document.getElementById(required_fields[i]+'_div').className += ' missing'; isvalid = false; } else if (document.getElementById(required_fields[i]+'_div').className == 'formLabel missing') { document.getElementById(required_fields[i]+'_div').className = 'formLabel'; } } else { if (formelement.value == '') { document.getElementById(required_fields[i]+'_div').className += ' missing'; isvalid = false; } else if (document.getElementById(required_fields[i]+'_div').className == 'formLabel missing') { document.getElementById(required_fields[i]+'_div').className = 'formLabel'; } } } if( !(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(form.email.value))) { alert( 'Пожалуйста, введите правильный e-mail.'); return false; } if (!form.agreed.checked) { alert( "Пожалуйста, ознакомьтесь сначала с нашими условиями обслуживания." ); return false; } if( !isvalid) { alert("Пожалуйста, проверьте, что форма заполнена полностью и правильно." ); } return isvalid; } //]]> </script> Скипт как я понимаю проверяет правильность заполнения формы, и если форма заполнена отправляет все дальше. Так вот нужно сделать чтобы 1) кнопки не было 2) при правильном заполнении всех полей формы, данные передавались автоматически, тоесть проверка полей на лету, как только isvalid=true то данные из формы передавались далее. 3) после передачи данных, на страницу подгружался html код . Очень прошу помочь. С валидацию на лету вроде можно с помощью ajax vanadium.js сделать. Но вот как это все совместить незнаю.

Тогда как по другому с помощью html+css это можно сделать?

Чем?

Сделал Посидел подумал и сделал. <div class="cat_show_id" > <a class="category" title="" href=""> <div class="act-cat2"></div> <img src="" /> <div> имя категории</div> </a> </div> #a.category { position:relative; z-index:7 } #a.category:hover, #a.category:focus, #a.category:active { color: #FFFFFF; outline: none; text-decoration: none; } #a.category:hover div, #a.category:focus div, #a.category:active div{ background: #9c95df;} # a.category .act-cat2{ position:absolute; width: 153px; height:139px; z-index:6; } #a.category:hover .act-cat2, #a.category:focus .act-cat2, #a.category:active .act-cat2{ background: url(../images/active-cat.png) bottom right no-repeat; } #a.category img{ position: relative; z-index: 5;}

Это уже есть .cat-hd a:hover,.cat-hd a:active,.cat-hd a:focus { color: #FFFFFF; background: #9c95df; text-decoration: none; padding: 3px;} Сделать по отдельности с помощью css и :active нетрудно. А можно ли без java сделать чтоб при наведении на картинку выделялся и текст тоже и наоборот(при наведении на текст чтото происходило с картинкой)? Блок можно переделать. Если глянуть сюда http://www.bellefille.ru/ там на главной как раз такие блоки, если поводить мышкой над ними то текст и картинка меняются отдельно друг от друга, а нужно чтоб они были связаны. И еще трюк с div-ом с абсолютным позиционированием в котором в фоне нужная картинка в ие не работает

Есть div .ja-front_page_menu_tab{ float:left; margin-right:13px; margin-bottom: 20px; position:relative;} .active-cat{ height:139px; position:absolute; top:0; width:155px; z-index:99999;} .active-cat a{ height:139px; display:block; width:155px; } .active-cat:hover, .active-cat:active, .active-cat:focus{ background: url(../images/active-cat.png) bottom right no-repeat;} .cat-hd a:hover,.cat-hd a:active,.cat-hd a:focus { color: #FFFFFF; background: #9c95df; text-decoration: none; padding: 3px;} .cat-hd{ text-align: center; font-size:10px; letter-spacing:0.8px; margin-top: 5px; } Что делает сейчас: 1) При наведение на текст, текст меняет стиль 2) При наведении на картинку сверху становиться видимым div с полупрозрачным фоном. 3) Все ссылки одинаковые, т.е. при щелчке по картинке(а в данном случае div-у с абсолютным позиционированием) и щелчке по ссылке с текстом, попадаем в одно и тоже место. Что нужно: 1) Сделать чтобы при наведении на тест\картинку менялся стиль текста и на картинку сверху накладывалась еще одна с рисунком 2) Ну и при щелчке на картинке\тексте попадали в раздел куда нужно. Таких блоков много. Как такое организовать? Можно ли обойтись без java?

в стилях было прописано *+html #ja-wrapper { width: 950px;} Обнаружил когда дебаг-баром начал просматривать.

Все нашел ошибку, спасибо всем.

Обнаружил что #ja-wrapper почему то в ie7не 982px как указано а 950px. Почему так получилось и как это исправить?

А что делать с главным меню? почему оно справа обрезается?

http://www.bellefille.ru/index.php В ie7 некорректно отображается. Помогите найти ошибку.