всплывающие элементы

[dron]

добрый день! интересует вот такая тема. много где видел всплывающие блоки. вот тут, например, http://www.luchinsky.ru/overall/ при нажатии на ссылку в правом верхнем углу Сообщение, всплывает форма отправки почтой. Очень интересует конкретный пример.

Пожалуйста, кто знает, расскажите подробно, как это делается?

Заранее спасибо!

Edited December 27, 2009 by dron

[s0rr0w]

добрый день! интересует вот такая тема. много где видел всплывающие блоки. вот тут, например, http://www.luchinsky.ru/overall/ при нажатии на ссылку в правом верхнем углу Сообщение, всплывает форма отправки почтой. Очень интересует конкретный пример.

Пожалуйста, кто знает, расскажите подробно, как это делается?

Заранее спасибо!

Подробно рассказываю как это делается.

Это делается руками.

Садится верстальщик, открывает редактор какой-нибудь, в нем пишет код. Код он пишет трех типов: HTML, CSS, JS. Использутся пальцы рук, глаза, мозги.

После чего полученный результат выкладывает на сайт, используя или ftp, или sftp, или scp, или cms.

[psywalker]

Подробно рассказываю как это делается.

Это делается руками.

Садится верстальщик, открывает редактор какой-нибудь, в нем пишет код. Код он пишет трех типов: HTML, CSS, JS. Использутся пальцы рук, глаза, мозги.

После чего полученный результат выкладывает на сайт, используя или ftp, или sftp, или scp, или cms.

Подожди, как ты мог забыть о литературе брат, о необходимой литературе, ведь ещёж читать надо что-то по этому делу блин.

[hf3]

Очень интересует конкретный пример.

ПКМ - исходный код

[dron]

мдя... от модератора такого глупого ответа не ожидал... есть еще остроумные или кто-то и правда может помочь?

[dron]

так, короче, кому интересно решение данного вопроса и не интересно слушать идиотские советы, вот что нарыл:

1. всплывающее окно: http://ruseller.com/lessons.php?rub=32&id=178

2. форма: http://ruseller.com/lessons.php?rub=32&id=276

3. чтобы работало надо скачать вот эту фичу: http://code.google.com/p/jqueryjs/download...mp;downloadBtn=

ща буду искать, как лучше совместить одно с другим...

[psywalker]

так, короче, кому интересно решение данного вопроса и не интересно слушать идиотские советы, вот что нарыл:

1. всплывающее окно: http://ruseller.com/lessons.php?rub=32&id=178

2. форма: http://ruseller.com/lessons.php?rub=32&id=276

3. чтобы работало надо скачать вот эту фичу: http://code.google.com/p/jqueryjs/download...mp;downloadBtn=

ща буду искать, как лучше совместить одно с другим...

Если бы советы были идиотские, то ты бы не пошевелился, а так уже даже почти задачу всю собрал, смотрика

[s0rr0w]

так, короче, кому интересно решение данного вопроса и не интересно слушать идиотские советы, вот что нарыл:

ща буду искать, как лучше совместить одно с другим...

Если особо одаренным не хватает ума заглянуть в исходный код приведенного примера, изучить CSS и примитивный JS, то я не в силах помочь.

[dron]

итак, кому интересно, вот простое решение:

1. берем всплывающее окно: http://ruseller.com/lessons.php?rub=32&id=178

2. там же качаем исходник js-файлами jQuery.js и interface.js, и папкой images

3. берем php-форму, например такую:

<? 

function complete_mail() { 
		// $_POST['title'] содержит данные из поля "Тема", trim() - убираем все лишние пробелы и переносы строк, htmlspecialchars() - преобразует специальные символы в HTML сущности, будем считать для того, чтобы простейшие попытки взломать наш сайт обломались, ну и  substr($_POST['title'], 0, 1000) - урезаем текст до 1000 символов. Для переменных $_POST['mess'], $_POST['name'], $_POST['tel'], $_POST['email'] все аналогично
		$_POST['title'] =  substr(htmlspecialchars(trim($_POST['title'])), 0, 1000); 
		$_POST['mess'] =  substr(htmlspecialchars(trim($_POST['mess'])), 0, 1000000); 
		$_POST['name'] =  substr(htmlspecialchars(trim($_POST['name'])), 0, 90); 
		$_POST['tel'] =  substr(htmlspecialchars(trim($_POST['tel'])), 0, 90); 

		// создаем наше сообщение 
		$mess = ' 
Имя отправителя:'.$_POST['name'].' 
Контакты:'.$_POST['tel'].' 
'.$_POST['mess']; 
		// $to - кому отправляем. можно вписать несколько адресов 
		$to = 'ваша электронная почта'; 
		// $from - от кого 
		$from='например, Письмо с сайта'; 
		mail($to, $_POST['title'], $mess, "From:".$from, "Conten-Type: text/plain; charset=\"win-1251\"\n"); 
		header("location: ссылка на страницу, которая загрузится после отправки письма"); 
} 

if (!empty($_POST['submit'])) complete_mail(); 
else show_form(); 
?>

назовем этот файл contact.php

4. в исходнике вместо текстового блока вставляем форму, например такую:

<form method="post" action="путь до файла contact.php" ENCTYPE="multipart/form-data"> 

   <p>Ваше имя<br /> 
   <input type="text" name="name" class="txt"></p> 
   <p>Контакты<br /> 
   <input type="text" name="tel" class="txt"></p> 
   <p>Тема<br /> 
   <input type="text" name="title" class="txt"></p> 
   <p>Сообщение<br /> 
   <textarea rows="10" name="mess" cols="75"></textarea></p> 
   <input type="submit" value="Отправить" name="submit" class="button"> 
  </form>

Вот и все! Простейший пример готов!

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

[dron]

вот еще один пример. более навороченый: http://ruseller.com/lessons.php?rub=29&id=283

[s0rr0w]

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

То, что вы решили вопрос самостоятельно, похвально. Ваш вопрос носит фундаментальный характер, и лучшим ответом на него является код. Так как тут не дают готовые решения, а помогают изучать технологии, на ваш вопрос был дан верный, но абсолютно бесполезный ответ. Это сподвигло вас самостоятельно изучить данный вопрос. Цель достигнута.

P.S. Советую внимательно прочитать правила форума.

[HenryMits]

dron МОЛОДЕЦ, спасибо ему большое. А модераторы ничего стоящего не написали, лучше б вообще ничего не писали, чем тупо язвить.

[Justnewone]

dron МОЛОДЕЦ, спасибо ему большое. А модераторы ничего стоящего не написали, лучше б вообще ничего не писали, чем тупо язвить.

Лучше в личку пишите адресно.