За последние 24 часа нас посетили 17795 программистов и 1651 робот. Сейчас ищут 1252 программиста ...

СРОЧНО!!! Требуется помощь

Тема в разделе "HTML и CSS", создана пользователем zebbo, 16 ноя 2015.

  1. zebbo

    zebbo Новичок

    С нами с:
    16 ноя 2015
    Сообщения:
    2
    Симпатии:
    0
    Вопрос в следующем одностроничнике что то с формами нет отправки. Помогите с обработчиками, но все же может я сам что не то делаю. Посмотрите пожалуйста. Код самой страницы
    Код (PHP):
    1. <!DOCTYPE html>
    2. <html>
    3.  <head>
    4.     
    5.     <meta charset="utf-8">
    6.     <meta name="description" content="">
    7.     <meta name="viewport" content="width=device-width">
    8.     
    9.         
    10.     <link href="css/style.css" type="text/css" rel="stylesheet">
    11.     <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    12.     <script type="text/javascript" src="js/jquery.validate.js"></script>
    13.     <script type="text/javascript" src="js/main.js"></script>
    14.     <script type="text/javascript" src="js/jquery.roundabout.min.js"></script>
    15.     <script src="http://malsup.github.com/jquery.form.js"></script>
    16.     
    17.     
    18.     <link rel="shortcut icon" href="images/favicon.ico">
    19.     <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    20.     
    21.     
    22.     <title>Шкафы-купе и кухни на заказ в Ярославле</title>
    23. </head>
    24. <body>
    25.             
    26.         <div id="header-w">    
    27.             <div id="top-w">
    28.                 <div id="top">
    29.                     <div id="logo">Шкафы-купе и кухни<br><span>на заказ в Ярославле</span></div>
    30.                     <div id="phone">8(915) 979-88-76<br><span>Ярославль</span></div>
    31.                     <div class="clear"></div>
    32.                 </div>
    33.                 <div id="nav-w">
    34.                 <div id="nav">
    35.                     [url="#header-w"]Главная[/url]
    36.                     [url="#preim"]Преимущества[/url]
    37.                     [url="#prim"]Примеры работ[/url]
    38.                     [url="#garant"]Гарантии[/url]
    39.                     [url="#kak"]Как мы работаем[/url]
    40.                     [url="#otz"]Отзывы[/url]
    41.                     [url="#contact"]Контакты[/url]
    42.                     <div class="clear"></div>
    43.                 </div>    
    44.                 </div>    
    45.             </div>    
    46.             <div id="header">
    47.                 <h1><span>Изготовление и монтаж шкафов-купе с гарантией 5 лет</span><br><span>напрямую от производителя</span></h1>
    48.                 <h2><span>Бесплатная доставка точно в срок. От замера до сдачи работы любой сложности 7 дней</span></h2>
    49.                 <div class="clear"></div>
    50.                 <div id="formbox">
    51.                     <h4>Оформить заказ</h4>
    52.                     <form action="send.php" method="POST" name="form" id="form">
    53.                         <input type="text" size="50" name="name" placeholder="Ваше имя">
    54.                         <input type="text" size="50" name="number" placeholder="Ваш телефон">
    55.                         <div id="submit"><input type="submit" name="submit" value="Заказать"></div>
    56.                     </form>
    57.                 </div>
    58.                 <div class="clear"></div>
    59.                 <div id="img-box"></div>
    60.                 <div id="timer-box">
    61.                     <h3>При заказе, ужин в ресторане на двоих в подарок</h3>
    62.                     <div id="chisla"></div>
    63.                     <div class="timer">
    64.                         <div id="do">До конца акции осталось:</div>
    65.                         <div id="timer"></div>
    66.                     </div>
    67.                 </div>
    68.             </div>
    69.             <div class="clear"></div>
    70.         </div>    
    71.             
    72.         <div id="box-1-w">    
    73.         <div id="preim" class="link"></div>
    74.             <div id="box-1">
    75.                 <div class="h2">Наши преимущества:</div>
    76.                 <div class="box-1">
    77.                     <img src="images/16.png" id="b1-1" alt="">
    78.                     <p>Обклейка оракалом</p>
    79.                 </div>
    80.                 <div class="box-1">
    81.                     <img src="images/17.png" id="b1-2" alt="">
    82.                     <p>Пескоструйный рисунок</p>
    83.                 </div>
    84.                 <div class="box-1">
    85.                     <img src="images/18.png" id="b1-3" alt="">
    86.                     <p>Пантографы</p>
    87.                 </div>
    88.                 <div class="clear"></div>
    89.                 <div class="box-1">
    90.                     <img src="images/19.png" id="b1-4" alt="">
    91.                     <p>Премиум рамира</p>
    92.                 </div>
    93.                 <div class="box-1">
    94.                     <img src="images/20.png" id="b1-5" alt="">
    95.                     <p>3d модель</p>
    96.                 </div>
    97.                 <div class="box-1">
    98.                     <img src="images/21.png" id="b1-6" alt="">
    99.                     <p>Радиусные зеркала</p>
    100.                 </div>
    101.                 <div class="clear"></div>
    102.                 <h3>Оформите бесплатный выезд замерщика</h3>
    103.                 <div id="formbox2">
    104.                     <form action="send2.php" method="POST" name="form" id="form2">
    105.                         <input type="text" size="50" name="name" placeholder="Ваше имя">
    106.                         <input type="text" size="50" name="number" placeholder="Ваш телефон">
    107.                         <div id="submit2"><input type="submit" name="submit" value="Оформить"></div>
    108.                     </form>
    109.                 </div>
    110.                 <div class="clear"></div>
    111.             </div>    
    112.         </div>    
    113.         
    114.         <div id="p1" class="pop-up">
    115.             <div class="close"></div>
    116.             <h2>Обклейка оракалом</h2>
    117.             <p>Пленка ORAKAL (ОРАКАЛ) – самоклеющаяся пленка для получения изображений и надписей с помощью плоттерной резки и последующей аппликацией.<br>
    118.                 Пленка ORACAL – одна из наиболее распространенных в нашей стране аппликационных пленок. Слово ОРАКАЛ стало практически нарицательным для обозначения пленки в наружной рекламе.<br>
    119.                 Исторически аппликационная пленка пришла как замена процессу создания изображений и нанесения надписей с помощью красок.<br>
    120.                 Плоттерные изображения пленкой ОРАКАЛ намного долговечнее, несравнимо проще в создании и нанесении, очень высокого качества.<br>
    121.                 Пленка ORACAL отлично клеится на оргстекло, ПВХ, полистирол, пенокартон. ORACAL производится различных цветов и оттенков, что гарантирует разнообразие дизайна и творческих идей.</p>
    122.         </div>
    123.         <div id="p2" class="pop-up">
    124.             <div class="close"></div>
    125.             <h2>Пескоструйный рисунок</h2>
    126.             <p>Рисунки пескоструя на зеркале – это неординарное и элегантное решение. Специальное пескоструйное оборудование помогает создавать очень нежные рисунки, напоминающие узоры на окнах зимой. Используя современные технологии, пескоструйный рисунок можно сделать не только однотонным, но и цветным. Стойкие краски не тускнеют со временем.<br>Рисунок на зеркало можно нанести на лицевую сторону, и тогда он будет отражаться, дублироваться своим отражением. Или же рисунок наносится на зеркальную поверхность со стороны амальгамы, которую предварительно аккуратно снимают. И тогда рисунок получается как бы «внутри зеркала». Благодаря подсветке узоры в зеркале получают реалистичный объем.</p>
    127.         </div>
    128.         <div id="p3" class="pop-up">
    129.             <div class="close"></div>
    130.             <h2>Пантографы</h2>
    131.             <p>Пантографы (мебельные лифты) - позволяют максимально полно использовать все пространство шкафа-купе, обеспечивая подъем вешалки с одеждой на довольно большую высоту. Выдерживают нагрузку до 15 кг.</p>
    132.         </div>
    133.         <div id="p4" class="pop-up">
    134.             <div class="close"></div>
    135.             <h2>Премиум рамира</h2>
    136.             <p>Относится к категории рамных конструкций и позволяет использовать в качестве наполнения дверей большой спектр материалов: ДСП , стекло, зеркала или декоративные панели толщиной , а также их различные сочетания. Широкая цветовая гамма алюминиевых профилей для шкафов купе создаёт простор для дизайнерских решений. Усовершенствованная система направляющих роликов с пружинным амортизатором обеспечивает, помимо плавного и «мягкого» хода двери, невозможность при нормальных условиях эксплуатации схода двери с соответствующего ручья ходового профиля. Отличное исполнение всех комплектующих и механизмов, отработанная на практике методика расчета и сборки позволят удовлетворить самые смелые пожелания в оформлении мебели и интерьера.</p>
    137.         </div>
    138.         <div id="p5" class="pop-up">
    139.             <div class="close"></div>
    140.             <h2>3d модель</h2>
    141.             <p>При оформлении заявки к вам выедет мастер для замера. После чего, при вас, с помощью специальной программы, с учетом всех замеров, будет составлена объемная модель вашего заказа.</p>
    142.         </div>
    143.         <div id="p6" class="pop-up">
    144.             <div class="close"></div>
    145.             <h2>Радиусные зеркала</h2>
    146.             <p>Шкаф с зеркальным фасадом, который имеет радиусную форму, - нетривиальный вариант привычного предмета мебели. <br>
    147.                 Шкаф-купе с радиусным фасадом великолепно впишется в помещение нестандартной планировки, так как, зачастую, изготавливается в точном соответствии с изгибом стен. Это позволяет рационально использовать квадратные метры, значительно экономя пространство. Большая вместительность - дополнительный плюс радиусных шкафов. Зеркальная поверхность с рисунком особенно уместна для спален, гостиных, прихожих.<br><br>
    148.                 Радиусные шкафы-купе могут быть выполнены в следующих типах форм:<br>
    149.                 •    выпуклой;<br>
    150.                 •    вогнутой;<br>
    151.                 •    комбинированной.</p>
    152.         </div>
    153.             
    154.         <div id="box-2-w">    
    155.         <div id="prim" class="link"></div>
    156.             <div id="box-2">
    157.                 <div class="h2">ПРИМЕРЫ НАШИХ РАБОТ</div>    
    158.                 <div id="slider">    
    159.                     <ul>
    160.                         <li><img src="images/31.jpg" alt=""></li>
    161.                         <li><img src="images/32.jpg" alt=""></li>
    162.                         <li><img src="images/33.jpg" alt=""></li>
    163.                         <li><img src="images/34.jpg" alt=""></li>
    164.                         <li><img src="images/35.jpg" alt=""></li>
    165.                         <li><img src="images/36.jpg" alt=""></li>
    166.                     </ul>
    167.                     <a href="#" id="prev"></a>
    168.                     <a href="#" id="next"></a>
    169.                 </div>
    170.                 <div class="clear"></div>    
    171.                 <div class="box-2-button">Узнать цену</div>    
    172.                 <div class="clear"></div>
    173.             </div>    
    174.         </div>    
    175.             
    176. <!--    <div id="box-3-w">    
    177.             <div id="box-3"><span>АКЦИЯ!</span><br><br>При заказе кухни из<br> пластика, каменная<br> столешница в подарок</div>
    178.             <div class="clear"></div>
    179.         </div>    
    180. -->    
    181.             
    182.         <div id="box-4-w">    
    183.         <div id="garant" class="link"></div>
    184.             <div id="box-4">    
    185.                 <div class="h2">Наши гарантии:</div>
    186.                 <div class="box-4 b41"><p>Кратчайшие<br>сроки</p></div>
    187.                 <div class="box-4 b42"><p>Сертифицированная<br>продукция</p></div>
    188.                 <div class="box-4 b43"><p>Соблюдение<br>сроков</p></div>
    189.                 <div class="box-4 b44"><p>Напрямую<br>от производителя</p></div>
    190.                 <div class="clear"></div>
    191.             </div>    
    192.         </div>    
    193.             
    194.         <div id="box-5-w">    
    195.         <div id="kak" class="link"></div>
    196.             <div id="box-5">    
    197.                 <div class="h2">Как мы работаем:</div>
    198.                 <div class="box-5">
    199.                     <class="b51">Вы <span>оставляете заявку</span><br> или совершаете звонок</p>
    200.                     <class="b52">С вами связывается<br>наш менеджер</p>
    201.                     <class="b53">К вам выезжает<br>мастер для замера</p>
    202.                     <class="b54">Создаем<br>3d модель</p>
    203.                     <class="b55">Расчитываем<br>стоимость</p>
    204.                     <class="b56">Изготовление<br>мебели</p>
    205.                     <class="b57">Доставка<br>и монтаж</p>
    206.                 </div>
    207.                 <div class="clear"></div>
    208.             </div>    
    209.         </div>    
    210.             
    211.         <div id="box-6-w">    
    212.         <div id="otz" class="link"></div>
    213.             <div id="box-6">
    214.                 <div class="h2">Отзывы</div>    
    215.                 <div class="box-6">
    216.                     <img src="images/22.png" alt="">
    217.                     <h3>Григорий</h3>
    218.                     <p>Долго искал где заказать шкаф-купе. Крупные игроки делают заурядные модели, а мы с супругой искали что-то особенное, дизайнерское. Готовы были хорошо заплатить. Ребята сделали все просто великолепно! Мало того, что на удивление быстро, так еще и так, как мы хотели. Цена приятно удивила, хотя наши прихоти и выливались в кругленькую сумму! </p>
    219.                 </div>
    220.                 <div class="box-6">
    221.                     <img src="images/23.png" alt="">
    222.                     <h3>Александр</h3>
    223.                     <p>Достаточно быстро определился с выбором :) Я сам работаю арт-директором в клубе, именно поэтому, если быть откровенным, меня привлек сайт!) Ибо как мне могут сделать дизайнерский шкаф на всю комнату, если люди не могут сделать себе нормальный сайт!? И это в наше время! В общем, я ничуть не прогадал. Работа весьма порадовала, особенно волнистое зеркало с пескоструйной обработкой, как я давно хотел!!! :) </p>
    224.                 </div>
    225.                 <div class="box-6">
    226.                     <img src="images/24.png" alt="">
    227.                     <h3>Оксана</h3>
    228.                     <p>Вы просто супер!!! Особенно ваш замерщик Борис;) Заказом остались довольны!!! Теперь хожу и теряюсь в этом таинственном лесу, который изображен на дверях. Быстро, качественно, доступно.</p>
    229.                 </div>
    230.                 <div class="clear"></div>
    231.             </div>    
    232.         </div>    
    233.             
    234.         <div id="box-7-w">    
    235.         <div id="contact" class="link"></div>
    236.             <div id="box-7">
    237.                 <h3>Оформить бесплатный выезд замерщика</h3>
    238.                 <div id="formbox3">
    239.                     <form action="send2.php" method="POST" name="form" id="form3">
    240.                         <input type="text" size="50" name="name" placeholder="Ваше имя">
    241.                         <input type="text" size="50" name="number" placeholder="Ваш телефон">
    242.                         <div id="submit3"><input type="submit" name="submit" value="Оформить"></div>
    243.                     </form>
    244.                 </div>
    245.                 <div class="clear"></div>
    246.             </div>    
    247.             <div id="map">
    248.                 <div id="cont"><span>Контакты</span><br><br>Ярославль<br> ул. Песочная 55</div>
    249.                 <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=X6x0w9ULsuBbROUwNt3mThbP2rMcfrHz&width=100%&height=100%&lang=ru_RU&sourceType=constructor"></script>
    250.             </div>
    251.             <div class="clear"></div>
    252.         </div>    
    253.             
    254.         <div id="box-8-w">    
    255.             <div id="box-8">
    256.                 <h2>Остались вопросы?<br>Задайтe их прямо сейчас!</h2>
    257.                 <div class="clear"></div>    
    258.                 <div class="box-8-button">Задать вопрос</div>    
    259.                 <div class="clear"></div>
    260.             </div>    
    261.         </div>
    262.         
    263.             <div id="bottom-w">
    264.                 <div id="bottom">
    265.                     <div id="logo2">Шкафы купэ и кухни<br><span>на заказ в Ярославле</span></div>
    266.                     [url="http://алямебеля.рф"]</div>[/url]
    267.                     <div id="phone2">8(915) 979-88-76<br><span>Ярославль, Песочная 55</span></div>
    268.                     <div class="clear"></div>
    269.                 </div>    
    270.             </div>            
    271.     
    272.         <div id="thnx">
    273.             <div id="thnx-box">
    274.                 <div class="close"></div>
    275.                 <h3>Спасибо за заявку, <br>наш менеджер свяжется с вами в ближайшее время!</h3>
    276.             </div>
    277.         </div>    
    278.         <div id="wrapper"></div>
    279.     
    280.             <div id="z-wrapper" class="z-box">            
    281.                 <div class="formbox">
    282.                     <div class="close"></div>
    283.                     <h4>Узнайте цену</h4>
    284.                     <form action="send3.php" method="POST" name="form" id="form4">
    285.                         <input type="text" size="50" name="name" placeholder="Ваше имя">
    286.                         <input type="text" size="50" name="number" placeholder="Ваш телефон">
    287.                         <div class="submit"><input type="submit" name="submit" value="Отправить"></div>
    288.                     </form>
    289.                 </div>
    290.                 <div class="clear"></div>
    291.             </div>
    292.     
    293.             <div id="z-wrapper2" class="z-box">            
    294.                 <div class="formbox">
    295.                     <div class="close"></div>
    296.                     <h4>Задайте вопрос</h4>
    297.                     <form action="send4" method="POST" name="form" id="form5">
    298.                         <input type="text" size="50" name="name" placeholder="Ваше имя">
    299.                         <input type="text" size="50" name="number" placeholder="Ваш телефон">
    300.                         <textarea name="message" cols="50" placeholder="Ваш вопрос"></textarea>
    301.                         <div class="submit"><input type="submit" name="submit" value="Отправить"></div>
    302.                     </form>
    303.                 </div>
    304.                 <div class="clear"></div>
    305.             </div>
    306.     
    307.             <div id="z-wrapper3" class="z-box">            
    308.                 <div class="formbox">
    309.                     <div class="close"></div>
    310.                     <h4>оставить заявку</h4>
    311.                     <form action="send2.php" method="POST" name="form" id="form6">
    312.                         <input type="text" size="50" name="name" placeholder="Ваше имя">
    313.                         <input type="text" size="50" name="number" placeholder="Ваш телефон">
    314.                         <div class="submit"><input type="submit" name="submit" value="Отправить"></div>
    315.                     </form>
    316.                 </div>
    317.                 <div class="clear"></div>
    318.             </div>
    319.     
    320.         
    321.     <script type="text/javascript">
    322.     function two(a) {
    323.         return (9 < a ? "" : "0") + a
    324.     }
    325.     function formatTime(a) {
    326.         a = Math.floor(/ 1E3);
    327.         var b = Math.floor(/ 60),
    328.             c = Math.floor(/ 60),
    329.             d = c / 24 | 0,
    330.             c = c % 24;
    331.         a %= 60;
    332.         b %= 60;
    333.         return "<div id='days-am'>0" + d + "</div><div id='days-nm'>" + days(d) + "</div><div id='hours-am'>" + two(c) + "</div><div id='hours-nm'>" + hours(c) + "</div><div id='minutes-am'>" + two(b) + "</div><div id='minutes-nm'>" + minutes(b) +  "</div><div id='seconds-am'>" + two(a) + "</div><div id='seconds-nm'>" + seconds(a) + "</div>"
    334.     };
    335.  
    336.     // функция для склонения слов ( (1)"день", (2)"дня", (5)"дней")
    337.  
    338.     function plural(str1,str2,str5){
    339.       return function ( n ) {return ((((n%10)==1)&&((n%100)!=11))?(str1):(((((n%10)>=2)&&((n%10)<=4))&&(((n%100)<10)||((n%100)>=20)))?(str2):(str5)))}
    340.       }
    341.  
    342.     var days =  plural('День', 'Дня', 'Дней'),
    343.         hours = plural('Час', 'Часа', 'Часов'),
    344.         minutes = plural('Минута', 'Минуты', 'Минут'),
    345.         seconds = plural('Секунда', 'Секунды', 'Секунд');
    346.  
    347.     function Time() {
    348.         var data = Date.parse('05/24/2014') 
    349.         data = new Date(data);
    350.         data.setMinutes((-180 - data.getTimezoneOffset()), 0, 0);
    351.         for (; (new Date).getTime() > data; )  {
    352.         data.setDate(data.getDate()+3)
    353.         }
    354.         var a = data.getTime() -  (new Date).getTime();
    355.         var month=new Array(12);
    356.         month[0]="января";
    357.         month[1]="февраля";
    358.         month[2]="марта";
    359.         month[3]="апреля";
    360.         month[4]="мая";
    361.         month[5]="июня";
    362.         month[6]="июля";
    363.         month[7]="августа";
    364.         month[8]="сентября";
    365.         month[9]="октября";
    366.         month[10]="ноября";
    367.         month[11]="декабря";
    368.         document.getElementById("timer").innerHTML = formatTime(a);
    369.         document.getElementById("chisla").innerHTML = '' + data.getDate() + ' ' + month[data.getMonth()];
    370.         window.setTimeout(Time, 1E3)
    371.     };
    372.     Time()
    373.     </script>
    374.  
    375. </body>
    376. </html>
    Код начального обработчика
    Код (PHP):
    1. <?php
    2.  /* Здесь проверяется существование переменных */
    3.  if (isset($_POST['name'])) {$name = $_POST['name'];}  
    4. if (isset($_POST['phone'])) {$phone = $_POST['phone'];}
    5.  
    6.  
    7.  
    8. /* Сюда впишите свою эл. почту */
    9.  $address = "681853m2@mail.ru";
    10.  
    11. /* А здесь прописывается текст сообщения, \n - перенос строки */
    12.  $mes = "Телефон: $phone\nИмя: $name";
    13.  
    14. /* А эта функция как раз занимается отправкой письма на указанный вами email */
    15. $sub='Заказ'; //сабж
    16. $email='<Шкафы купе>'; // от кого
    17.  $send = mail ($address,$sub,$mes,"Content-type:text/plain; charset = utf-8\r\nFrom:$email");
    18.  
    19. ini_set('short_open_tag', 'On');
    20. header('Refresh: 3; URL=index.htm');
    21. ?>
    22. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    23. <htm>
    24. <head>
    25. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    26. <meta http-equiv="refresh" content="3; url=index.htm">
    27. <title>Я свяжусь с Вами и договорюсь о замере. Спасибо!</title>
    28. <meta name="generator">
    29. <style type="text/css">
    30. body
    31. {
    32.    
    33. }
    34. </style>
    35. <script type="text/javascript">
    36. setTimeout('location.replace("/index_send.htm")', 1000);
    37. /*Изменить текущий адрес страницы через 1 секунду (1000 миллисекунд)*/
    38. </script> 
    39. </head>
    40. </body>
    41. </htm>
    Не могу разобраться ПОМОГИТЕ ПОЖАЛУЙСТА, а то проект сдавать , А Я новичок еще в этом. )

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    таких проектировщиков в черном море топить надо!

    PS попробуй поменять атрибуты name с таких слов как name, number, submit на что то другое, у меня был когда то такой косяк, тоже форма ни как не отправлялась, что только не делал, у меня было name="value", изменил value на val и тут же все заработало.

    но не факт.
     
  3. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    если ты новичок то какого хрена у тебя срочные проекты с коротким дедлайном? сколько денег платишь?
     
  4. zebbo

    zebbo Новичок

    С нами с:
    16 ноя 2015
    Сообщения:
    2
    Симпатии:
    0
    Сколько возьмете за доработку?

    Добавлено спустя 2 минуты 22 секунды:
    А Так я еще совсем новичок в этом, но темь не менее учусь сам, но если не получается что то или не понимаю то обращаюсь к более продвинутым профессионалам. Но преимущество все таки доработать самому.