CroaToa

Здравствуйте. Есть разметка html

 

<form  action="mail.php" method="post" enctype="multipart/form-data" id="contactForm">						<div class="select-wrap">							<p>Выберите тип обращения:</p>							<select class="styler" name="styler">								<option value="1">поле 1</option>								<option value="2">поле 2</option>							</select>						</div>						<div class="inp-wrap">							<label for="name">Ваше имя <span>*</span></label>							<input type="text" class="styler" placeholder="Ваше имя..." required id="name" name="name">							<label for="email">Ваш E-mail <span>*</span></label>							<input type="email" class="styler" placeholder="Ваш E-mail..." required id="email" name="email">						</div><!-- inp-wrap -->						<label for="your-message">Ваше сообщение <span>*</span></label>						<textarea class="styler" id="your-message" required placeholder="Ваше сообщение..." name="message"></textarea>						<div class="subm-and-file-wrap">							<input type="file" class="upload-your-file" name="attachment">							<div class="submit-wrapper">								<button type="submit" class="submit"></button>							</div>						</div>					</form> 

 

И php который все это отправляет на мыло

 

<?phpclass Sendform {	// От чьего имени и от какого адреса отправлять. При необходимости можно изменить	private static $from_name = 'xxxx';	private static $from_email = 'xxxx';	private static $to_email = 'xxxx';	// Отправка формы	public function send() {		$name = self::getvar('name');		$email = self::getvar('email');		$message = self::getvar('message');		$styler = self::getvar('styler');		$from_email = self::mime_encode(self::$from_name,"UTF-8")." <".self::$from_email.">";		$tmpName = $_FILES['attachment']['tmp_name']; 		$fileType = $_FILES['attachment']['type']; 		$fileName = $_FILES['attachment']['name'];		switch ($styler) {			case '1':				$st = 'поле 1';				break;			case '2':				$st = 'поле 2';				break;		}		$subject = 'xxxx';		$text = "Имя: $nameE-mail: $emailТип обращения: $stСообщение: $message";		if($fileName) {			$un        = strtoupper(uniqid(time()));			$head      = "From: $from_email\n";			$head     .= "To: ".self::$to_email."\n";			$head     .= "Subject: ".self::mime_encode($subject,'UTF-8')."\n";			$head     .= "X-Mailer: PHPMail Tool\n";			$head     .= "Mime-Version: 1.0\n";			$head     .= "Content-Type:multipart/mixed;";			$head     .= "boundary=\"———-".$un."\"\n\n";			$zag       = "————".$un."\nContent-Type:text/plain; charset=UTF-8\n";			$zag      .= "Content-Transfer-Encoding: 8bit\n\n$text\n\n";			$zag      .= "————".$un."\n";			$zag      .= "Content-Type: application/octet-stream;";			$zag      .= "name=\"".$fileName."\"\n";			$zag      .= "Content-Transfer-Encoding:base64\n";			$zag      .= "Content-Disposition:attachment;";			$zag      .= "filename=\"".$fileName."\"\n\n";			$zag      .= chunk_split(base64_encode(file_get_contents($tmpName)))."\n";			mail(self::$to_email, self::mime_encode($subject,'UTF-8'), $zag, $head);		} else {			$from_email = self::mime_encode(self::$from_name,"UTF-8")." <".self::$from_email.">";			$head="From: ".self::$from_email."\r\n";			$head.="X-Mailer: Sertse Mailer\r\n";			$head.="Content-Type: text/plain; charset=UTF-8\r\n";			$head.="Content-Transfer-Encoding: 8bit\r\n";			$head.="X-Priority: 3\r\n";			mail(self::$to_email, self::mime_encode($subject,'UTF-8'), $text, $head);		}	}	// Вспомогательная процедура для кодирования заголовков	private static function mime_encode($text,$charset) {         return "=?".$charset."?B?".base64_encode($text)."?=";	}		// Очистка и экранирование вредных символов	private static function getvar($name) {		return addslashes(htmlspecialchars(strip_tags($_POST[$name])));	}	}$reg = new Sendform;if(isset($_POST['name'])) $reg->send();?> 

 

Вопросы:

1. Как можно делать, что бы после отправки сообщения появилось всплывающее окно в котором будет моя html разметка?

2. Как добавить какую нибудь ползушку которая развлекает посетителя пока его письмо отправляется ( ну скажем он тяжелый файл грузит для отправки),

 

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

 

Даже не знаю в правильном месте ли я создал тему (читал что подобное делается через js), если все же через php надо, просьба перенести в соответствующий раздел.

Почему вы так решили, что будет трудно добавлять контент?

Ну у меня всего 1 опыт на cms, это обычный двухколоночный сайт был с сайдбаром и контентом.. сайдбар выводится, контент заполняется.. А тут не представляю как будут добавлять контент в третью колонку скажем. 

 

upd: отступы на самом деле не такие большие как нарисовано, для наглядности приведу цифры, ширина блоков по 300px, отступы по 30px, вот и думаю это на самом деле 3 колонки или же 1 колонка с добавляемым контентом в виде инлайн блоков скажем)

Есть такое задание

3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока.

У всех троих ширина одинаковая.

Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано.

Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? 

На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?

Кстати у меня тоже очень часто с сафари проблемы. Apple делают второе IE что ли.. Особенно с масштабированием картинок.

Как всегда табличная верстка, оцените.

http://fs59.ru - Компания "Форвард-С" - полиграфический салон.

Я конечно извиняюсь, но зачем выкладывать работы тут если критики не терпите? Люди дают вполне реальные советы и критикуют вполне уместно. Если я был бы Вашим заказчиком, то руки бы оторвал только из за валидатора.

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

Прямая дорога в программисты. Будешь противным программистом. 

Тут как бы более важны стили .news а их не предоставили.

читайте http://ru.bem.info/method/ .

Нормально, мне нравится)

А что именно вызвало сомнения?

Хотя бы то, что у Попова везде сплошные id вместо class  

http://www.achatpublic.info/  первая работа 

Ты продвинутый, сразу начал со слайдерами и тд..)) 

Серебряной пули нет, всё зависит от задачи.

Если верстается промо, с подгонкой надписей под графику и т.п., альтернативы пикселям немного. Если контент и под новые браузеры — удобно задать основной размер (для HTML) в пикселях, а дальше от него плясать rem-ами. Аналогично бывает удобно делать масштабируемые виджеты (кнопки и т.п.) с размерами в em-ах — тогда их размер будет подстраиваться под контекст в зависимости от размера текста родителя. Завязывать всё на em-ы, как по мне, быстро превращается в мучение из-за неудобных дробей, но опять же — надо смотреть по ситуации.

полезное сообщение, спасибо.

Вопрос не в разнице rem и em, а преимущество емов перед пикселями.

Выше как раз описали не разницу между rem и em а их преимущество перед пикселями. 

Смысл темы? За 5000 рублей свестраю.

 

обращаю внимание гуру на маленькую деталь - это название раздела форума где гуру сейчас написало.

 

1. htmlforum.ru
2.  
3. → Основной форум
4.  
5. → Для начинающих
6.  
7. → Макеты для вёрстки

2014-й  учить JavaScript...

 Смысл в чем? С 2013 все рождались со знаниями уже? Или с 2014 Javascript неактуален?

Отзывы говорят что для полных новичков будет сложно, но посмотрим

 

Ну если так, то можно начать с просмотра видеокурса от ШП "Основы программирования", там как раз на примере JavaScript'a рассматривают алгоритмы, принципы работы компьютерных программ и т.д.

спасибо, поищу

Начала паниковать - и думала, что это не для меня.

Те же ощущения после просмотра первых 4 частей уроков от Sorax-а  Но мысль, что знать только html + css = "почти ничего не знать" не дает покоя))

 

это тот же Илья Кантор

А он сейчас курсы не введет? Я тоже с его уроков начала.

 

тзывы говорят что для полных новичков будет сложно, но посмотрим

В каком-то смысле согласна, задачи реальные и не простые. Зато недавно на работе применила подходы с одной задачи. Практика хорошая штука - откладывается в голове. )

 

Ну я в одном из торрентов нашел его видеоуроки) Там и про node.js есть) Мне кажется что профессионалы просто напросто не умеют рассказывать для тех кто абсолютно ничего не знает) Тот же Sorax. Думаю начну с Попова, как базовые какие то понятия пойму, сразу перейду к Илье и Sorax-у

Html +css тоже с полного 0 начинал, ни один урок не понимал кроме Попова)) Правда потом выяснилось, что очень многое надо забыть из его слов, но все таки базовый остаток от его уроков остается нормальный и позволяет перейти на другой уровень)

http://learn.javascript.ru/  - очень качественный материал, главное делайте все задания.

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

Но зато понравился учебник Ильи Кантора

Спасибо, поищу. 

Ребята, подскажите пожалуйста качественные видеоуроки, по которым можно узнать самые самые основы данного языка? Пытался смотреть Sorax-a, ничего не понял, наверное все таки его стоит смотреть когда уже что то знаешь (как и было в уроках по css). Книжки и онлайн книжки отпадают, со зрением в последнее время не лады, хочется именно видеоуроки. Думаю у Евгения Попова будет мне понятно (качается курс), только вот боюсь много лажы будет и я не могу понять что правильно а что фигня, так как совсем не знаком с языком.

Есть варианты какие нибудь?

 

Мне на одном из таких форумов коротко ответили

 

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

 

Считаю, что этот человек был прав.

Подробнее можно?

блин неужели так трудно искать самому такие простейшие вещи?

 

http://habrahabr.ru/post/138045/ 

http://css-tricks.com/examples/CSSTabs/

что бы натянуть на WP, PHP хорошо надо знать?  

в моем случаи нет, я ничего не менял, не трогал. Смотрел вот тут http://codex.wordpress.org/  там написано какая функция что делает. + помогал учитель с вопросами php)

Для общей картины только верстка без натяжки  

http://www.testx1.bl.ee/

http://www.croatoa.bl.ee/

 

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