X   Сообщение сайта
(Сообщение закроется через 3 секунды)


 

Здравствуйте, гость ( Вход | Регистрация )

История благодарностей участнику yury_mw. Поблагодарили: 0 раз(а)
Дата поста: В теме: За сообщение: Поблагодарили:
29.1.2012, 22:07 Обращение к разным таблицам из базы
Kuchuluk,
зачем результирующую таблицу заносить в БД? Просто будете использовать результат объединения в своих запросах.
Почитайте, должно помочь: http://ru.wikipedia.org/wiki/Join_(SQL)


Спасибо сказали: (0)
29.1.2012, 0:20 Ссылка js
phpCode,
вы бы, когда спрашиваете, "почему код не работает?" разъясняли, как, по вашему, должна выглядеть "работа" кода. Чтобы не нужно было пытаться прочесть ваши мысли для ответа на вопрос.
Вроде такого: "Мой код делает то-то и то-то, а надо, чтоб делал это и это. Как сделать, чтоб оно заработало так, как мне надо?"
Потому что ваш код вполне себе работает и даже не выдает никаких ошибок.

Далее следует сеанс телепатии (не обессудьте, если ваши мысли были прочтены с ошибками):
Есть подозрение, что вам требуется,
* чтобы в переменную jKey была помещена строка "com"
* и если, например, в переменной jBurl находится что-то вроде такого "http://url.", то document.write выводил бы код
<a href='http://url.com'>Ссылка</a>

Тогда соответствующий js будет выглядеть, примерно, так
<script type="text/javascript">
jBurl = "http://url.";/*замена отсутствующего кода jQuery, который, как вы говорите, заполняет переменную jBurl*/
jKey = "com";
jUrl = jBurl + jKey;
document.write("<a href='" + jUrl + "'>Ссылка</a>");
</script>



Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)
27.1.2012, 14:09 Сравнить макет с вёрсткой
* Открываем в фотошопе картинку с макетом
* делаем снимок экрана окна браузера с сайтом
* вставляем этот снимок в фотошоп слоем поверх макета
* устанавливаем прозрачность слою со снимком процентов 30-50, совмещаем изображения и сравниваем
(при желании можно масштаб увеличить и рассматривать интересующие места крупнее)

А это вообще так критично, чтобы было попиксельное совпадение?
Главное, чтобы сайт сам по себе смотрелся и функционировал, как задумывалось.
Сайт ведь для посетителей сделан, а никто из них пиксели считать не будет.
А еще бывает резиновая верстка, контент может разное место занимать, и т.п.


Спасибо сказали: (1)
24.1.2012, 19:44 Не выводится текст через оператор printf
Kuchuluk
Ну, например, php.su — хороший справочник.
Там и собственно справочник по php есть (где можно подсматривать правила языка и описания разных функций) и уроки для изучения а ля учебник.


Спасибо сказали: (0)
23.1.2012, 23:02 Не выводится текст через оператор printf
(Kuchuluk @ 23.1.2012, 18:56) *
matroskin8, спасибо большое за содействие) А можешь объяснить почему не нужно использовать команду $myrow2 = mysql_fetch_array($result2); ... она же выводит значения из базы в массив.

Kuchuluk,
команду $myrow2 = mysql_fetch_array($result2); использовать нужно, но в правильном месте.
Она считывает _одну_строку_ из таблицы базы данных в переменную $myrow2 (ну в добавок команда mysql_fetch_array считанную строку еще и оформляет ввиде ассоциативного и численного массивов).

Вообще цикл
[php]while ($row = mysql_fetch_array($result)){
...
}[/php]означает примерно следующее (и, кстати, буквально так и переводится на русский язык с английского):
Пока можно считать в переменную $row (по-русски "строка") строку из таблицы базы данных (т.е. выполнить команду $row = mysql_fetch_array($result)), делаем это в цикле и выполняем с прочитанными строками действия, указанные в теле цикла. А как только прочитать очередную строку не получится (т.е. попытка положить в очередной раз в переменную $row строку из БД завершится неудачей, что на практике означает, что мы добрались до конца таблицы) цикл пора завершать.

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


