Great Rash
Expert-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Ну и как успехи? Я одно время тоже пытался, но выяснил, что дизайнер из меня никакой и за отсутствием идеи бросил это занятие.
-
Я уже ваш скрипт пытался изучить. По запросу "javascript ввод по маске" гугль выдает его на первых позициях. Только разбираться там очень тяжело, т.к. у вас человеческих названий методов и переменных нет. Плюс это немного не то, что мне нужно. Т.е. и ввод именно по маске мне бы пригодился, но сейчас стоит конкретная задача сделать ввод для бесконечного количества символов. А у вас, как я понимаю, количество символов ограничено длиной маски. UPD: В идеале, если вас не затруднит конечно, неплохо было бы увидеть этот код с комментариями (про человеческие имена переменных я и не надеюсь).
-
Уважаемые товарищи, кому не лень помочь мне организовать ввод по маске? Просьба не предлагать готовые скрипты, т.к. я хочу написать скрипт самостоятельно. Плюс в готовых скриптах нет необходимого функционала. Задача: Организовать ввод суммы денег. Тысячи должны отделяться пробелом. Выглядеть это должно так: 999 9 999 99 999 999 999 9 999 999 и т.п. Вот тут я застрял. Подскажите идею, алгоритм или просто с чего начать.
-
Поглядеть конечно можно, только я им не занимался уже года два... даже пароль забыл. Поэтому там нет нифига даже на php кажись вообще ни одного скрипта нет. А так смотрите на здоровье: greatrash.jino-net.ru 6000 рублей в год это копейки - 500 рублей в месяц. Если у вас Java используется, то вам наврядли пригодится этот хостинг. У нее же другой сервер используется... на сколко я знаю Apache Ant (или TomCat или что-то подобное). Я бы посоветовал вам погуглить по запросу "хостинг с поддержкой Java". И он кажись дороже стоит, хотя могу и ошибаться.
-
Java или Javascript? От этого многое зависит. ИМХО все они одинаковые (я имею в виду те которые известные) и нет никакого смысла выгадывать лишние 50 - 100 рублей. А советуют люди обычно сугубо субъективно, типа "вот меня устраивает", "у меня проблем с ними не было". Выбирайте крупного хостера и не гонитесь за дешевизной, тем более, что он не так уж дорого стоит. Со своей стороны могу порекомендовать бесплатный хостинг jino-net.ru ибо сам на нем сижу. Реклама конечно есть (бывают ли бесплатные без рекламы?). По моему это единственный бесплатный хостинг с PHP и MySQL (одна база).
-
Если отъехать от Москвы подальше, то становится ясно, что инет в России мега дорогой. Платить за анлим с модемной скоростью 1000 руб. в месяц не каждый сможет. Особенно при средней зарплате 7000 - 10000. Так что о весе сайта думать определенно надо.
-
Лады, тогда экспрешн: <!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="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; } table { width: 100%; height: 100%; border-collapse: collapse; } td { width: 33%; } .red { background: red; height: expression(this.offsetParent.offsetParent.offsetHeight - 120); } .green { background: green; } .yellow { background: yellow; } .h { height: 60px; } </style> </head> <body> <table> <tr> <td class="h"> </td> <td class="h"> </td> <td class="h"> </td> </tr> <tr> <td class="red"> 111 </td> <td class="green"> 222 </td> <td class="yellow"> 333 </td> </tr> <tr> <td class="h"> </td> <td class="h"> </td> <td class="h"> </td> </tr> </table> </body> </html>
-
Ну и что, естественно таблица сожмется. Все зависит от контента внутри ячейки. В таком случае можно сделать min-height: 100%; (или 90%, на глаз короче) для средних ячеек.
-
Смотрю в ИЕ7. Что я должен понять?
-
Не вижу проблемы: <!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="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; } table { width: 100%; height: 100%; } td { width: 33%; } .red { background: red; } .green { background: green; } .yellow { background: yellow; } .h { height: 60px; } </style> </head> <body> <table> <tr> <td class="h"> </td> <td class="h"> </td> <td class="h"> </td> </tr> <tr> <td class="red"> Pellentesque tellus risus, mattis id pulvinar sit amet, tempor et urna. Maecenas orci neque, tempus non cursus a, pellentesque eget augue. Aenean mi purus, consectetur eu scelerisque ac, fringilla et erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel urna eget ligula blandit tempor. Nunc porttitor nulla quis elit bibendum adipiscing. Vestibulum vel diam nec lorem euismod posuere. Nunc pellentesque, magna eu gravida vehicula, augue nulla venenatis massa, quis mattis tortor tellus quis nibh. Quisque accumsan adipiscing suscipit. Fusce pellentesque accumsan turpis, a mollis felis egestas sed. Aliquam erat volutpat. Sed at sollicitudin nisi. Cras nec nisl leo. Proin euismod suscipit ultricies. Pellentesque tellus risus, mattis id pulvinar sit amet, tempor et urna. Maecenas orci neque, tempus non cursus a, pellentesque eget augue. Aenean mi purus, consectetur eu scelerisque ac, fringilla et erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel urna eget ligula blandit tempor. Nunc porttitor nulla quis elit bibendum adipiscing. Vestibulum vel diam nec lorem euismod posuere. Nunc pellentesque, magna eu gravida vehicula, augue nulla venenatis massa, quis mattis tortor tellus quis nibh. Quisque accumsan adipiscing suscipit. Fusce pellentesque accumsan turpis, a mollis felis egestas sed. Aliquam erat volutpat. Sed at sollicitudin nisi. Cras nec nisl leo. Proin euismod suscipit ultricies. Pellentesque tellus risus, mattis id pulvinar sit amet, tempor et urna. Maecenas orci neque, tempus non cursus a, pellentesque eget augue. Aenean mi purus, consectetur eu scelerisque ac, fringilla et erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel urna eget ligula blandit tempor. Nunc porttitor nulla quis elit bibendum adipiscing. Vestibulum vel diam nec lorem euismod posuere. Nunc pellentesque, magna eu gravida vehicula, augue nulla venenatis massa, quis mattis tortor tellus quis nibh. Quisque accumsan adipiscing suscipit. Fusce pellentesque accumsan turpis, a mollis felis egestas sed. Aliquam erat volutpat. Sed at sollicitudin nisi. Cras nec nisl leo. Proin euismod suscipit ultricies. Pellentesque tellus risus, mattis id pulvinar sit amet, tempor et urna. Maecenas orci neque, tempus non cursus a, pellentesque eget augue. Aenean mi purus, consectetur eu scelerisque ac, fringilla et erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel urna eget ligula blandit tempor. Nunc porttitor nulla quis elit bibendum adipiscing. Vestibulum vel diam nec lorem euismod posuere. Nunc pellentesque, magna eu gravida vehicula, augue nulla venenatis massa, quis mattis tortor tellus quis nibh. Quisque accumsan adipiscing suscipit. Fusce pellentesque accumsan turpis, a mollis felis egestas sed. Aliquam erat volutpat. Sed at sollicitudin nisi. Cras nec nisl leo. Proin euismod suscipit ultricies. Pellentesque tellus risus, mattis id pulvinar sit amet, tempor et urna. Maecenas orci neque, tempus non cursus a, pellentesque eget augue. Aenean mi purus, consectetur eu scelerisque ac, fringilla et erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel urna eget ligula blandit tempor. Nunc porttitor nulla quis elit bibendum adipiscing. Vestibulum vel diam nec lorem euismod posuere. Nunc pellentesque, magna eu gravida vehicula, augue nulla venenatis massa, quis mattis tortor tellus quis nibh. Quisque accumsan adipiscing suscipit. Fusce pellentesque accumsan turpis, a mollis felis egestas sed. Aliquam erat volutpat. Sed at sollicitudin nisi. Cras nec nisl leo. Proin euismod suscipit ultricies. </td> <td class="green"> 222 </td> <td class="yellow"> 333 </td> </tr> <tr> <td class="h"> </td> <td class="h"> </td> <td class="h"> </td> </tr> </table> </body> </html>
-
Сделать блок для текста поуже, чтобы предложения переносились. То есть не придвинуть основной блок к меню, а просто дать тексту меньше места. Ну вы меня поняли короче.
-
Порадовала конструкция: <div id="tt"> <div class="t-overlay"></div> <div class="t-overlay1"> <div class="t-in"> <div class="t-in1"> <div class="tt-top"></div> <div class="tt-str"> <div class="tt-inner"> <div class="tt-inner1"> <p class="tt-act"><a href="#" class="tt-close">Закрыть</a> <b class="sep"></b> <a class="tt-print" href="#">Печать</a></p> <div class="tt-content"> <h5></h5> <p class="tt-date"></p> <p></p> <p></p> </div> <p class="tt-from">Д. Медведев</p> </div> </div> </div> <div class="tt-bot"></div> </div> </div> </div> </div>
-
Вот вам кроссбраузеный 3-х колоночный макет без тонны контейнеров: <?xml version="1.0" encoding="utf-8"?> <!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="en" lang="en"> <head> <title>3 column template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 11px Arial, Tahoma, sans-serif; } .head, .left, .center, .right, .foot { padding: 10px; } .head { height: 80px; } .left { float: left; width: 180px; } .center { margin-left: 200px; margin-right: 200px; } .right { float: right; width: 180px; } .foot { clear: both; } </style> </head> <body> <div class="head"></div> <div class="left"> 111 </div> <div class="right"> 222 </div> <div class="center"> 333 </div> <div class="foot"></div> </body> </html>
-
Ну вы нашли, что выбрать для первой работы... Не нужно начинать верстать с говномакетов. В данном макете можно обойтись без png, тут легко можно использовать jpeg. Главное в этом то, что не будет никаких последствий для ИЕ6. Есть пара таких моментов в CSS, который кстати нифига не читабельный. Самому будет потом неудобно его читать (когда сайты будут больше). Ой чую нечисто тут! Уж очень много вложенных контейнеров.
-
Как узнать какой слушатель висит на объекте?
Great Rash replied to Great Rash's question in JavaScript
А DOM lvl3 уже юзается разве? Погуглил - находит только спецификации по Яве. О! -
_FLAME_ Вы не умеете делать сайты и не умеете моделить в 3D. А все туда же - заказы, 3D любого уровня сложности... Глянув на ваше "портфолио" в разделе 3D я хорошенько поржал. Это все чему вы научились за 6 лет? В разделе "Изготовление сайтов" кроме цены 4000 ничего не увидел. Посмотрите как моделить надо: http://3dcenter.ru/gallery/categories.php?cat_id=5 А у вас так... поделки.
-
Грубиян... а вроде 56 лет...
-
Как узнать какой слушатель висит на объекте?
Great Rash replied to Great Rash's question in JavaScript
Понял, спасибо. -
<!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="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .container { width: 300px; background: green; } .head { overflow: hidden; } .head-left-corner, .head-right-corner, .foot-left-corner, .foot-right-corner { width: 20px; height: 20px; background: blue; } .head-left-corner, .foot-left-corner { float: left; } .head-right-corner, .foot-right-corner { float: right; } .head-center, .foot-center { height: 20px; margin: 0 20px; background: lightblue; } .main { background: silver; } </style> </head> <body> <div class="container"> <div class="head"> <div class="head-left-corner"></div> <div class="head-right-corner"></div> <div class="head-center"></div> </div> <div class="main"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div class="foot"> <div class="foot-left-corner"></div> <div class="foot-right-corner"></div> <div class="foot-center"></div> </div> </div> </body> </html> В синие дивы вставляйте свои углы. В шапку (head-center) вставляем бекграунд (размытый который).
-
Да ну, не так все плохо. Сайт конечно страшненький, но как хомяк сойдет. Все равно он никому кроме автора не нужен. Порадовала "Политика Приватности" (почему все с больших букв кстати?). Рекламу убрать надо. Нафига она на хомяке? А страницу утяжеляет.
-
А зачем такое извращение? Может можно решить задачу иначе, проще? Что надо получить в итоге? Ваш код не будет работать в ИЕ.
-
А если запихнуть оба эти дива в общий контейнер и уже ему назначить float? А внутри него первые 2 дива сами собой друг под другом встанут (если у них float убрать конечно).
-
Вешаю на объект (допустим кнопку) слушатель вот таким способом: if (document.addEventListener) { elem.addEventListener('click', foo, false); } else if (document.attachEvent) { elem.attachEvent('onclick', foo); } else { elem['onclick'] = foo; } Фишка в том, что содержимое дива в котором находится объект обновляется аяксом и когда див перерисовывается на объект снова навешивается слушатель с теми же параметрами (и так до бесконечности). Как узнать что на этом объекте уже есть слушатель "click", чтобы не вешать еще один? Или как убить слушатель при условии, что я не знаю есть ли он уже на объекте или еще нет?
-
Не нравится. И ерундовина какая-то справа торчит... В общем не нравится.
-
YanaSt Да, куча пробелов. Для этих целей существует margin и padding. Полосу огромную можно положить на бекграунд в див. Параграф нужен для хранения текста, а не элементов дизайна. Слово "Портфорио", надо тоже на бекграунд класть. Запомните, элементы дизайна ни в коем случае нельзя делать через <img>, их всегда надо стараться делать бекграундом через стили. Ай-яй-яй, это надо знать как "Отче наш" - текст на HTML, оформление на CSS. В HTML оформления не должно быть вообще. Имейте в виду, в дальнейшем избежите множества не очевидных проблем. Кошерно ставить кодировку UTF-8 всегда и везде. Т.к. она работает всегда и везде. UPD: <!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="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> div { display: inline-block; width: 100px; border: 1px solid; } .h1 { height: 100px; } .h2 { height: 200px; } .h3 { height: 300px; } .h4 { height: 400px; } </style> </head> <body> <div class="h1">text</div> <div class="h2">text</div> <div class="h3">text</div> <div class="h4">text</div> <div class="h1">text</div> <div class="h2">text</div> <div class="h3">text</div> <div class="h4">text</div> <div class="h1">text</div> <div class="h2">text</div> <div class="h3">text</div> <div class="h4">text</div> <div class="h1">text</div> <div class="h2">text</div> <div class="h3">text</div> <div class="h4">text</div> </body> </html> Если вы вдруг захотите чтобы у вас на одной строке помещалось не 3 превьюшки а пять, или наоборот 2, то вам придется переписывать код таблицы. В моем же случае мне достаточно переписать стили. Плюс в моем случае я не привязан к ширине таблицы и при изменении ширины окна контейнеры сами выстраиваются по нужному количеству. Соответственно на широких экранах высота страницы будет меньше (а она у вас не маленькая, особенно без постраничной навигации). UPD2: По поводу неопрятного кода я бессилен, что либо объяснить - тут чувствовать надо. Может и с опытом приходит... хз.