подскажите красивую форму обратной связи - страница 11 - Поиск компонентов, модулей, плагинов

Так не бывает. Можно только показывать в поле текст по умолчанию (типа, подсказка) и убирать его, когда поле получает фокус. В дополнение, когда поле теряет фокус, можно возвращать обратно текст по умолчанию.

to MisterR.
Попробуй так:
<p>{element label="Ваш контактный телефон" type="text" class="inputtext" required="required" error="Контактный телефон не введен или введен некорректно" regex="/^[\0-9\-]{7,15}/" /}</p>

Если не изменяет память (давно делал), тут можно вводить только цифры от 7 до 15 штук (если меньше или больше, вылезает сообщение "...не введен или введен некорректно")

<style type="text/css">
form.simpleForm label{display:block;}
form.simpleForm label span{color:#ff0000;}
form.simpleForm input.inputtext{width:215px;}
form.simpleForm textarea.inputtext{width:215px;height:100px;}
form.simpleForm textarea.inputtext_small{width:215px;height:50px;}
</style>
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" class="highslide">Заказать пробники</a>
<div class="highslide-html-content" id="highslide-html">
	<div class="highslide-header">
		<ul>
			<li class="highslide-move">
				<a href="#" onclick="return false">Переместить</a>
			</li>
			<li class="highslide-close">
				<a href="#" onclick="return hs.close(this)">Закрыть</a>
			</li>
		</ul>
	</div>
	<div class="highslide-body">
<p><span style="font-family: georgia,palatino;"><span style="font-size: 9pt;"><strong>Мы предоставляем уникальную возможность профильным компаниям опробовать наши моющие средства. Вы можете заказать образцы совершенно бесплатно и мы пришлем их в кратчайшие сроки. </strong></span></span></p>
<p>{element label="Ваше имя" type="text" class="inputtext" required="required" error="Введите ваше имя" /}</p>
<p>{element label="Ваш телефон" type="text" class="inputtext" required="required" error="Введите телефон" regex="~\+7 \(\d+\) \d{3}-\d{2}-\d{2}~" /}<p>
<p>{element label="Ваш e-mail" type="text" class="inputtext" required="required" error="Введите ваш e-mail" regex="/^[\w\.\-]+@\w+[\w\.\-]*?\.\w{1,4}$/" /}<p>
<p>{element label="Регион/город" type="text" class="inputtext" required="required" error="Введите ваш Регион/город" /}</p>
<p>{element label="Ваше сообщение" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>
<p>
   {element label="Профиль деятельности:" type="select"}
      {option label="Оптовая организация" value="Оптовая организация" /}
      {option label="Дилеры автохимии и автокосметики" value="Дилеры автохимии и автокосметики" /}
      {option label="Автомойка" value="Автомойка" /}
      {option label="Розничная торговля" value="Розничная торговля" /}
	  {option label="Другое" value="Другое" /}
   {/element}
</p>
<p>{element type="captcha" class="inputtext" width="220" height="50" label="Проверочный код" /}</p>
<p>{element type="submit" value="Отправить" /}</p>
</div></div>

Хочу выровнять, но не получается..
Подскажите что не так.

Код

<script type="text/javascript" src="/highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
    hs.graphicsDir = '/highslide/graphics/';
    hs.outlineType = 'rounded-white';
</script>
<style type="text/css">
form.simpleForm label{float:left;}
form.simpleForm label span{color:#ff0000;}
form.simpleForm input.inputtext{width:215px;}
form.simpleForm textarea.inputtext{width:215px;height:100px;}
form.simpleForm textarea.inputtext_small{width:215px;height:50px;}
</style><p>
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" class="highslide">Заказать пробники</a>
<div class="highslide-html-content" id="highslide-html">
	<div class="highslide-header">
		<ul>
			<li class="highslide-move">
				<a href="#" onclick="return false">Переместить</a>
			</li>
			<li class="highslide-close">
				<a href="#" onclick="return hs.close(this)">Закрыть</a>
			</li>
		</ul>
	</div>
	<div class="highslide-body">
<p><span style="font-family: georgia,palatino;"><span style="font-size: 9pt;"><strong>Мы предоставляем уникальную возможность профильным компаниям опробовать наши моющие средства. Вы можете заказать образцы совершенно бесплатно и мы пришлем их в кратчайшие сроки. </strong></span></span></p>
<p>{element label="Ваше имя" type="text" class="inputtext" required="required" error="Введите ваше имя" /}</p>
<p>{element label="Ваш телефон" type="text" class="inputtext" required="required" error="Введите телефон" regex="~\+7 \(\d+\) \d{3}-\d{2}-\d{2}~" /}<p>
<p>{element label="Ваш e-mail" type="text" class="inputtext" required="required" error="Введите ваш e-mail" regex="/^[\w\.\-]+@\w+[\w\.\-]*?\.\w{1,4}$/" /}<p>
<p>{element label="Регион/город" type="text" class="inputtext" required="required" error="Введите ваш Регион/город" /}</p>
<p>{element label="Ваше сообщение" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>
<p>
   {element label="Профиль деятельности:" type="select"}
      {option label="Оптовая организация" value="Оптовая организация" /}
      {option label="Дилеры автохимии и автокосметики" value="Дилеры автохимии и автокосметики" /}
      {option label="Автомойка" value="Автомойка" /}
      {option label="Розничная торговля" value="Розничная торговля" /}
	  {option label="Другое" value="Другое" /}
   {/element}
</p>
<p>{element type="captcha" class="inputtext" width="220" height="50" label="Проверочный код" /}</p>
<p>{element type="submit" value="Отправить" /}</p>
</div></div>

создал форму регистрации с помощью colorbox&simpleform2/
Форма открывается все красиво.. но при нажатии кнопки "купить" вспливает окошко с заголовком "уведомдение" и только когда нажать на кнопку второй раз товар добавляется в корзину. Пожалйста помогите разобратся. сайт tiande-es.com.ua

Вы что-то путаете.  У вас на сайте установлен компонент VirtueMart, и вопрос ваш по данному компоненту, а не по simpleForm.

Да но до установки colorbox  все работало нормально, а отключать colorbox нехочется..

Ребят, подскажите пожалуйста. Делаю форму заказа запчастей, пытаюсь сделать форму выбора модели в зависимости от марки. Первое поле марка авто (к примеру Mazda), второе поле, привязанное к марке- модель авто (familia, bongo, 3, 6 и т.д)
код примерно такой-
<script type="text/javascript">
function myFunc(val){
   var elem = document.getElementById('addField');
   if(val=='Mazda')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Выберите марку авто:" type="select" onchange="myFunc(this.value)" }
      {option label="Mazda" value="Mazda" /}
      {option label="Toyota" value="Toyota" /}
      {option label="Suzuki" value="Suzuki" /}
      {option label="Subaru" value="Subaru" /}
   {/element}
<div id="addField" style="display:none;">{element label="Марка авто" type="select" /}</div>

с ним проблема такая- не вываливается доп. поле при выборе варианта.
и не знаю как привязать список моделей авто к марке.

ссыль на сайт

Будьте добры, подскажите как сделать..
Может возможно обойтись без скриптов?

Использую Simpleform2 и highslide. При клике по кнопке Отправить ничего не происходит. Наверно это из-за того, что в настройках модуля есть поля JavaScript функция обработки формы и JavaScript функция обработки результата, которые у меня пустые. Каким кодом их заполнить?

и кстати, других настроек, кроме как в модуле, для использования этой формы обратной связи не имеется? Может я что-то упустила? (тестю на локалке)

Такое может быть только, если вы отделили тэги формы от тэгов элементов формы, т.к. simpleForm2 устроен таким образом, что даже при конфликте скриптов данные отправляются. Если у вас ничего вообще не происходит, то скорее всего вы неправильно следовали инструкциям и у вас получилось, что в окне highslide показываются только элементы формы (input, textarea, select...), а сами тэги формы (<form>, </form>) находятся за пределами окна highslide. Вот браузер и не может определить к чему относятся эти элементы.

<p class="imya"> {element label="Ваше имя" type="text"  required="required" error="Введите ваше имя" /}</p>

.highslide-body>form#simpleForm2_322.simpleForm>p.imya>label {...}

<script type="text/javascript" src="highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<script type="text/javascript">
    hs.graphicsDir = 'highslide/graphics/';
    hs.outlineType = 'rounded-white';
</script>

<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" class="highslide">Отправить запрос на продукцию</a>
<div class="highslide-html-content" id="highslide-html">
	<div class="highslide-header">
		<ul>
			<li class="highslide-move">
				<a href="#" onclick="return false">Переместить</a>
			</li>
			<li class="highslide-close">
				<a href="#" onclick="return hs.close(this)">Закрыть</a>
			</li>
		</ul>
	</div>
	<div class="highslide-body">
{form}
<p class="imya"> {element label="Ваше имя" type="text" required="required" error="Введите ваше имя" /}</p>
<p>{element label="Ваш Email" type="text" required="required" error="Введите ваш Email" /}</p>
<p>{element label="Ваш телефон" type="text" required="required" error="Введите ваш телефон" /}</p>
<p>{element label="Тема сообщения" type="text" required="required" error="Введите тему сообщения" /}</p>
<p>{element label="Сообщение" type="textarea" required="required" error="Введите ваше сообщение" /}</p>
<p>{element type="submit" value="Отправить" /}</p>
{/form}
</div></div>

Код ваш вродебы правильный. Хотел посмотреть на вашем сайте в чем беда, но не нашел simpleForm.

Hi.
2 ZyX.
Уважаемый, как можно исправить ситуацию:
После отправки формы из модуля работающего на AJAX сообщение об успешной отправке выводится на белом экране, а не рамках модуля.

Скорее всего у вас на сайте конфликтуют Javascript скрипты. Поэтому не срабатывает скрипт перехвата данных и отправки их через AJAX.

Ага, баг какой то был.. Модуль включен, а на сайте не отображается.
Сейчас видно. Будьте добры, гляньте.

ZyX, и сейчас нельзя исправить ситуацию? Добавить какой-нибудь скрипт или еще что?

Добавление скрипта не решит эту проблему, так как проблема в том, что какие-то скрипты конфликтуют, т.е. не могут работать вместе. Обычно это происходит с библиотекой jQuery.

Ммммм. я пробовала отключать библиотеки mootools и caption, но результата не было, кроме как отключение слайдера на главной. или эти библиотеки не при чем? знать хотя бы точно, что именно библиотека jQuery конфликтует с другими библиотеками. такую проверку не реал сделать?)