Jump to content

Coder-vasya

Newbie
  • Posts

    17
  • Joined

  • Last visited

Information

  • Sex
    мужской
  • From
    россия

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Coder-vasya's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Друзья какой будет код JavaScript чтобы этот калькулятор работал ??? Заранее огромное спасибо <body> <div> <form> <input type="text"/> <input type="text"/> <input type="text"/> <input type="submit" value="+"/> <input type="submit" value="-"/> <input type="submit" value="/"//> <input type="submit" value="*"/> <input type="submit" value="="//> </form> </div> </body>
  2. Друзья помогите разобраться. Как будет выглядеть скрипт. У нас есть изображение (какое то любое).При наведении курсора оно будет меняться на другое изображение. Понимаю что нужно делать с помощью ON MOUSEOVER И еще вопрос, можно ли здесь сделать чтобы выводило день недели , оно конечно выводит , но в виде цифры. Какие есть варианты ? <script>function clock(){ var v=new Date() var y=v.getFullYear(); var m=v.getMonth()+1; var d=v.getDate(); var h=v.getHours(); var m1=v.getMinutes(); var s=v.getSeconds(); var day=v.getDay(); if(m<10) m="0"+m; if(d<10) d="0"+d; if(h<10) h="0"+h; if(m1<10) m1="0"+m1; if(s<10) s="0"+s; document.getElementById("time").innerHTML='<b>'+d+'.'+m+'.'+y+' '+h+':'+m1+':'+s+' '+day+'</b>'; document.getElementById("time").style.color="#ff0000"; document.getElementById("time").style.fontSize="100px"; setTimeout("clock()",1000)} </script>
  3. Друзья подскажите как написать скрипт. Заранее благодарен. Должно вылазить окно "Введите имя"(вопрос), если строка пустая или была нажата кнопка отмена выходит сообщение "действие отменено". Если введено любое другое имя кроме Василий выводит сообщение "Имя не найдено". Если имя введено правильно , выводит окно с вопросом "Фамилия?" Если введена любая другая фамилия кроме Зайцев выводит сообщение "Фамилия не найдена". Если было введено Василий Зайцев то выводит сообщение "Здравствуйте Василий Зайцев"
  4. Добрый день товарищи , я начинающий, подскажите пожалуйста как сделать так , чтобы в сообщении получить информацию о выборе из поля checkbox и radio, и чтобы при не полном заполнении формы она появлялась вновь, с тем что было заполнено в первый раз с сообщением "Пожалуйста заполните корректно все поля ввода." Я кое что набросал: <body><?php if(isset($_POST["OK"])) {$fio2=$_POST["fio"]; $email2=$_POST["email"]; $pass2=$_POST["pass"]; $msg="Ф.И.О:".$fio2."email:".$email2."пароль:".$pass2."О себе:".$about; mail("test@mail.ru","Обращение с сайта",$msg); echo "<b class=\"letter\">Письмо отправлено</b>";} else{?> <form id="form" method="post" > <legend><span class="span1">Имя пользователя:<input name="fio" class="input1" type="text"/></span></legend> <legend><span class="span2">Адрес email:<input name="email" class="input2" type="text"/></span></legend> <legend><span class="span3">Придумайте пароль:<input name="pass" input class="input3" type="password"/></span></legend> <legend><span class="span4">Повторите пароль:<input name="pass" class="input4" type="password"/></span></legend> <legend><span class="span5">Расскажите о себе:<textarea name="about" class="textarea" cols="40" rows="4"></textarea></span></legend> <span class="span6">Выберите ваш возраст:</span> <fieldset class="fieldset"><label class="label">до 25<input name="age" type="radio" value="aaa1"/></label> <label class="label">25-45<input name="age" type="radio" value="bbb1"/></label> <label class="label">более 45<input name="age" type="radio" value="ccc1"/></fieldset></label> <label class="label"><span span class="span7"><input name="lisense" value="aaa" type="checkbox"/>Я принимаю Лицензионное соглашение</span></label> <label class="label"><span span class="span8"><input name="lisense" value="bbb" type="checkbox"/>Я принимаю Лицензионное соглашение</span></label> <input class="submit" name="OK" type="submit" value="Продолжить регистрацию"/> </form><?php }?> </body>
  5. Спасибо огромное все работает, я всего лишь 2дня в теме php, и месяц в html и css.когда нибудь я достигну уровня шаолиня, пока я делаю только первые шаги. Я понимал что работать нужно было с else , но не до конца понимал как грамотно это написать.
  6. Ребята помогите пожалуйста разобраться. Как сделать чтобы после отправки формы она исчезла и осталось только "Сообщение отправлено". Заранее благодарен. <!doctype html> <html> <head> <meta charset="utf-8"> <title>занятие 1</title> <link rel="stylesheet" href="style.css"> </head> <body><?php if(isset($_POST["OK"])) {$fio2=$_POST["fio"]; $email2=$_POST["email"]; $text2=$_POST["text"]; $msg="Фио:".$fio2."почта".$email2."Запрос".$text2; mail("test@mail.ru","Обращение с сайта",$msg); echo "Письмо отправлено";} ?> <form method="post" class="form"> <div class="flex-container"> <div class="flex-block1">Имя</div> <div class="flex-block2">Почта</div> <div class="flex-block3">Запрос</div> </div> <div class="flex-container1"> <div><input class="input" type="text" name="fio"/></div> <div><input class="input" type="text" name="email" /></div> <div><textarea class="input" name="text" cols="60" rows="7"></textarea></div> <div><input class="submit" type="submit" name="OK" value="Уехало!"/></div> </form> </div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ .form{width:650px;height:500px; border:4px double #2A2298; border-radius:5px;font-size:20px; font:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif ;position:relative;top:25px;left:350px;color:#1A00FF;outline:4px double #0104A0; } body{background-color:#E1CDCD; } .flex-container{display:-webkit-inline-flex;display:inline-flex;flex-direction:column;width:130px;height:450px;justify-content:space-around;} .flex-container1{display:-webkit-inline-flex;display:inline-flex;flex-direction:column;width:450px;height:450px; justify-content:space-around; } .submit{width:150px;height:50px;background-color:#B90003;color:#000000;border:solid 2px #2200FF;border-radius:5px;font-size:20px;box-shadow:10px 10px 10px #1103CF;} .input{background-color:#9D9D9D;border:solid 1px #000000;border-radius:3px;box-shadow:10px 10px 10px #1103CF;} .flex-block1, .flex-block2, .flex-block3{font-style:italic;font-weight:900;position:relative;left:55px;} .flex-block2{top:-65px;} .flex-block3{top:-95px;}
  7. Нет это медиа-запрос. Классы здесь search и wsearch Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных устройств другие. Также можно выявить различные характеристики вроде наличия монохромного экрана, ориентации (портретная или альбомная) и др. Все характеристики легко комбинируются, поэтому допустимо задать стиль только для устройств в альбомной ориентации с заданным разрешением экрана. Возможности медиа-запросов не ограничиваются выявлением мобильных устройств, с их помощью можно создавать адаптивный макет. Такой макет подстраивается под разрешение монитора и окна браузера, меняя при необходимости ширину макета, число колонок, размеры изображений и текста. Медиа-запросы ограничивают ширину макета и при достижении этого значения (к примеру за счёт уменьшения окна или при просмотре на устройстве с указанным размером) уже применяется другой стиль. Страница изначально выглядит 1 в 1 как yandex,ru. А при уменьшении экрана должна выглядеть как ya.ru. Просто я из всего кода выдрал только строку поиска, не стал весь код страницы добавлять сюда. Я так и думал что все зависит от позиционирования. Значит ставлю относительное позиционирование ? С позиционированием у меня проблемы , не до конца понял когда лучше использовать абсолютное и относительное.
  8. Помогите сделать сужающуюся строку поиска. Как на ya.ru при уменьшении окна браузера. Когда окно будет меньше 1024 пикселей. @media screen and (max-width:1024px)Что тут написать ??? что только не пробовал , не могу добиться эффекта. Все уезжает , все разъезжается ))) У меня задание скопировать яндекс и чтобы при размере менее 1024 пикселей он приобретал вид ya.ru.
  9. Помогите сделать сужающуюся строку поиска. Как на ya.ru при уменьшении окна браузера. Когда окно будет меньше 1024 пикселей. @media screen and (max-width:1024px)Что тут написать ??? что только не пробовал , не могу добиться эффекта. Все уезжает , все разъезжается ))) У меня задание скопировать яндекс и чтобы при размере менее 1024 пикселей он приобретал вид ya.ru.
  10. Спасибо большое , что не оставили без внимания попробую сейчас сделать как советует Светлана. Думаю что это самый лучший способ.
  11. CSS еще не проходили, таблицу нужно сделать только на HTML. Прошли основные теги и атрибуты к ним , скажем так. Создание простых таблиц и атрибуты к ним. Преподаватель решил дать мне домой таблицу по сложнее, так как на лекции я все довольно быстро сделал. Задание как на фото. Я не знаю лишь как убрать стороны ячейки и как сделать расстояние между нижней ячейкой и всей таблицей. Задание любым способом сделать таблицу как на рисунке. По ссылке я прикрепил свой набросок. Я не прошу сделать это за меня. Я просто хочу понять как это делается, увидеть своими глазами и это навсегда отпечатается у меня в голове. Не совсем понимаю как это написать. Там где закрашенные ячейки , можно конечно сделать границу того же цвета что и ячейка. Тогда она будет сливаться и условие будет выполнено. Либо каким то образом вообще убрать линии у закрашенных ячеек. Сам он сказал что думал неделю Придумать то я придумал , а как написать , вот это проблема, заготовку сделал , путем тыка проверяю вот сижу и очень сильно интересно , как сделать ощутимое расстояние между нижней ячейкой и всей таблицей. Жестких условий нет. Важен внеший вид таблицы. Сверху я сделал ячейки 5% от всей таблицы. Чтобы в последствии их обьеденить и как то сделать их невидимыми Так я достигну расстояния 5 % от верхнего края браузера до таблицы. Но как это написать ?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy