//import 'mega_functions.js'; //http://blog.stevenlevithan.com/archives/faster-trim-javascript //функция удаляет пробелы по краям строки function trim(str) { //trim12 var str = str.replace(/^\s\s*/, ''), ws = /\s/, i = str.length; while (ws.test(str.charAt(--i))); return str.slice(0, i + 1); } //проверка корректности e-mail function checkEmail(email){ var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; if(reg.test(email) == false) { return false; } return true; } function checkForm(obj) { var mass_text = obj.getElementsByTagName('input'); var mass_textarea = obj.getElementsByTagName('textarea'); for(var i=0;i делаются [display=none], а возле них создается с background'ом и событием onclick, при котором у input'a меняется атрибут checked. Таким образом при [submit], не выбранный отправлен на сервер(скрипту) не будет. Стили Каждый чекбокс (span) имеет всего два класса которыми можно манипулировать в CSS: artCheckbox и checked. Соответственно .artCheckbox - не выбран, .artCheckbox.checked - выбран. */ if( typeof art === 'undefined' ){ var art = {}; } //стили art.checkBoxCSS = ".artCheckbox {" + "display: inline-block;" + "background-repeat: no-repeat;" + "background-position: 0% 0%;" + "cursor: pointer; }" + ".artCheckbox.checked {" + "background-position: 100% 0%; }"; art.checkBox = function( cImage ){ if( typeof cImage === 'undefined' || cImage === null ){ console.log('no image'); return false; } var img = new Image(); //сразу после загрузки картинки начнется подмена //вот этой функцией img.onload = function(){ //подключаем стили var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = art.checkBoxCSS; var headTag = document.getElementsByTagName('head')[0]; if( typeof headTag == 'undefined' ){ console.error( 'not found head tag' ); return false; // ! } //помещаем в headTag.appendChild( style ); //сканируем все input var inputs = document.getElementsByTagName('input'); var checkboxes = []; var t = 0; for( i=0; i //вот этой функцией imgField.onload = function(){ //подключаем стили var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = art.comboBoxCSS; var headTag = document.getElementsByTagName('head')[0]; if( typeof headTag == 'undefined' ){ console.error( 'not found head tag' ); return false; // ! } //помещаем в headTag.appendChild( style ); //сканируем все select var selects = document.getElementsByTagName('select'); for( i=0; i 0 ){ comboText.innerHTML = elem.options[0].text; }else{ comboText.innerHTML = ""; } } } } //эта функция позволяет добавлять в список select новый пункт art.addItemToComboBox = function( name, text, value ){ var elem = document.getElementsByName( name )[0]; if( elem != null && typeof(elem) != 'undefined' ){ var newopt = document.createElement('option'); newopt.text = text; newopt.value = value; elem.appendChild( newopt ); } } /** Стилизованные radiobutton'ы ArtProduct.ru 05.2011 Куцевалов К.Д. Принцип работы Оригинальные делаются [display=none], а возле них создается с background'ом и событием onclick, при котором у input'a меняется атрибут checked. Стили Каждый radiobutton (span) имеет всего два класса которыми можно манипулировать в CSS: artRadioButton и checked. Соответственно .artRadioButton - не выбран, .artRadioButton.checked - выбран. */ if( typeof art === 'undefined' ){ var art = {}; } //стили art.radioButtonCSS = ".artRadioButton {" + "display: inline-block;" + "background-repeat: no-repeat;" + "background-position: 0% 0%;" + "cursor: pointer; }" + ".artRadioButton.checked {" + "background-position: 100% 0%; }"; art.radioButton = function( cImage ){ if( typeof cImage === 'undefined' || cImage === null ){ console.log('no image'); return false; } var img = new Image(); //сразу после загрузки картинки начнется подмена //вот этой функцией img.onload = function(){ //подключаем стили var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = art.radioButtonCSS; var headTag = document.getElementsByTagName('head')[0]; if( typeof headTag == 'undefined' ){ console.error( 'not found head tag' ); return false; // ! } //помещаем в headTag.appendChild( style ); //сканируем все input var inputs = document.getElementsByTagName('input'); var radiobuttones = []; var t = 0; for( i=0; i