Спасибо сказали: (0)
15.1.2012, 16:06 Как сделать кнопки с подсветкой
brokkoli,
рисуем кнопку размером 150х40px
Фон лежит в картинке button.png 150х80px — в ней хранятся оба состояния кнопки, одно под другим: вверху обычное, сразу под ним то, которое с подсветкой.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>button</title>
<style type="text/css">
.button{
width: 150px;
height: 40px;
}
.button a,
.button a:visited{
display: block;
height: 40px;
background: url(button.png) no-repeat;
}
.button a:hover{
background: url(button.png) 0 -40px no-repeat;
}
</style>
</head>
<body>
<div class="button"><a href="#">Кнопка</a></div>
</body>
</html>



Спасибо сказали: (1)
9.1.2012, 20:24 Вопрос по уроку верстки (прикрепленному)
Banderas,
там урок неплохой (сам по нему немного учился когда-то), но кривоватый и устаревший, потому что половина позиционирования задается таблицами, нет нормального структурирования и семантики, и абсолютное позиционирование используется неточно. Так что ошибка не только в вашем позиционировании, но и сам урок не совсем правильный. И хром вам об этом рассказывает кривизной отображения. :)
Я бы верстал, примерно, так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>tst</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
<!--Технически логотип можно было и не выделять в отдельный блок, а запустить фоновым рисунком у шапки,
но семантически лучше, чтоб оно было именно так
+ иногда возникает желание на логотип ссылку повесить и/или всплывающую подсказку, см title="логотип"-->
<div id="logo" title="логотип">
</div>
<div id="desc"><div class="wrap">
<p>Что такое Revolt? Это тюнинговый центр, где всегда будут рады Вам. Это надежный сервис, разумные цены и отличный результат.</p>
<p>Вам нужен тюнинг? Revolt ждет Вас!</p>
</div></div>
<div id="lang">
<!--Это место правильнее тоже списком сверстать-->
<a href="#">English version</a><br />
Русская версия
</div>
<div id="icons">
<ul>
<li><a href="#1" id="home"></a></li>
<li><a href="#2" id="mail"></a></li>
<li><a href="#3" id="sitemap"></a></li>
</ul>
</div>
<div id="hist"><div class="wrap">
<a href="index.html">Главная</a> &rarr; Контактная информация
</div></div>
</div>
<!--Дальнейшие блоки в css почти не сверстаны, просто голый html в две колонки (меню/контент) + подвал-->
<div id="main">
<div id="menu">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="portfolio.html">Наши работы</a></li>
<li><a href="service.html">Услуги и цены</a></li>
<li>Контактная информация</li>
<li><a href="shop.html">Магазин</a></li>
<li><a href="about.html">О компании</a></li>
<li><a href="responses.html">Отзывы</a></li>
</ul>
</div>
<div id="content">
<h2>Контактная информация</h2>

<p>Наши офисы находится по адресу:</p>

<h3>г. Бобруйск</h3>

<p>
ул. Академическая 138, корпус б, 2-й этаж<br />
тел/факс: 8 5908 908908<br />
<a href="map.html">Карта проезда</a>
</p>

<p>
ул. Еще более академическая 67<br />
тел/факс: 8 5908 908908<br />
<a href="map.html">Карта проезда</a>
</p>

<p>
проспект Гагарина 31<br />
тел/факс: 8 5908 908908<br />
<a href="map.html">Карта проезда</a>
</p>

<h3>г. Атлантик-сити</h3>

<p>
ул. Тихоокеанская, 251 м ниже уровня моря<br />
тел/факс: 8 5908 908908<br />
<a href="map.html">Карта проезда</a>
</p>

<p>
Наш e-mail: <a href="mailto:revolt@revolt.ru">revolt@revolt.ru</a>
</p>

</div>
</div>
<div id="footer">
<div id="copy"><div class="wrap">
2007 © Revolt<br>
Дизайн и верстка: <a href="mailto:mail@domain.ru">Ariser</a>
</div></div>
</div>
</body>
</html>
*{
margin:0;
padding:0;
}
#header{
position:relative;
text-align:center;
padding:0 300px;
min-width:360px;
height:155px;
}
#logo{
position:absolute;
top:24px;
left:24px;
width:270px;
height:60px;
background:url(img/logo.gif) no-repeat;
}

