Автор будет очень признателен, если Вы кликнете по одной из белых ссылок выше.
Вам это ничего не стоит, а автору сайта будет приятно ;)
Найдено страниц: 39 [показано 10]
AJAX — WEB 2.0 за 5 минут
Степень соответствия запросу: 42,84%
Фрагменты текста поста : ... сервер возвращает простой HTML, вместо XML, как того требует технология AJAX... ... И в этой паре килобайт текста я вам дам всю необходимую информацию, чтобы начать использовать AJAX, даже если ваш сайт не имеет движка и состоит только из статичных HTML-страниц... ... html <... ... html (но вы, естественно, можете дать любое имя)... ... html')... ... Ну смотрите, в CSS изменить свойства нашего контейнера (например, изменить его фоновый цвет) можно следующей "... ... : CSS замены цвета фона #my_container { background: red... ... html... ... после выполнения функции mytest() внутри контейнера будет помещено содержимое нашего файла (в данном примере это будет надпись "... ... html <... ... html> <... ... html')... ... /html> Сохраните файлы index... ... html, jquery... ... html в одной папке, откройте index... ... html в вашем любимом броузере, кликните по ссылку Run... ... html')... ... добавим поле для ввода имени: Поле ввода имени Enter your name: <... ... br> Так же придется изменить и функцию mytest()... ... } Первой командой мы считываем значение атрибута value из нашего поля ввода и сохраняем его в переменной nnn, а второй командой вызываем наш серверный скрипт с передачей ему считанного имени и занесением ответа в наш контейнер... ... радио-кнопок, чек-боксов, полей ввода и т... ... html <... ... html> <... ... /html> Как видите, теперь я создал форму и использовал два поля &mdash... ... И теперь эти поля не имеют идентификаторов, зато имеют имена... ... считывать данные из полей, этим займется метод serialize(), который сам соберет все данные из формы и упакует их в формат, понятный для метода post()... ... Теперь, если вам нужно передать на сервер больше данных, то просто добавьте в форму сколько угодно полей различных типов (радио-кнопки, текстовые области, пароли, чек-боксы)... ... фреймворк сам определит количество и типы полей и сам соберет из них данные для отправки... ... html - загрузка файлов <... ... html> <... ... /html> Чуть комментариев к коду... ... всего навсего указывает функцию, которую необходимо выполнить сразу после загрузки страницы... ... после получения ответа (она поместит ответ в наш контейнер)... ... Всю необходимую информацию (список полей, их типы, адрес серверного скрипта и т... Подробнее: http://fit-media.com/post_1262093659.htmlГрамотный интерфейс: поля ввода
Степень соответствия запросу: 34%
Фрагменты текста поста : ... Грамотный интерфейс: поля ввода Очень часто в программах данные вводятся в формах, содержащих множество полей: поле фамилии, имени, адреса, номера паспорта, размера обуви... ... Проблема состоит в том, что внешне эти поля очень похожи друг на друга и рано или поздно оператор (из-за усталости, по неопытности или по какой другой причине) вобьет фамилию в поле номера паспорта или адрес в поле отчества... ... Наиболее популярное на данный момент - разбить форму с десятком полей ввода на несколько форм, по два-три поля в каждом... ... после нескольких часов работы они начинают дико раздражать... ... Раскрасим поля ввода... ... На мой взгляд для решения вышеописанной проблемы необходимо разукрасить фон полей ввода... ... Но не стоит делать их яркими как новогодняя елка, а нужно просто слегка изменить цвет, чтобы каждое поле приобрело свой уникальный легкий цветовой оттенок... ... Поработав пару часов с таким интерфейсом, человек уже на уровне подсознания будет знать, что в розовое поле нужно вводить фамилию, а в голубое - адрес... ... Обратите внимание как просто мы находим нужную кнопку на пульте от телевизора (ориентируясь не на рисунок-пиктограмму, а только на цвет) и как сложно бывает воспользоваться пультом от другого телевизора, в котором кнопки расположены по-другому и имеют другую раскраску... ... Окрашивание полей имеет и еще один плюс - если разработчики в будущем поменяют расположение полей, но при этом сохранят их цветовое соответствие (фамилия - розовый, адрес - голубой), то пользователям будет намного легче приспособиться новому виду, т... ... для поиска нужного поля они будут ориентироваться по цвету, а не читать все подряд надписи на форме... ... Так вот, если во время редактирования придать фону формы какой-нибудь оттенок (например сделать ее слегка красноватой), то пользователь, занимающийся только вводом новых данных, сразу же заметит это изменение цвета и не введет по ошибке новые данные поверх старых... ... Раскрасим текст... ... Когда на форме расположено множество полей, то из-за усталости глаз, не очень хорошего зрения, слишком высокого разрешения монитора и многих других проблем возникает ситуация, когда пользователь не может сразу отпределить позицию коретки ввода - моргающая полоска может быть не заметна... ... Обычно в таких случаях пользователь хватает мышь и "тычет" ей в нужное поле... ... Помочь пользователям в этом случае можно раскрасив текст в текущем поле ввода... ... Программируется такое поведение сверх-просто: как только фокус ввода передается какому-то контролу, значение его свойства " цвет текста " ( ForeColor , TextColor ) меняется на " красный " ( Color... ... Red ), а при потере фокуса контролом цвет текста восстанавливается на стандартный ( SystemColors... Подробнее: http://fit-media.com/post_1205142560.htmlПользовательский интерфейс
Степень соответствия запросу: 7,62%
Фрагменты текста поста : ... То есть из всего разнообразия изобразительных средств - формы, размера, цвета, текста - в кнопках диалогов используется только текст... ... Считается хорошим тоном иметь кнопки одного размера и аккуратно расположенные, чтобы вынудить пользователя каждый раз прочитывать текст... ... Исключением, подтверждающим правило, является кнопка OK, которая смотрится не как текст, а как изображение (иероглиф)... ... В них кнопки разбросаны в кажущемся беспорядке, имеют разный размер, большинство обозначено пиктограммами, а текст остальных очень короток (например, Play) и тоже скорее играет роль пиктограммы... ... С одной стороны, пользователь должен уметь сказать системе, где и что он хочет изменить (обычно это делается щелчком мыши в нужном месте)... ... При переходе от алфавитно-цифровых дисплеев к графическим поле дисплея казалось непомерно большим и проблема синхронизации точки взаимодействия была самой сложной... ... Поле экрана разбивалось на прямоугольники-окна и вся работа велась только в одном из них - так называемом активном окне... ... Поиск же курсора мыши при его потере из поля внимания пользователь (до сих пор) выполняет подергиванием мыши... ... Выучив алфавит, можно читать любой текст... ... При этом, естественно, она должна постоянно быть доступной для взаимодействия, но, в отличие от многих сегодняшних мультимедиа-программ, не прерывать отображаемый поток, а плавно изменять его в соответствии с воздействием пользователя... ... После выработки сквозного визуального решения необходимо прорисовать картинки, называемые у аниматоров "фонами"... ... Так, самое модное сейчас применение компьютеров - блуждание по Сети - имеет тот интерфейс, который вытекает из языка HTML, а он, в свою очередь, производит впечатление "времянки", которая, как теперь ясно, пришла всерьез и надолго... Подробнее: http://fit-media.com/post_1204019048.htmlФайлы vs базы данных.
Степень соответствия запросу: 6,7%
Фрагменты текста поста : ... Просто одной командой вы можете превратить ваш супер запутанный массив в текст, а второй точно также вернуть все обратно... ... приходится парсить (разбирать) огромный объем текста, выискивая в нем те самые спец-символы, по ним восстанавливать значения исходных ячеек и клеить их в результирующий массив... ... А значит парсинг текста и построение массива, равно как и последующая склейка все равно будут выполняться при каждом обращении к скрипту (сайту)... ... :-) Структура, например, такая: Структура таблиц Таблица se_hosts -------------------- ID1 — уникальный числовой номер (используется для связи таблиц) Host — имя хоста поисковика Таблица se_query --------------------- ID2 — уникальный числовой номер (используется для связи таблиц) SH_ID — уникальный номер для ссылки на первую таблицу Query — текст искомой фразы Таблица se_hits ------------------- Q_ID — уникальный номер для ссылки на вторую таблицу Date — кво-дней с 1 января 2000 года Hits — количество хитов за этот день Естественно первая и третья таблицы будут иметь индексы по первым двум полям, а вторая — по всем... ... Если не использовать индексы, то для выполнения этой операции придется провести сравнение имен хоста с содержимым поля Host первой таблицы для части (а в худшем случае всех ) записей... ... Индексный файл содержит копию проиндексированного поля (или полей) из таблицы БД, но в отсортированном виде... ... Весь диапазон значений (количество записей в таблице) делится пополам и сравнение искомого значения происходит со значением поля сразу из середины таблицы... ... Благодаря тому, что мы проиндексировали поле с именем хоста, мы находим нужную запись в 15 раз быстрее, чем в массиве (буду брать наихудший вариант)... ... После того как мы нашли с помощью индексов нужную запись, ее требуется загрузить в память... ... В нашем случае размер записи (для третьей таблицы) составляет 12 байт , ведь там только три поля — Q_ID , Date и Hits , каждое из которых представляет собой 32-битное число и занимает 4 байта... Подробнее: http://fit-media.com/post_1222679684.htmlВизуальный редактор для Lasto-Blog-B
Степень соответствия запросу: 3,31%
Фрагменты текста поста : ... Визуальный редактор для Lasto-Blog-B Автор скрипта Lasto-Blog-B (на котром работает этот блог), Вадим Ласто , к сожалению, не потрудился встроить в свое творение сколько-нибудь нормальный редактор текста... ... До сих пор я использовал различные оффлайновые редакторы для подготовки статей, перепробовал множество разных, и, наконец, пришел к выводу, что наилучшее решение - старый добрый полноценный визуальный редактор текста... ... Вот как оно выглядит в этом блоге: Особенности (возможности): Работа с буфером обмена (вставка текста с форматированием и без) Автоматическое преобразование форматированного текста из MS Word в HTML Отмена / повтор последних операций Поиск и замена в существующем тексте Удаление старого форматирования Работа с таблицами (создание, редактирование, удаление) Вставка смайлов ... ... и спец-символов Возможность работы в полноэкранном режиме (на всю ширину окна броузера) Автоматическая загрузка картинок и флеш-роликов на сервер Отбивка по левому / правому краю и по центру Поддержка всех стандартных тэгов форматирования ( жирный , курсив , подчеркнутый , зачернутый , индекс , степень ) Поддержка двух видов списков (нумерованный и ненумерованный) Смена цвета текста и фона текста Вставка и редактирование гиперссылок и якорей Поддержка стилей и текстовых форматов для быстрого редактирования Встраиваемость в дизайн Ласто-блога и т... Подробнее: http://fit-media.com/post_1224871025.htmlИдея глобального контента
Степень соответствия запросу: 1,71%
Фрагменты текста поста : ... Идентификатор родительского элемента сайта ( parent_id - мы же строим иерархическую систему) Заголовок ( title ) Описание ( description ) Краткое содержание ( summary - используется в качестве анонса) Собственно текст старницы ( content ) Ключевые слова ( keywords ) Идентификатор автора ( user_id ) Дата создания ( created ) Дата последнего изменения ( modified ) Флаг опубликованности ( published ) Идентификатор логического раздела ( category ) Вроде ничего не забыл... ... Соответственно набор полей тот же, что и у статической страницы... ... Список полей: Уникальный идентификатор ( id ) Идентификатор статьи с в блоге, к которой относится данный комментарий ( parent_id ) Заголовок ( title ) Собственно текст ( content ) Идентификатор автора ( user_id ) Дата создания ( created ) Флаг промодерированности ( published ) Как видим, поля всё теже, что и для статичной страницы, отличие лишь в количестве... ... Лишь будет иметь одно дополнительное поле: Дата, начиная с которой новость уже не актуальна ( expiried ) Товар в магазине... ... Используются все теже поля, что и для записи в новостях, но с небольшими дополнениями: цена единицы товара ( price ) количество товара на складе ( number ) картинка товара, лишь для удобства - никто не запрещает ее вставить в само описание товара ( image ) Итог... ... Разработчику модуля нужно лишь сообщить системе, какие именно поля будет использовать его модуль и система сама сможет создать все необходимые формы для ввода/редактирования данных, с необходимой валидацией... Подробнее: http://fit-media.com/post_1242742678.htmlМаксимум производительности
Степень соответствия запросу: 1,19%
Фрагменты текста поста : ... чем шире отверстие, тем больше света попадает в камеру... ... чем больше время, тем больше света попадает в камеру... ... Для того, чтобы получить хорошую фотографию, вы должны установить такую диафрагму и время выдержки, чтобы в камеру попало оптимальное количество света... ... Решение зависит от того, нужен ли вам слабый свет в течение длительного времени, или сильный свет за короткое время... ... Уменьшение необходимости ввода данных Следующие методы могут увеличить производительность ввода данных, уменьшая количество необходимой для ввода информации: Автоматически заполняйте поля новой записи значениями предыдущей... ... Например, можно вводить информацию с бумажных форм в компьютер, используя сканер и программу оптического распознавания текста... ... Когда ожидаемая задержка менее 2 секунд, показывать оставшееся время бессмысленно, поэтому просто измените форму курсора на "... ... Измените форму курсора на "... Подробнее: http://fit-media.com/post_1207048697.htmlЗалепа №1. Убогий TreeView.
Степень соответствия запросу: 1%
Фрагменты текста поста : ... Но изменять он может только название, а вот коды изменять ему нельзя... ... программа должна позволить ему изменять только название... ... юзер щелкает по узлу, узел переходит в режим редактирования, при этом программа заменяет текст с "[15... ... Его-то юзер и изменяет например на "Валенки" , затем жмет Enter (конец редактирования) и программа снова заменяет текст узла с "Валенки" на "[15... ... AfterLabelEdit сначала проверила корректность ввода, а потом аккуратно подменила бы текст "Валенки" на "[15... ... после того, как юзер ввел некий текст, наша программа анализирует его на "профпригодность" и выносит вердикт можно ли его допускать для дальнейшей работы или нет... Подробнее: http://fit-media.com/post_1197402793.htmlDropBox - убийца фалообменников
Степень соответствия запросу: 0,88%
Фрагменты текста поста : ... На этой страничке вводим любые имя и фамилию (поля First name и Last name ), а так же адрес электронной почты и желаемый пароль... ... В поле "... ... Иначе впишите в это поле любое слово или оставьте "... ... После нажатия на кнопку "... ... - появится поле с указанием пути и кнопкой "... Подробнее: http://fit-media.com/post_1256945370.htmlКручу, верчу, обмануть хочу!
Степень соответствия запросу: 0,76%
Фрагменты текста поста : ... Стоит сказать, что как только вы войдете в любой из режимов трансформаций, верхняя панель окна Photoshop изменится - в ней появятся поля для ввода точных значений... ... Но здесь я об этих полях писать не стану, если вам понадобится такая точность, то вы сами разберетесь - там все интуитивно понятно... ... Соответственно, тягая квадратики в серединах вертикальных сторон прямоугольника, вы сможете изменить ширину выделенного изображения... ... Тут есть один момент - с помощью этого вида трансформации вы можете не только изменить размеры картинки, но и отразить ее горизонтально или вертикально... ... Потянув за любой из угловых квадратиков, вы сможете изменить сразу и ширину и высоту выделенной части рисунка... Подробнее: http://fit-media.com/post_1212106379.html
