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

И еще пара вопросов...
Можно ли с помощью СФ2 сделать элементы с календарем и часами, как это сделано здесь: http://www.prokatpraga.ru/Rezervace.html?

Подскажите пожалуйста, с помощью какого HTML-тега можно разместить два или более элементов в одну строку? в СФ2

<styles type="text/css">
form.simpleForm label{float:left;}
</styles>

События "онклик" и "ончендж" нужно использовать в тех элементах, при изменении которых вы хотите, чтобы происходили действия.
Для того, что вам нужно сделать нужно примерно вот что:

Код

<script type="text/javascript">
function myFunc(){
   var elem = document.getElementById('addField');
   elem.style.display = 'block';
}
</script>
{element label="simpleForm2 - это:" type="select" onchange="myFunc()" }
      {option label="Модуль" value="Модуль" /}
      {option label="Компонент" value="Компонент" /}
      {option label="Плагин" value="Плагин" /}
      {option label="Не знаю" value="Не знаю" /}
   {/element}
<div id="addField" style="display:none;">{element label="Дополнительное поле" type="textarea" /}</div>

Только скачайте последнюю версию SF2 с allforjoomla.ru - там исправлена мелкая бага с атрибутом "ончендж".

Никакой тэг не нужен. Элементы формы могут не располагаться у вас в одну строку по нескольким причинам. Быть может не хватает места по ширине, чтобы они поместились на одной строке. Может они не выстраиваются из-за своих CSS свойств. Если это связано со свойствами CSS, то попробуйте следующую конструкцию CSS:

Код

<styles type="text/css">
form.simpleForm label{float:left;}
</styles>

Немного не то, что надо... Сейчас дополнительное поле выскакивает при выборе любого пункта, а мне нужно, что бы это поле появлялось только при выборе одного пункта, например "не знаю", а при выборе, например "плагин", это поле не выскакивало. Попробовал сам покрутить, но без знаний java и HTML не получается...

<script type="text/javascript">
function myFunc(val){
   var elem = document.getElementById('addField');
   if(val=='Не знаю')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="simpleForm2 - это:" type="select" onchange="myFunc(this.value)" }
      {option label="Модуль" value="Модуль" /}
      {option label="Компонент" value="Компонент" /}
      {option label="Плагин" value="Плагин" /}
      {option label="Не знаю" value="Не знаю" /}
   {/element}
<div id="addField" style="display:none;">{element label="Дополнительное поле" type="textarea" /}</div>

Как раз то, только для вашего условия нужно немного подкрутить.

Ок. Как только у меня появится свободное время - опишу тут как сделать форму во всплывающем окошке при помощи другой библиотеки.

<link type="text/css" media="screen" rel="stylesheet" href="/colorbox/styles/colorbox.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="/colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".sf2Link").colorbox({width:"50%", inline:true, href:"#sf2content"});
	});
</script>
<a class="sf2Link" href="#">Тут ваша надпись</a>
<div style='display:none'>
<div id="sf2content">
{form}

{/form}
</div>
</div>

У меня вопрос, можно ли как-то прикрутить такую "всплывалку" к пункту меню (т.е. создать п.меню типа "обратная связь" и при нажатии на нее "вспливать" это окошко)?
СПС!

Но ничего, вариант с simpleform2 тоже классный

Но ничего, вариант с highslide тоже классный

Подскажите, пожалуйста, html- тег с помощью которого элементы формы можно разбить на группы и чтобы элементы в одной группе располагались рядышком, а элементы разных групп имели между собой бОльший отступ.

Чтобы в форму simpleForm2 добавить поле e-mail добавьте в код формы строку:
<p>{element label="Ваш e-mail" type="text" required="required" error="Введите ваш e-mail" /}</p>

Для этого нет специальных тэгов, а надо специально писать CSS стили.

Как раз то, только для вашего условия нужно немного подкрутить.

Код

<script type="text/javascript">
function myFunc(val){
   var elem = document.getElementById('addField');
   if(val=='Не знаю')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="simpleForm2 - это:" type="select" onchange="myFunc(this.value)" }
      {option label="Модуль" value="Модуль" /}
      {option label="Компонент" value="Компонент" /}
      {option label="Плагин" value="Плагин" /}
      {option label="Не знаю" value="Не знаю" /}
   {/element}
<div id="addField" style="display:none;">{element label="Дополнительное поле" type="textarea" /}</div>

а для simpleForm подскажите пожалуйста HTML этого же поля "Емайл отправителя" -как добавить ?

<element label="Ваш e-mail" type="text" required="required" error="Введите ваш e-mail" />

Кажись так:

Код

<element label="Ваш e-mail" type="text" required="required" error="Введите ваш e-mail" />

###########################################################

Содержимое формы:
----------------------------------
Ваше имя:       Олег.   (Нужно изменить на- Имя отправителя)
----------------------------------
Ваш e-mail:     inoename@ya.ru. (Нужно изменить на- емайл отправителя)
----------------------------------
Телефон для связи:      89031771495.
----------------------------------
В какой стране желаете приобрести недвижимость:         Африка.
----------------------------------
Этажность:      1.
----------------------------------
Ваше сообщение:         проверка связи.  (Нужно изменить на- сообщение отправителя)
----------------------------------

###########################################################

и кроме того не нашел- где изменяются размеры поля "Написать сообщение" ? 

В редакторе, то ли в окне с HTML, то ли окошко над ним должно быть что-то типа такого: form.simpleForm textarea {width:240px; height:100px;} (точно не помню). Попробуй поиграть этими пикселями в фигурных скобках.
Это без гарантий, только как вариант - на вскидку из памяти.

<style type="text/css">form.simpleForm label{display:block;}form.simpleForm label span{color:#ff0000;}form.simpleForm input.inputtext,form.simpleForm select.inputtext{width:415px;300px;}form.simpleForm textarea.inputtext{width:415px;height:300px;}form.simpleForm textarea.inputtext_small{width:415px;height:300px;}</style>

Не помогло ((

Код

<style type="text/css">form.simpleForm label{display:block;}form.simpleForm label span{color:#ff0000;}form.simpleForm input.inputtext,form.simpleForm select.inputtext{width:415px;300px;}form.simpleForm textarea.inputtext{width:415px;height:300px;}form.simpleForm textarea.inputtext_small{width:415px;height:300px;}</style>

Вставьте в изменяемый элемент class="inputtext" (сразу после type="textarea"). Это поле приобретет параметры которые зададите в фигурных скобках (...form.simpleForm textarea.inputtext{width:415px;height:300px;}...)

###########################################################

Содержимое формы:
----------------------------------
Ваше имя:       Олег.   (Нужно изменить на- Имя отправителя)
----------------------------------
Ваш e-mail:     inoename@ya.ru. (Нужно изменить на- емайл отправителя)
----------------------------------
Телефон для связи:      89031771495.
----------------------------------
В какой стране желаете приобрести недвижимость:         Африка.
----------------------------------
Этажность:      1.
----------------------------------
Ваше сообщение:         проверка связи.  (Нужно изменить на- сообщение отправителя)
----------------------------------

###########################################################

Спасибо.Отдельно элемент работает великолепно, но вдвоем уже элементы нормально работать не хотят. Я установил два таких элемента (разница только в названии), варианты ответов и появляющийся элемент одинаковые. Однако необходимо, чтобы у каждого элемента появлялось свое собственное поле. Вместо этого дополнительное поле появляется лишь у первого элемента, причем и тогда, когда выбирается нужный вариант ответа в первом элементе и тогда, когда выбирается нужный вариант ответа во втором элементе.
Конечно же я поменял во втором элементе функцию на myFunc2 и даже поменял название и класс появляющегося поля, но все равно появляется поле первого элемента, причем с названием и классом заданным в первом элементе. Не помогает также изменение варианта ответа на который должно выскакивать дополнительное поле у второго элемента. Т.е. приведу условный пример: первый элемент как в коде выше, второй такой же, но myFunc изменено на myFunc2, название элемента другое, название дополнительного поля другое и вариант ответа на который появляется дополнительное поле тоже другое например "Знаю". Однако, при выборе во втором элементе "Знаю" во втором элементе не появляется дополнительное поле, но появляется дополнительное поле в первом элементе со своим (первым) названием, которое должно появляться вообще только на "Не знаю" в первом элементе. Подскажите пожалуйста как поправить код, чтобы у каждого элемента появлялось свое поле.

сорри за оффтоп,
какой модуль использовался для увеличения картинки параметров модуля на http://allforjoomla.ru/xmodules/mod-simpleform2

спасибо громаденное , получилось!
а как быть с этим?
где меняется текст кторый приходит на емайл:
то есть чтобы изменилось на в форме на сайте а в самом приходящем емайле

Давайте только без условностей. Условно - вы что-то сделали не так.
Чтобы можно было точно ответить в чем проблема - нужно видеть код, который вы написали.

...
<p>
<script type="text/javascript">
function myFunc(val){
   var elem = document.getElementById('addField');
   if(val=='другое место')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Место передачи" type="select" onchange="myFunc(this.value)" class="inputtext1" }
      {option label="офис" value="офис" /}
      {option label="аэропорт" value="аэропорт" /}
      {option label="другое место" value="другое место" /}
   {/element}
<div id="addField" style="display:none;">{element label="Укажите адрес" type="text" class="inputtext5" required="required"   error="Укажите адрес места передачи автомобиля" /}</div></p><p>
<script type="text/javascript">
function myFunc2(val){
   var elem = document.getElementById('addField');
   if(val=='другое место')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Место возврата" type="select" onchange="myFunc2(this.value)" class="inputtext2" }
      {option label="офис" value="офис" /}
      {option label="аэропорт" value="аэропорт" /}
      {option label="другое место" value="другое место" /}
   {/element}
<div id="addField" style="display:none;">{element label="Укажите адрес" type="text" class="inputtext5" required="required"   error="Укажите адрес места передачи автомобиля" /}</div></p>
<p>{element label="Нужна ли GPS-навигация?" type="select" class="inputtext3"}
{option label="без GPS-навигации" value="без GPS" /}
{option label="GPS-навигация нужна" value="GPS нужен" /}{/element}</p>
<script type="text/javascript">
function myFunc3(val){
   var elem = document.getElementById('addField');
   if(val=='выезд за пределы Австрии')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Страны посещения" type="select" class="inputtext4" onchange="myFunc3(this.value)" }
      {option label="только Австрия" value="только Австрия" /}
      {option label="выезд за пределы Австрии" value="выезд за пределы Австрии" /}
   {/element}
<div id="addField" style="display:none;">{element label="Укажите страны" type="text" /}</div>
...

Понял, вот мой код:

Код

...
<p>
<script type="text/javascript">
function myFunc(val){
   var elem = document.getElementById('addField');
   if(val=='другое место')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Место передачи" type="select" onchange="myFunc(this.value)" class="inputtext1" }
      {option label="офис" value="офис" /}
      {option label="аэропорт" value="аэропорт" /}
      {option label="другое место" value="другое место" /}
   {/element}
<div id="addField" style="display:none;">{element label="Укажите адрес" type="text" class="inputtext5" required="required"   error="Укажите адрес места передачи автомобиля" /}</div></p><p>
<script type="text/javascript">
function myFunc2(val){
   var elem = document.getElementById('addField');
   if(val=='другое место')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Место возврата" type="select" onchange="myFunc2(this.value)" class="inputtext2" }
      {option label="офис" value="офис" /}
      {option label="аэропорт" value="аэропорт" /}
      {option label="другое место" value="другое место" /}
   {/element}
<div id="addField" style="display:none;">{element label="Укажите адрес" type="text" class="inputtext5" required="required"   error="Укажите адрес места передачи автомобиля" /}</div></p>
<p>{element label="Нужна ли GPS-навигация?" type="select" class="inputtext3"}
{option label="без GPS-навигации" value="без GPS" /}
{option label="GPS-навигация нужна" value="GPS нужен" /}{/element}</p>
<script type="text/javascript">
function myFunc3(val){
   var elem = document.getElementById('addField');
   if(val=='выезд за пределы Австрии')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Страны посещения" type="select" class="inputtext4" onchange="myFunc3(this.value)" }
      {option label="только Австрия" value="только Австрия" /}
      {option label="выезд за пределы Австрии" value="выезд за пределы Австрии" /}
   {/element}
<div id="addField" style="display:none;">{element label="Укажите страны" type="text" /}</div>
...

Пробовал различные варианты, чтобы разобраться, но этот тот, который мне нужен, только не работает...

<p>
<script type="text/javascript">
function myFunc(val){
   var elem = document.getElementById('addField');
   if(val=='другое место')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Место передачи" type="select" onchange="myFunc(this.value)" class="inputtext1" }
      {option label="офис" value="офис" /}
      {option label="аэропорт" value="аэропорт" /}
      {option label="другое место" value="другое место" /}
   {/element}
<div id="addField" style="display:none;">{element label="Укажите адрес" type="text" class="inputtext5" required="required"   error="Укажите адрес места передачи автомобиля" /}</div></p><p>
<script type="text/javascript">
function myFunc2(val){
   var elem = document.getElementById('addField2');
   if(val=='другое место')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Место возврата" type="select" onchange="myFunc2(this.value)" class="inputtext2" }
      {option label="офис" value="офис" /}
      {option label="аэропорт" value="аэропорт" /}
      {option label="другое место" value="другое место" /}
   {/element}
<div id="addField2" style="display:none;">{element label="Укажите адрес" type="text" class="inputtext5" required="required"   error="Укажите адрес места передачи автомобиля" /}</div></p>
<p>{element label="Нужна ли GPS-навигация?" type="select" class="inputtext3"}
{option label="без GPS-навигации" value="без GPS" /}
{option label="GPS-навигация нужна" value="GPS нужен" /}{/element}</p>
<script type="text/javascript">
function myFunc3(val){
   var elem = document.getElementById('addField3');
   if(val=='выезд за пределы Австрии')  elem.style.display = 'block';
   else elem.style.display = 'none';
}
</script>
{element label="Страны посещения" type="select" class="inputtext4" onchange="myFunc3(this.value)" }
      {option label="только Австрия" value="только Австрия" /}
      {option label="выезд за пределы Австрии" value="выезд за пределы Австрии" /}
   {/element}
<div id="addField3" style="display:none;">{element label="Укажите страны" type="text" /}</div>

По спецификации HTML в одном документе не может быть несколько элементов с одинаковым ID. Тут даже дело не в спецификации,а в логике. Как по вашему каждая из ваших 3-х функций должна была угадывать какой именно блок ей показывать и скрывать? Кроме как скопировать функцию нужно было еще и менять ID элементов, которыми функция управляет и в итоге должно было получиться что-то типа этого.