#desc{
margin:0 auto;
background:#393 url(img/fon.gif) no-repeat;
width:360px;
height:155px;
}
#desc .wrap{
padding:30px 20px;
}
#desc .wrap p{
padding-bottom:1em;
text-align:left;
color:#fff;
}

#lang{
position:absolute;
right:0px;
top:35px;
background:#c2c2c2 url(img/r-bdr.gif) no-repeat left;
height:46px;
width:150px;
text-align:center;
padding-top:4px;
}

#icons{
background:url(img/fon-s.gif);
position:absolute;
width:150px;
height:30px;
top:120px;
right:0px;
}
#icons ul{
list-style:none;
}
#icons li{
float:left;
height:30px;
width:50px;
}
#icons li a{
float:left;
height:30px;
width:50px;
}
#icons li a#home{
background:url(img/home.gif) 50% 50% no-repeat;
}
#icons li a#mail{
background:url(img/mail.gif) 50% 50% no-repeat;
}
#icons li a#sitemap{
background:url(img/sitemap.gif) 50% 50% no-repeat;
}

#hist{
background:url(img/fon-l.gif) no-repeat;
position:absolute;
top:120px;
left:0;
width:300px;
height:30px;
}
#hist .wrap{
padding-left:30px;
padding-top:5px;
}

#main{
/*main.gif — это картинка, совпадающая с фоном блока menu, в данном случае — это полоска 200х1px цвета #f4f4d4*/
background:url(img/main.gif) repeat-y;
}
#menu{
float:left;
width:200px;
background:#f4f4d4;
}
#content{
margin-left:200px;
padding:18px 0 0 80px;
text-align:left;
}

#footer{
position:relative;
height:200px;
}
#copy{
position:absolute;
bottom:0;
left:0;
height:200px;
width:200px;
background: #f4f4d4 url(img/main.gif) repeat-y;
}
#copy .wrap{
text-align:center;
padding:20px 0;
}

Это самое начало верстки, более менее сверстана только шапка. На урок и полную верстку времени нет. Меню, контент и подвал еще надо доверстывать, фоновые картинки им рисовать и прочая.
Но суть такая:
* разбиваем логически страницу на структурные блоки: шапку — header, меню — menu, содержание — content, подвал — footer
* сразу в коде рисуем эти блоки (для начала пустые, можно для наглядности им бортики нарисовать: в css свойство блоку border:1px solid #000; , потом удалите)
* затем наполняем эти блоки начинкой, а оформление описываем в css:
** кнопки оформляем блоками с фоновым рисунком,
** группы ссылок, ака меню — списками (таблицы не используем, кроме как для табличных данных),
** блокам требующим отступов, как, например, для текстовых блоков с контентом, добавляем внутренний блок с полями (wrap), чтобы эти поля не влияли на размеры самих блоков.

Если что непонятно:
* зачем и почему сверстано именно так?
* в какую сторону грести дальше?
* как какие верстальческие проблемы решать (например, как делать вертикальную менюшку или подсветку кнопок, как группировать картинки в спрайты, чтоб страница быстрее грузилась и т.п.)?
— спрашивайте расскажу. Но только в конкретных местах.
Как уже говорил, для подробного урока времени нету.


Спасибо сказали: (0)
20.12.2011, 22:44 На каком языке сделать?!
kokn,
если вам нужно, чтобы была картинка (карта России) с активными областями (местами расположения областных центров), при клике по которым открывались разные ссылки (например, странички регистрации для разных городов), то тэг <map> вам в помощь.
Описание этого тэга и пример использования см, например, тут: http://htmlbook.ru/html/map


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)
16.12.2011, 15:58 Получается ли у вас верстать валидно?
Опрос
В опросе нет правильного ответа: "Всегда, когда валидность не мешает функциональности и работоспособности сайта".

Потому что валидность — не цель, а инструмент для
облегчения процесса верстки (всегда проще писать по строгим правилам)
облегчения нахождения ошибок верстки
задела на будущее (т.е. верстая валидно, вы уверены, что ваш сайт будет безглючно работать и в новых версиях браузеров).

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)
11.12.2011, 21:01 Зебра В Таблице
думаю будет всем полезно
Такое работает независимо от того, используется jquery или нет .
Но не работает в IE6, который понимает псевдокласс hover только для ссылок. :)


Спасибо сказали: (0)
10.12.2011, 3:07 Как реализовать такой слайдер?
(Banderas @ 9.12.2011, 21:42) *
Если прямоугольник - не проблема, а тут параллелограмм.. как решить с этим проблему? Какие пути решения проблемы подскажите?

Если проблема, именно, в превращении прямоугольника в параллелограмм, то просто накладываем подходящую маску (хоть в виде параллелограмма, хоть любой другой сколь угодно замысловатой формы), например, так:
<html>
<head>
<style type="text/css">
#photo{
width: 920px;
height: 284px;
background: url(photo.jpg) no-repeat;
}
#mask{
width: 920px;
height: 284px;
background: url(mask.png) no-repeat;
}
</style>
</head>
<body>
<div id="photo"><div id="mask"></div></div>
</body>
</html>

mask.png —
[attachment=42185:mask.png]
Вроде все не сложно и большого смысла заставить рисовать маску именно jQuery не видно.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (0)
10.11.2011, 2:21 Не получается сверстать один в один с .PSD
(Gagarin @ 9.11.2011, 22:18) *
мне тоже кажется что должен быть способ. и желательно вполне реальный способ на css.

Gagarin, если речь идет об эффекте "вдавленности текста", то на css можно сделать примерно так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>tst</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul#menu{
list-style: none;
width: 1000px;
height: 36px;
background: url(menu.png) 0 0 repeat-x;
}
ul#menu li{
float: left;
font: normal 12px/38px Verdana, Geneva, "DejaVu Sans", sans-serif;
height: 36px;
background: url(menu.png) 0 -36px no-repeat;
}
ul#menu li a{
float: left;
padding: 0 14px;
height: 36px;
color: #333;
text-decoration: none;
text-transform: uppercase;
text-shadow: -1px 0px #999, 0px 1px #fff;
}
ul#menu li a:hover,
ul#menu li a#cur{
color: #90f;
text-shadow: -1px 0px #c9f, 0px 1px #fff;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Главная</a></li>
<li><a href="#">Наши преимущества</a></li>
<li><a href="#">Прайс-лист и каталог</a></li>
<li><a href="#" id="cur">Контакты</a></li>
<li><a href="#">Регистрация продукта</a></li>
</ul>
</body>
</html>
Картинка "menu.png" (1х72px), используемая в стилях: [attachment=42152:menu.png]
Но совсем на чистом css не получится, потому что IE вплоть до 8-й версии не понимает свойство text-shadow.
Придется либо js прикручивать (например, плагин для jquery "Drop Shadow"), либо еще как-то исхитряться, либо мириться с тем, что у IE-шек текст будет невдавленный.

Если же речь о _точном_ совпадении шрифта, начертания букв, их толщины и сглаживания, то тут на 100% попасть в то, что нарисовал фотошоп, почти невозможно, разве что кнопки и заголовки рисовать картинками. Потому что в разных ОС и браузерах могут быть несколько разные наборы шрифтов и разные способы сглаживания (вплоть до отсутствия похожего шрифта и/или возможности сглаживания).


Спасибо сказали: (1)
31.10.2011, 18:34 Оптимизация файла
помогите как оптимизировать от дублей кода
Ну вам понятно, а пытающимся помочь непонятно, чем не устраивает вариант с созданием функции для повторяющегося фрагмента и ее подстановкой в нужные места. :lol:


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)
17.8.2011, 9:15 Прозрачность в PNG
решение
(iminfamous @ 16.8.2011, 16:21) *
Ребята, только начал разбираться с Веб-программированием. Может кто-нибудь подскажет. Проблема в следующем:
для отображения прозрачных картинок в ИЕ6 использовал fixpng.js, все было хорошо до тех пор пока не сделал меню. В современных браузерах отображается все корректно, а в ИЕ6 добавляет строки. А мне надо, чтобы сайт можно было открыть чем угодно.
Для удобства вот ссылка на страничку с проблемой:
http://www1.bmz.by/product_type1.html

Ваша менюшка кодируется, примерно, так:
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr" >
<head>
<title>ОАО "Брестмаш" www.bmz.by</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="free website template provided by templatemo.com" />
<link href="css/style_2.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<script src="js/fixpng.js"></script>
<script>
DD_belatedPNG.fix ('.lft_menu a');
</script>
<![endif]--
>
</head>
<body>
<ul class="lft_menu">
<li><a href="services.html" class="current">Переработка мяса</a></li>
<li><a href="services.html" class="all">Переработка молока</a></li>
<li><a href="services.html" class="all">Торговое об-ние и ТНП</a></li>
<li><a href="services.html" class="all">Другое ...</a></li>
</ul>
</body>
</html>
css
ul.lft_menu{
    padding: 0px;
    margin: 0px;
    list-style:none;
}
.lft_menu li{
    padding: 0px;
    margin: 0px;
    width: 220px;
    height: 43px;
}
.lft_menu a{
    padding: 0px;
    margin: 0px;
    display: block;
    height: 43px;
    text-indent: 14px;
    font: 16px/43px Tahoma, Geneva, sans-serif;
    text-decoration:none;
}
.lft_menu a.all{
    color: #c5c3c2;
    background: url(../images/right_menu.png) no-repeat;
}
.lft_menu a.all:hover{
    color: #fff;
    background: url(../images/right_menu_current.png) no-repeat;
}
.lft_menu a.current{
    color: #fff;
    background: url(../images/right_menu_current.png) no-repeat;
}


Спасибо сказали: (1)
5.8.2011, 15:17 Как сделать шапку в таблице
(Banderas @ 5.8.2011, 15:01) *
Я решил это вопрос так:

* Вы уверены, что у вас всегда для первой выводимой строки $k==0?
* Ну и по мелочи: не очень хорошо задавать оформление в коде, лучше выносить его в таблицу стилей
* для таблицы не нужно указывать ширину столбца в каждой строке, достаточно указать ширину в первой строке таблицы


Спасибо сказали: (0)
2.8.2011, 12:31 Отправление письма.
бошка тупит, незнаю как правильно топик назвать.
(alex19rus @ 2.8.2011, 11:37) *
а этот код куда именно вставлять?

вставлять после строки
[php] print "<p class=\"erok\">URL успешно добавлен! <a href=\"?action=\">Список сайтов</a></p>";[/php]

[php]$toadress = 'support@gotraff.ru';
$subject = 'URL успешно добавлен';
$content = 'Тут что хотите, то и пишите... Например такое: Пользователь ' . $user_id . ' добавил URL ' . $url . ' в категорию ' . $categor_id; // тело письма, информация
$headers = "Content-type: text/html; charset=windows-1251 \r\n";
mail($toadress, $subject, $content, $headers);[/php]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)
24.6.2011, 20:32 Проверка URL в поле формы
как реализовать?
(alex19rus @ 24.6.2011, 9:47) *
ага... yury, вы где? :D А как вообще правильно сформулировать фразу для поиска, чтобы я поискал такой js ?

alex19rus,
если хочется, чтобы просто не было кнопки, то делаем все практически так, как рассказал Banderas,
только убираем кнопку submit (Запрос на сервер будет отсылаться по нажатию [Enter]. Так можно сделать, если в нашей форме единственный элемент input)
и, на всякий случай, не прячем текстовое поле, чтоб адрес другой картинки можно было сразу ввести:
[php]<form action="<?php echo $_SERVER['REQUEST_URI'] ?>" method="post">
<input type="text" name="url" value="<?php echo isset($_POST['url']) ? $_POST['url'] : ''; ?>" size="30" maxlength="200" />
</form>
<?php
if (isset($_POST['url'])){
if ($_POST['url'] == '') {
echo 'Пустой запрос';
} else {
if (preg_match("/(.png)|(.jpg)|(.jpeg)|(.gif)/i", $_POST['url'], $rez2)) { // добавьте нужные форматы
echo '<img src="'.$_POST['url'].'" alt="" />';
} else {
echo 'Картинка не найдена';
}
}
}
?>[/php]
А если хочется _без_перезагрузки_страницы_ опрашивать сервер на предмет наличия картинки по вводимому в текстовое поле адресу, то это только Ajax-ом можно.
Чистый JS тут не поможет, он только локально у клиента на компьютере работает.

