Jump to content

markilfin

Newbie
  • Posts

    4
  • Joined

  • Last visited

markilfin's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Да, для десктопа. По большому счету, меня еще ни разу не просили о поддержки каких-то конкретных версиях тех или иных браузеров. Просто хочу максимально оптимизировать конечный продукт( без фанатизма конечно ).
  2. В каких версиях браузеров вы тестируете свои сайты. Меня интересуют именно версии, то есть не сами названия браузеров. Например, Firefox 15.0 и Firefox 10.0 На данный момент я тестирую свои работы только в самых последних версиях популярных браузеров( Chrome, FF, Opera, Safari + IE 9,8,7 ). Хотелось бы узнать в каких более старых версия этих браузеров следует также тестировать сайт.
  3. Здравствуйте! Помогите разобраться с проблемой пожалуйста. Сделал форму для своего сайта. Для проверки вводимых данных использую JQuery плагин JQuery Validate http://bassistance.de/jquery-plugins/jquer...gin-validation/ После удачно введённых данных вывожу окно с сообщением. Проблема в том, что после нажатия "отправить" всплывающе оконо появляется, но данные в PHP скрипт не передаются. Форма: <form id="ContactForm" method="post" action="form.php"> <p> <label for="first_name">Nom et prénom</label><br> <input id="first_name" name="fname" class="required"><br> <p> <p> <label for="lname">Dénomination de l'entreprise</label><br> <input id="lname" name="lname" class="required"><br> <p> <p> <label for="phone">Téléphone</label><br> <input id="phone" name="phone" class="required"><br> <p> <p> <label for="ccomment">Bref exposé de votre demande</label><br> <textarea id="ccomment" name="comment" rows="10" cols="15" class="required"></textarea><br> </p> <p> <input class="submit" type="image" src="images/button.png" value="Submit"> </p> </form> Код проверки данных и всплывающее окно: <script type="text/javascript"> $.validator.setDefaults({ submitHandler: function showBox() { var width = document.documentElement.clientWidth + document.documentElement.scrollLeft; var layer = document.createElement('div'); layer.style.zIndex = 2; layer.id = 'layer'; layer.style.position = 'absolute'; layer.style.top = '0px'; layer.style.left = '0px'; layer.style.height = document.documentElement.scrollHeight + 'px'; layer.style.width = width + 'px'; layer.style.backgroundColor = 'black'; layer.style.opacity = '.6'; layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=60)"); document.body.appendChild(layer); var div = document.createElement('div'); div.style.zIndex = 3; div.id = 'box'; div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed'; div.style.top = '300px'; div.style.left = (width / 2) - (400) + 'px'; div.style.height = '30px'; div.style.width = '650px'; div.style.backgroundColor = 'white'; div.style.border = '5px solid #03a5d1'; div.style.padding = '20px'; document.body.appendChild(div); var p = document.createElement('p'); p.innerHTML = 'Votre message a bien été transmis. Un avocat vous recontactera dans les plus brefs délais.'; div.appendChild(p); var a = document.createElement('a'); a.innerHTML = 'X'; a.href = 'java script:void(0)'; a.onclick = function() { document.body.removeChild(document.getElementById('layer')); document.body.removeChild(document.getElementById('box')); }; div.appendChild(a); } }); $().ready(function() { $("#ContactForm").validate(); }); </script> Код всплывающего окна подсмотрел на забугорном форуме, единственное что заменил обычное алерт сообщение, используемое автором, на более приятное глазу окно.
  4. Может кто знает почему не работает box-shadow для select в webkit (safari, chrome) браузерах? Да и не только box-shadow, select вообще отказывается работать с новыми свойствами CSS3. Хотя в Opera'е и FF всё работает отлично.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy