Jump to content
  • Sign Up

Search the Community

Showing results for tags 'form'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Проблемы верстки
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
  • Коммерческие услуги
  • Давайте поговорим о ...
  • Наш форум

    Calendars

    • События форума
    • События партнёров
    • Все события

      Blogs

      There are no results to display.

      There are no results to display.

      Marker Groups

      • Members
      • Front-end
      • Back-end
      • Education
      • Looking for job
      • Offering job

      Find results in...

      Find results that contain...


      Date Created

      • Start

        End


      Last Updated

      • Start

        End


      Filter by number of...

      Joined

      • Start

        End


      Group


      Web site


      ICQ


      Jabber


      Skype


      From


      Interests

      Found 49 results

      1. Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт ни в одном браузере кроме Mozilla Firefox.. Вроде все просто, суть - показывать/скрывать поля при выборе значения select в форме Подскажите в чем дело, что не так и как это исправить? Вот тело: <form name="" id="" method="post" action="" onsubmit=""> <div style="padding-bottom:10px; "> <select > <option id="" class="3" value="">Вы новый пользователь?</option> <option id="" class="1" value="">Я новый пользователь</option> <option id="" class="2" value="">У меня уже есть кабинет</option> </select> </div> <div id="my1" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 1"></input></div> <div id="my2" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 2"></input></div> <div id="my3" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 3"></input></div> <div id="my4" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 4"></input></div> <div id="my5" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 5"></input></div> <div id="my6" style="display:none; padding-bottom:6px; margin-top:14px;"><input name="submit" id="submit" value="Принять" type="submit"></div></form>Вот скрипт: $(".1").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my1, #my2, #my3, #my4, #my5, #my6").toggle(1000);});$(".2").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my3").toggle(1000);$('input[name="other"]').attr('value','');});$(".3").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');});подключаю JQuery 1.9.1 Вот ссылка на мою форму - http://jsfiddle.net/2w18do1z/1/ или здесь, кому как удобнее - http://codepen.io/anon/pen/MaOxMb Буду благодарен за Ваши советы и помощь!!!
      2. Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт не в одном браузере кроме Mozilla FireFox.. Вроде все просто, суть показывать/скрывать поля при выборе значения select Вот тело: <form name="" id="" method="post" action="" onsubmit="return validateForm();"><div class="" style="padding-bottom:10px; "><select ><option id="" class="3" value="">Вы новый пользователь?</option><option id="" class="1" value="">Я новый пользователь</option><option id="" class="2" value="">У меня уже есть кабинет</option></select></div><div id="my1" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 1"></input></div><div id="my2" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 2"></input></div><div id="my3" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 3"></input></div><div id="my4" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 4"></input></div><div id="my5" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 5"></input></div><div id="my6" style="display:none; padding-bottom:6px; margin-top:14px;"><input name="submit" id="submit" value="Принять" type="submit"></div></form>Вот скрипт: $(".1").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my1, #my2, #my3, #my4, #my5, #my6").toggle(1000);});$(".2").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my3").toggle(1000);$('input[name="other"]').attr('value','');});$(".3").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');});подключаю JQuery 1.9.1 Вот ссылка на мою форму - http://jsfiddle.net/2w18do1z/1/ или здесь, кому как удобнее - http://codepen.io/anon/pen/MaOxMb Буду благодарен за Ваши советы и помощь!!!
      3. Всем привет! Столкнулся с довольно необычной проблемой, а именно, когда добавляю тег <form> съезжает меню в шапке. Ладно бы если бы они находились в одном блоке, но они в совершенно разных блоках. Может я что-то проглядел, буду благодарен за помощь! На 1-ом фото как должно быть (без тега <form>) На 2-ом как он есть (с тегом <form>) Вот ссылка на код: https://jsfiddle.net/m84s70n2/(он, естественно, без картинок) Вот ссылка на сам файл: https://yadi.sk/d/Ho1JZJAoiPtbP
      4. http://jsfiddle.net/Launder/1tahrusy/ <div class="feedback"> <p> Вы можете воспользоваться данной формой, для того, чтоб отправить нам сообщение. Мы будем рады почитать содержательный отзыв и надеемся на плодотворное сотрудничество! </p> <form action="#" method="post"> <p> <label for="Name">Имя:</label> <input type="name" name="autor" id="Name"> </p> <p> <label for="Mail">Email:</label> <input type="email" name="autormail" id="Mail"> </p> <p> <label for="type">Вид:</label> <select name="sort" form="mail" id="type"> <option value="general">общие вопросы</option> <option value="tech">технические вопросы</option> </select> </p> <p><b>Введите Ваше сообщение:</b></p> <p> <textarea class="announcement" name="comment"> </textarea> </p> <p><input type="submit" value="Отправить"></p> </form> </div>label { margin-right: 5px; width: 50px; text-align: right; float: left; line-height: 28px; }#Name, #Mail, #type { width: 250px; box-shadow: inset 0 1px 5px rgba(0,0,0,0.2); color: #6d6d37; padding: 1px; padding-left: 10px; }Как сделать выравнивание label? Иными словами, надписи перед тремя верхними формами, сдвинуть чуть-чуть вверх?
      5. Доброго всем дня,подскажите пожалуйста сделал форму на Bootstrap-е, все хорошо, но в форме два поля SELECT. Например select id="1" и select id="2". Селект "2" заблокирован, пока в 1-м не выберут какое либо значение. Селект "2" заблокировал "disabled". Я понимаю что нужно прописать функцию javaScript, но вот не могу ничего найти и подобрать. Помогите пожалуйста. Спасибо всем заранее.
      6. Не отправляется мэил, все поля работают, во время отправки пишет "Отправка сообщения....." и виснет, мэил так и не доходит. Где проблема ? —————————————————--HTML:<h4> Форма: </h4></div><div class="toggle-content"><form method="post" id="contactForm" action="mailto:[email protected]"><input type="text" name="senderName" id="senderName" placeholder="Имя" class="requiredField" /><input type="text" name="senderEmail" id="senderEmail" placeholder="Email адрес" class="requiredField email" /><textarea name="message" id="message" placeholder="Сообщение" class="requiredField" rows="8"></textarea><input type="submit" id="sendMessage" name="sendMessage" value="Отправить" /><span> </span></form> //———————————————--custom.js // Ajax Contactif ($("#contactForm")[0]) {$('#contactForm').submit(function () {$('#contactForm .error').remove();$('#contactForm .requiredField').removeClass('fielderror');$('#contactForm .requiredField').addClass('fieldtrue');$('#contactForm span strong').remove();var hasError = false;$('#contactForm .requiredField').each(function () {if (jQuery.trim($(this).val()) === '') {var labelText = $(this).prev('label').text();$(this).addClass('fielderror');$('#contactForm span').html('<strong>*Пожалуйста заполните все поля.</strong>');hasError = true;} else if ($(this).hasClass('email')) {var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;if (!emailReg.test(jQuery.trim($(this).val()))) {var labelText = $(this).prev('label').text();$(this).addClass('fielderror');$('#contactForm span').html('<strong>Не правильный mail адрес</strong>');hasError = true;}}});if (!hasError) {$('#contactForm').slideDown('normal', function () {$("#contactForm #sendMessage").addClass('load-color');$("#contactForm #sendMessage").attr("disabled", "disabled").addClass("btn-success").val('Отправка сообщения...');});var formInput = $(this).serialize();$.post($(this).attr('action'), formInput, function (data) {$('#contactForm').slideUp("normal", function () {$(this).before('<div class="notification-box notification-box-success"><p><i class="fa-check"></i>Спасибо!</strong> Сообщение успешно отправлено.</p></div>');});});}return false;});}
      7. <div class="block-signup"> <form action="" method="post"> <table class="form-table"> <tr> <th colspan="2">Информация о клиенте</th> </tr> <tr> <td class="label"> </td> <td class="value"> <?php if ($user_shopper_group->shopper_group_id == 5): ?> <input type="radio" id="shopper_group_id_5" name="data[shopper_group_id]" value="5" checked="checked" /> <label for="shopper_group_id_5"><span></span>Физическое лицо</label> <div class="example"> Преимущества: отслеживание заказа on-line, дисконтная программа, участие в конкурсах и многое другое </div> <?php endif; ?> <?php if ($user_shopper_group->shopper_group_id == 9): ?> <input type="radio" id="shopper_group_id_9" name="data[shopper_group_id]" value="9" checked="checked" /> <label for="shopper_group_id_9"><span></span>Юридическое лицо</label> <div class="example"> Преимущества: отслеживание заказа on-line, дисконтная программа, участие в конкурсах, просмотри оптовых цен и многое другое </div> <?php endif; ?> </td> </tr> <tr> <td class="label"> <span class="required">*</span> E-mail: </td> <td class="value"> <input type="text" class="short" name="data[email]" value="<?php print htmlspecialchars($data['email']); ?>" /> <span class="validation"><?php print $validation['email']; ?></span> </td> </tr> <tr> <td class="label"> Логин: </td> <td class="value"> <span class="value"><?php print $user->username; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Пароль: </td> <td class="value"> <input type="password" class="short" name="data[password]" value="<?php print htmlspecialchars($data['password']); ?>" /> <span class="validation"><?php print $validation['password']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Подтвердите пароль: </td> <td class="value"> <input type="password" class="short" name="data[confirm_password]" value="<?php print htmlspecialchars($data['confirm_password']); ?>" /> <span class="validation"><?php print $validation['confirm_password']; ?></span> </td> </tr> <tr> <td colspan="2" class="separator"> </td> </tr> <tr> <td class="label"> Обращение: </td> <td class="value"> <select class="short" name="data[title]"> <option value="" <?php if ($data['title'] == ''): ?>selected="selected"<?php endif; ?>>Нет</option> <option value="Г-н" <?php if ($data['title'] == 'Г-н'): ?>selected="selected"<?php endif; ?>>Г-н</option> <option value="Г-жа" <?php if ($data['title'] == 'Г-жа'): ?>selected="selected"<?php endif; ?>>Г-жа</option> <option value="Доктор" <?php if ($data['title'] == 'Доктор'): ?>selected="selected"<?php endif; ?>>Доктор</option> <option value="Профессор." <?php if ($data['title'] == 'Профессор.'): ?>selected="selected"<?php endif; ?>>Профессор.</option> </select> <span class="validation"><?php print $validation['title']; ?></span> </td> </tr> <?php if ($user_shopper_group->shopper_group_id == 5): ?> <tr> <td class="label"> <span class="required">*</span> Фамилия: </td> <td class="value"> <input type="text" class="short" name="data[last_name]" value="<?php print htmlspecialchars($data['last_name']); ?>" /> <span class="validation"><?php print $validation['last_name']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Имя: </td> <td class="value"> <input type="text" class="short" name="data[first_name]" value="<?php print htmlspecialchars($data['first_name']); ?>" /> <span class="validation"><?php print $validation['first_name']; ?></span> </td> </tr> <tr> <td class="label"> Дата рождения: </td> <td class="value"> <script src="http://test.loc/brainfuck/includes/js/calendar/calendar.js" type="text/javascript"></script> <script src="http://test.loc/brainfuck/includes/js/calendar/lang/calendar-en-GB.js" type="text/javascript"></script> <link type="text/css" href="http://test.loc/brainfuck/includes/js/calendar/calendar-mos.css" rel="stylesheet" media="screen, projection"> <input id="vm_date_field" name="data[vm_bdate]" value="<?php print htmlspecialchars($data['vm_bdate']); ?>" class="inputbox" type="text" style="width: 220px;" readonly="readonly"> <input name="reset" class="button" onclick="return showCalendar('vm_date_field', 'y-mm-dd');" value="..." type="reset"> </td> </tr> <?php endif; ?> <?php if ($user_shopper_group->shopper_group_id == 9): ?> <tr> <td class="label"> <span class="required">*</span> ФИО руководителя: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_fio]" value="<?php print htmlspecialchars($data['vm_ur_fio']); ?>" /> <span class="validation"><?php print $validation['vm_ur_fio']; ?></span> <div class="example">Например: Иванов Иван Иванович</div> </td> </tr> <tr> <td class="label"> <span class="required">*</span> На основании чего действует: </td> <td class="value"> <select class="short" name="data[vm_ur_certificate]"> <option value="0" <?php if (!$data['vm_ur_certificate']): ?>selected="selected"<?php endif; ?>>Выбрать</option> <option value="1" <?php if ($data['vm_ur_certificate'] == '1'): ?>selected="selected"<?php endif; ?>>Устав</option> <option value="2" <?php if ($data['vm_ur_certificate'] == '2'): ?>selected="selected"<?php endif; ?>>Приказ</option> <option value="3" <?php if ($data['vm_ur_certificate'] == '3'): ?>selected="selected"<?php endif; ?>>Свидетельство о регистрации</option> </select> <span class="validation"><?php print $validation['vm_ur_certificate']; ?></span> </td> </tr> <?php endif; ?> <tr> <td class="label"> <span class="required">*</span> Телефон: </td> <td class="value"> <input name="data[phone_1]" type="text" class="short" value="<?=$data['phone_1']?>"> <span class="validation"><?php print $validation['phone_1']; ?></span> <div class="example">Например: +375 25 123 45 65</div> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Страна: </td> <td class="value"> <select class="short" name="data[country]"> <option value="0" <?php if (!$data['country']): ?>selected="selected"<?php endif; ?>>Выбрать</option> <option value="BLR" <?php if ($data['country'] == 'BLR'): ?>selected="selected"<?php endif; ?>>Беларусь</option> </select> <span class="validation"><?php print $validation['country']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Город: </td> <td class="value"> <input type="text" class="short" name="data[city]" value="<?php print htmlspecialchars($data['city']); ?>" /> <span class="validation"><?php print $validation['city']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Адрес доставки: </td> <td class="value"> <input type="text" class="short" name="data[address_1]" value="<?php print htmlspecialchars($data['address_1']); ?>" /> <span class="validation"><?php print $validation['address_1']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Индекс: </td> <td class="value"> <input type="text" class="short" name="data[zip]" value="<?php print htmlspecialchars($data['zip']); ?>" /> <span class="validation"><?php print $validation['zip']; ?></span> </td> </tr> <?php if ($user_shopper_group->shopper_group_id == 9): ?> <tr> <td class="label"> Факс: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_fax]" value="<?php print htmlspecialchars($data['vm_ur_fax']); ?>" /> <span class="validation"><?php print $validation['vm_ur_fax']; ?></span> </td> </tr> <tr class="shopper_group_id_9_content"> <td colspan="2" class="separator"> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Наименование организации: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_name]" value="<?php print htmlspecialchars($data['vm_ur_company_name']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_name']; ?></span> <div class="example">Например: ООО «Компания» или ИП Иванов</div> </td> </tr> <tr> <td class="label"> <span class="required">*</span> Юридический адрес: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_adress]" value="<?php print htmlspecialchars($data['vm_ur_company_adress']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_adress']; ?></span> </td> </tr> <tr> <td class="label"> <span class="required">*</span> УНП: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_unp]" value="<?php print htmlspecialchars($data['vm_ur_company_unp']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_unp']; ?></span> </td> </tr> <tr> <td class="label"> р/с: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_rs]" value="<?php print htmlspecialchars($data['vm_ur_company_rs']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_rs']; ?></span> </td> </tr> <tr> <td class="label"> Банк: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_bank]" value="<?php print htmlspecialchars($data['vm_ur_company_bank']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_bank']; ?></span> </td> </tr> <tr> <td class="label"> Код банка: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_bank_code]" value="<?php print htmlspecialchars($data['vm_ur_company_bank_code']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_bank_code']; ?></span> </td> </tr> <tr> <td class="label"> Адрес банка: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_company_bank_address]" value="<?php print htmlspecialchars($data['vm_ur_company_bank_address']); ?>" /> <span class="validation"><?php print $validation['vm_ur_company_bank_address']; ?></span> </td> </tr> <tr> <td class="label"> Контактное лицо: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_contact_person]" value="<?php print htmlspecialchars($data['vm_ur_contact_person']); ?>" /> <span class="validation"><?php print $validation['vm_ur_contact_person']; ?></span> </td> </tr> <tr> <td class="label"> Телефон контактного лица: </td> <td class="value"> <input type="text" class="short" name="data[vm_ur_contact_person_phone]" value="<?php print htmlspecialchars($data['vm_ur_contact_person_phone']); ?>" /> <span class="validation"><?php print $validation['vm_ur_contact_person_phone']; ?></span> </td> </tr> <?php endif; ?> <tr> <td colspan="2" class="separator"> </td> </tr> <tr> <td class="label"> </td> <td class="value"> <input type="submit" value="Сохранить" /> </td> </tr> </table> </form></div>Если у любого одного инпута, кроме селекта и субмита, удалить value, то форма отправляется и пост приходит, а без удаления - форма даже не отправляется, пОста просто нет.
      8. Здравствуйте. На сайте http://www.conturo.net/есть форма отправки при нажатии на Hire me. При заполнении пишет, что отправило. На локальном сервере так же. Письма не приходят. Протестировала пару форм с модали - то же самое. Просто формы работают и отправляют. В чём может быть проблема, не подскажете?
      9. Привет, всем! Требуется помощь! Есть ли в js событие, которое отвечает за загрузку файла в форму? Например загружает человек картинку с помощью input[type="file], и после того, как он это сделает срабатывает какое-то событие. Спасибо!
      10. Уважаемые коллеги, здравствуйте. Предыстория. Мне поставлена задача создать форму анкеты. После нажатия кнопки данные формы должны отправляться для дальнейшей обработки. Подобный механизм уже реализован на таком же сайте другого региона. Зашел посмотреть код, как реализовано, и вижу: action="/DemoVersion?app=2&styles=http://www.какой то сайт.ru/css/demo.css">Вопрос. Почему ссылается на файл *.css? Как мне добиться чтобы мои данные уходили в правильном направлении и + копия на e-mail? p.s. Дорабатываемый мною сайта создан на Joomla! 2.5.7, сайт пример не известно на чем.
      11. Как верстаются такие кнопки: http://joxi.ru/yYwqVIwyTJBgeQmmPUE http://joxi.ru/y40qVIwyTJDVAvBqhbk <div id="search" class="form-box"> <form action="/search/"> <input id="form" type="text" name="q" placeholder="Поиск товара..." value="" maxlength="50" autocomplete="off"> </form> </div><input name="s" type="submit" value="jr" id="submit">div.form-box { position: relative; z-index: 2; left: 20px; top: 20px;/*22px;*/ margin: 0; padding: 0;} #form { position: absolute; height: 30px;/*24px;*/ margin: 0; padding: 0 7px; width: 270px; border-top: transparent; border-bottom: transparent; border-left: 1px solid #000; border-right: 1px solid #000; }#form:focus { box-shadow: inset 0 0 2px #DB9900; -webkit-box-shadow: inset 0 0 2px #DB9900; -moz-box-shadow: inset 0 0 2px #DB9900;}
      12. Доброго времени суток, Господа форумчане... Не подскажете в каком направлении мне копать, что бы откопать такое сокровище как "после того как я регистрируюсь на сайте, каким то волшебным образом мои данные выводятся на другой странице уже в формате, которую я уже не смогу изменить..."? Меня это очень интересует. Я бы хотел себе сделать такой же функционал, что бы человек зарегестрировался и получил файл к печати. В форматах либо PDF или JPEG. Вот пример того что я хочу: http://savepic.net/5740215.htm
      13. Приветствую профессионалов и новичков. Столкнулся со следующей проблемой - как заблокировать изменение select при этом сделав его видимым в массиве $_POST. Аттрибут disabled для этих целей не подходит.
      14. Имеется форма с несколькими полями + таблица с данными: http://jsfiddle.net/nvCp2/ При нажатии кнопки "Отправить" происходит отправка данных на почту. Вопросы: 1) при отправке данных php скрипту нужно добавить туда данные из таблицы - как это можно сделать? 2) тестирую локально(html страница + js скрипт) лежат на пк, а php скрипт на сервере - при нажатии "Отправить" в консоли такие данные: SUBMITXMLHttpRequest cannot load http://*******/send.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. index.html:1NOНесмотря на то что консоль вывела "NO" письмо на почту пришло. Непонятно что за ошибка(как её пофиксить) + почему при ошибке письмо приходит? Начало index.html:<!DOCTYPE html><html><head><meta charset="UTF-8" />Спасибо!
      15. В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03"> <option value="1">1</option> </select> <select name="id04" id="id05"> <option value="1">1</option> </select> </fieldset> </form> <div class="parent"> <div class="child">1</div> <div class="child">2</div> <div class="child" style="display: inline-block">3</div> <div class="child" style="display: inline-block">4</div> </div></body></html>.parent { width: 500px; text-align: justify; }.parent:after { display: inline-block; visibility: hidden; overflow: hidden; width: 100%; height: 0px; content: ""; } .child { display: inline-block; margin-bottom: 10px; width: 220px; background: orange; }
      16. Подскажите как сделать, что бы перед отправкой на сервер данных с формы, появилось окно подтверждения и при выборе отмены данные не были отправлены на сервером, методом "post". Вот что сделал я: PHP: <form name="auth3" action="index.php" method="POST"><button class="edit" name="edit" value="1" type="submit">Изменить</button><button class="del" name="del" value="Значение заполняется из БД" type="submit" onclick="destroy();" >Удалить</button></form>JS: <script type="text/javascript"> function destroy(){confirm("Bы уверены, что хотите уничтожить эту страницу?")}</script>Если нажать на кнопку "удалить" появляется сообщение "Bы уверены, что хотите уничтожить эту страницу?" , но при выборе отмены данные все равно отправляются на сервер стр. обнавлеться и строка удалеться.
      17. Столкнулся с такой проблемой, форма на отрез отказыется принимать кириллицу. Пробовал через post и get причем через get я получаю в адресной строке вполне адекватный запрос a-la qwerty.ru/?name=русскийText А когда стараюсь вынуть из переменной ее значение получаю только Text. Кириличесские символы не превращаются в крокозябру, а просто отсутствуют в переменных. Сайт на джумле. Код банальный и рутинный. <form method="get"> Фамилия<br><input type="text" name="lname" required><br> Имя<br><input type="text" name="name" required><br> Телефон<br><input type="text" name="phone" required><br> <input type="submit"></form>В чем может быть проблема?
      18. Сейчас верстаю форму поиска и никак не могу понять, как рассчитывается высота. http://jsfiddle.net/ludwigwoltmann/68jQT/2/ По макету высота текстового поля и кнопки должна быть 29px. Кнопка и текстовое поле должны располагаться на одной линии. Я задаю фиксированную высоту в 27px (с учетом верхней и нижней границы в 1px), в результате -- высота поля -- 31px, высота кнопки -- 27px. Не понимаю... Сначала думал что это из-за шрифтов - но изменение их размеров и межстрочного интервала ничего не дает. Подскажите пожалуйста, как решить проблему?
      19. Хоть вкратце кто нибудь может объяснить зачем нужны онлайн генераторы форм? Сервисов куча, есть платные, есть и бесплатные. Разве более-менее солидные разработчики будут их использовать? Цены в среднем около 100 баксов в месяц, явно не для новичков-любителей.
      20. Главный вопрос этого топика не как СДЕЛАТЬ, а как ДЕЛАТЬ. Понимаю, что каждый может поступать по-своему, как ему удобнее, но все-же хотелось послушать мнения разных людей Итак. Как на любом сайте я планирую форму добавления/редактирования записей. Хочу, чтобы она появлялась в плавающем div. Есть два варианта 1) форма уже загружена на странице, на которой есть ссылка на добавление записи. Одна страница, значит может иметь несколько таких загруженных и скрытых форм. Плюсы: форма отображается сразу, не нужно время на загрузку. Минусы: страница может содержать данные. которые не потребуются, что немного замедляет загрузку. 2) форма загружается по ajax. Плюсы: не грузятся не нужные данные. Так как форма генерируется на сервере, могут быть заполнены некоторые поля.(Что важно при редактировании) Минусы: нужно время на загрузку. Дальше Обработчик формы. Тоже есть варианты 1) сделать, например, таким: http://mysite.ru/blogs/adblog/somevar 2) или http://mysite.ru/blogs/adblog а, somevar втолкнуть в какой-нить скрытый <input> Сама ссылка для добавления <!DOCTYPE html> <html> <head> <title>JS Bin</title> </head> <body> <script type='text/javascript'> function hclick(hlink) { alert (hlink.href); // естественно здесь процедура подгузки/показа формы и т.д. } </script> <a href='http://site.ru/sitepart/addcomment/some-id' onclick='hclick(this);return false;'>link1</a> </body> </html> Вот тут я смутно представляю, как можно сделать по-другому. (т.е. чтобы обрабатывался клик по ссылке через Джаву скипт. Плюс, как на меня в том, что пользователь видит куда идет ссылка (внизу в браузере), а что она откроется в плавающем div а не в новой вкладке, думаю беспокоить не будут. Все, же лично мне, когда я навожу на ссылку внизу вижу "javascript:void()" это не особо нравится. Валидация для каждой (или почти каждой) формы должна быть валидация на стороне клиента (или это далеко не обязательно?) Если да, то возле каждой формы должно быть что-то типа <div class="form"> <script> $(document).ready( function(){ $('#someform').addvalidator( 'name' : 'required', 'useremai' : array('email', 'required') ); }); </script> <form id='someform'> <!-- Form data --> </div> Если форма грузиться по ajax? Должен грузиться весь участок кода. или: правила заспределятся в JSON, а клиентский скрипт из данных JSON выделяет правила (которые помещаются в пустышку) и саму форму, которая и помещается в плавающий div Ну пока все. думаю вопросы будут еще по ходу. Конечно, я бы мог посмотреть некоторые готовые решения (я так и делаю иногда) но не факт, что там будет хорошо сделано. А иногда там так запутано все, что не распутать. Буду благодарен за советы или наводки на "правильные" решения.
      21. http://jsfiddle.net/tKKLy/ Это часть кода, как видите(по коду скрипта), при нажатии на надпись search она пропадает и появляется форма, в input стоит автофокус, при первом появлении формы он срабатывает, затем при потере фокуса форма пропадает, появляется снова надпись, при повторном нажатии на search, автофокус уже не срабатывает, почему так происходит?????
      22. Нужно сделать такую форму Модель: ______________________ (Что бы можно было вводить текст, но пользователь не мог его редактировать) Имя Фамилия: ______________________ Email: ______________________ {Капча} Отправить (Ну после нажатия все данные в форме отправлялись на email) Суть в том что надо сделать такую форму на html странице, ну я вроде как прочитал что можно спокойно прикрутить просто php Кто поможет? А то что-то не активные тут люди( Ну если какое то из полей пустое то ошибку что бы выдавал или если email не правильно введен без @ тоже ошибку
      23. Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </form> </body> </html>
      24. Доброго времени суток. Задача: около input'а нарисовать свою кнопку. Кнопка должна находиться справа от input'а. Решение очень простое - http://jsfiddle.net/kZN3r/ Однако, в IE8 кнопка сползает под input. Что странно, так это тот факт, что на странице, которую я верстаю, используется такая структура много раз. И там все отображается как надо. Я подумал, что дело может быть в родительском/соседних элементах, но пример по ссылке на jsfiddle - проще некуда, и в прогрессивных браузерах отображается как надо. Проверял код на validator.w3.org - все валидно. В чем проблема?
      ×
      ×
      • Create New...