В Ajax-е я не спец, но почитать можно что-то вроде такого
"JSHttpRequest: динамическая подкачка данных без перезагрузки страницы" _http://dklab.ru/lib/JsHttpRequest/


Спасибо сказали: (1)
18.6.2011, 0:29 Управление активностью (enable) кнопки (submit)
Banderas,
например, так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>form test</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#tst_form fieldset{
float: left;
margin: 10px;
padding: 10px;
text-align: right;
}
#tst_form fieldset legend{
padding: 5px;
}
#tst_form input{
width: 200px;
}
#tst_form input#submit_button{
width: 100px;
}
#tst_form input#reset_button{
width: 100px;
}
</style>
<script type="text/javascript">
function chk1(id) {
return (document.getElementById(id).value == '');
}
function chk() {
//проверяем, есть ли пустые поля с перечисленными id
flag = chk1('pole1') || chk1('pole2') || chk1('pole3');
//и переключаем доступность кнопки с id=submit_button
document.getElementById('submit_button').disabled = flag;
//можно дополнительно менять, например, надпись на кнопке и/или легенду, если раскомментировать следующие строки
// document.getElementById('submit_button').value = flag ? 'Пустые поля' : 'Готово';
// document.getElementById('legend').innerHTML = flag ? 'Заполните форму' : 'Форма заполнена';
return false;
}
</script>
</head>
<body onload="chk();">
<form action="action.php" method="post" id="tst_form" onkeyup="chk();" onmousemove="chk();" onclick="chk();">
<!-- Проверяем различные варианты действий пользователя при заполнении формы:
* onkeyup - набор с клавиатуры,
* onmousemove - движения мышью (например, если у пользователя включено автозаполнение форм
и он мышью выбирает ранее вводившиеся данные),
* onclick - клики по кнопкам --
>
<fieldset>
<legend id="legend">Заполните форму</legend>
Поле1: <input id="pole1" name="pole1" type="text" value="" /><br />
Поле2: <input id="pole2" name="pole2" type="text" value="" /><br />
Поле3: <input id="pole3" name="pole3" type="text" value="" /><br />
<input id="submit_button" type="submit" value="Готово" />
<input id="reset_button" type="reset" value="Очистить" />
</fieldset>
</form>
</body>
</html>


Спасибо сказали: (0)
10.6.2011, 22:31 Как сделать форму и её обработчик в одном файле?
файл add_comments.php
Banderas,
твой код править лень. ;) Просто покажу свой, где запрос и обработка живут в одном файле.
Он короткий и простой, разобраться и сделать так же у себя — легко.
Суть такая:
* мы знаем, что в нашей форме обработчику передается некое значение
* если мы в первый раз вызываем обработчик, то через форму ничего не передавалось, поэтому достаточно проверить установлено ли это значение в массиве переданных переменных (в моем примере — это $_POST['utime']), сделать это можно функцией isset() или, как у меня, заодно проверить правильность формата переданных данных (у меня должно быть передано число, поэтому используется функция is_numeric())
* ну а затем, в зависимости от результата проверки, выбираем дальнейшие действия

Файл utime.php
Пересчитывает UNIX-время в дату по МСК — либо введенное в форму либо текущее (если в первый раз вызван или была введена ерунда, непохожая на цифру).
И пишет эту дату по-англ. и по-русски
[php]<?php
$ut = is_numeric($_POST['utime']) ? $_POST['utime'] : time();
?>
<form action="utime.php" method="post">
<input type="text" name="utime" value="<?php
echo $ut;
?>" />
<input type="submit" value="пересчитать UNIX-время в дату по МСК" />
</form>
<?php
$ru_month = array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря");
$ru_day = array("воскресенье","понедельник","вторник","среда","четверг","пятница","суббота");

$wday = date("w",$ut);
$month = date("n",$ut)-1;
$r_wday = $ru_day[$wday];
$r_month = $ru_month[$month];
echo date("l, F j, Y, H:i:s",$ut) . "<br />";
echo $r_wday . ", " . date("j",$ut) . " " . $r_month . date(" Y г., H:i:s",$ut);
?>[/php]


Спасибо сказали: (0)
15.5.2011, 12:46 Кнопка обновления
xilgiz,
например, так
<button onclick="java script:location.reload()">Кнопка обновления</button>

Примечание: парсер форума искажает код — принудительно вставляет пробел в слово java_script. При копировании кода этот пробел надо убрать.


Спасибо сказали: (1)
15.4.2011, 21:50 Помогите из 2-х файлов слепить 1
я туплю!
alex19rus,
а что вы в reg.php пишите?

Есть подозрение, что если в reg.php, лежащий в корне сайта написать примерно следующее:
[php]<?php
$page = 'registration';
$file = 'registration/registration.php';
$idpg = 3;
include 'cfg.php';
include 'ini.php';
include 'template.php';
?>[/php]то у вас получится то, что хотелось.

Это в предположении, что файлы cfg.php, ini.php, template.php и упомянутая папка registration тоже в корне вашего сайта живут.

Короче, php для всего этого сильно знать не обязательно, а достаточно просто прописать правильные пути к файлам.


Спасибо сказали: (1)
29.3.2011, 14:44 Сетка при рисовании дизайна и при верстке
Что это?
admin,
ну я не стал разрисовывать до таких подробностей, как еще и взаимное расположение тестовых и прочих блоков внутри других блоков по всему макету, думал это и так понятно.
Просто за минуту накидал в пайнте несколько _основных_ прямоугольничков для обычного макета сайта.
Внутри них, само собой, будет своя сетка.


Спасибо сказали: (1)
25.3.2011, 16:28 Как подгружать содержимое на страницу без перезагрузки
содержимое для вставки в отделных файлах
(kovyaro @ 25.3.2011, 9:14) *
Ага, поторопился, там просто отображается содержимое разных контейнеров размещены на той же странице. А мне надо загрузку из других HTML файлов форматированного текста, картинок и т.д.

kovyaro,
там 2 ссылки и 2 варианта.
Первый — меняется содержимое блоков из той же страницы (Tab Content Script)
второй — Аякс версия: загружается содержимое из внешних хтмл-файлов (Dynamically selecting a tab/ loading an external page)


Спасибо сказали: (1)
24.3.2011, 15:45 Как подгружать содержимое на страницу без перезагрузки
содержимое для вставки в отделных файлах


Спасибо сказали: (1)
7.3.2011, 0:16 Оптимизация css
Существует, например, такая "оптимизация", которая может существенно сократить css код практически без особых потерь в читабельности. Даже наоборот читать становится легче именно за счет сокращения объема кода.
По большей части взято отсюда: Сокращения в CSS.
Вкратце, сокращается css код за счет:
* отсутствия единиц измерения для нулевых значений
Например, вместо
margin: 0px;
можно написать
margin: 0;
* сокращений в указании цветов
Например, вместо
#ffffff
можно написать
#fff
* объединения описания нескольких свойств объекта в одно описание
Например, вместо
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 100%;
line-height: 1.2em;
font-family: Tahoma, Arial, sans-serif;

можно написать
font: italic small-caps bold 100%/1.2em Tahoma, Arial, sans-serif;
или вместо
padding-top: 10px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 25px;

можно написать
padding: 10px 15px 20px 25px;
* еще можно указывать совпадающие свойства для разных объектов, перечисляя объекты через запятую
Например, вместо
h1 {color: black;}
h2 {color: black;}
h3 {color: black;}

можно написать
h1, h2, h3 {color: black;}

Естественно, это не тайна для любого, кто хоть немного знает css, и большинство этими правилами пользуются, даже не зная, что это все оптимизация. ;)

Примечание: при написании этого поста использовалась "оптимизация" в указании цвета шрифта (например, вместо #009999 указывалось #099)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Спасибо сказали: (1)

4 страниц V   1 2 3 4 >
RSS Текстовая версия Сейчас: 27.2.2021, 5:40
Дизайн