Отправляет email-рассылки с помощью сервиса Sendsay

Упражнения по яванскому письму. Javascript.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Виртуальный офис - дома" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Июль 2006   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
12345c

Статистика

0 подписчиков
0 за неделю
←   Все выпуски   →

Вызов, перемещение и скрывание подсказки в виде псевдоокна.
краткое содержание

Вызов, перемещение и скрывание подсказки в виде псевдоокна.

Слой, который можно визуализировать, двигать, хватая за заголовок, как обычное окно в Windows, и скрывать, нажимая на привычный значок скрытия в верхнем углу справа. (2) Репортаж из страны непуганных драконов.
Существует дней: 78
Автор: 12345c
Другие выпуски:
Рассылка 'Упражнения по яванскому письму. Javascript.'
 
Статья.
07.07.06

Подсказка в виде псевдоокна.

 Существует задача выводить подсказки не только в новых окнах, но и в слоях, внешне похожих на окна, чтобы их можно было таскать в пределах окна и скрывать, нажимая на крестик вверху справа.

Задача эта - часть более общей задачи - сделать функцию вывода подсказки в одном из желаемых представлений - окно, псевдоокно, простая подсказка, текст под ссылкой, указанный фрейм. Имея такую функцию, мы сможем гибко конфигурировать направление вывода связанной информации.

Реализуем в виде простого демонстрационного примера, не задаваясь вопросом совместимости с аналогичными подсказками, хотя такие вопросы возникнут в приложениях. Покажем принцип создания псевдоокна.

Принцип простой: показать слой, уметь его таскать, и затем скрыть. Код построен на базе похожей задачи о таскании слоёв: http://javascript.aho.ru/example/JsPrimeryCode-56.htm

<HTML><HEAD><META http-equiv=Content-TYPE
  content="text/html; charset=windows-1251">
</HEAD><BODY> 
<STYLE>.drag{background-color:#efefef;display:none;
  left:200px;cursor:move;border:2px darkred solid;
  font-size: 14px; padding: 0; position: absolute;
  height: 100px;width:120px;}
td{font-size: 24px;}
 .head{background-color:silver;text-align:right;width:100%;}
 .ptr{cursor:hand;cursor:pointer;}
</STYLE>
<b>Демонстрация вывода, перетаскивания и выключения
  псевдоокна с комментарием.</b><br><br>
<SCRIPT>
d=document;g=function(a){return d.getElementById(a);}
FF=navigator.appName=="Netscape"; //isGecko
    zMax=1;mouseDown=0;    //установки скрипта
    var posY,posX;    //переменные скрипта
d.onmousedown=function(e){
  if(FF?e.target:event.srcElement.className!="head")return;
     //отсечка лишнего
  mouseDown=g('drag1');
  posY=(FF?e.pageY:event.y+d.body.scrollTop)
      -parseInt(mouseDown.offsetTop);
  posX=(FF?e.pageX:event.x+d.body.scrollLeft)
      -parseInt(mouseDown.offsetLeft);  //нач.точка захвата
  mouseDown.style.zIndex=zMax++;        //подъём слоя
}
d.onmousemove=function eMove(e){if(!mouseDown)return;
  mouseDown.style.top=
    (FF?e.pageY:event.y+d.body.scrollTop)-posY;
  mouseDown.style.left=
    (FF?e.pageX:event.x+d.body.scrollLeft)-posX;
}
d.onmouseup=function(e){mouseDown=0;}
d.ondragstart=d.onselectstart=function(){
  if(event.srcElement.className=="head")
    event.returnValue=!1;}
</SCRIPT>
<div id=drag1 class=drag>
  <div class=head><span class=ptr
  onclick=g('drag1').style.display='none';
  style="padding:4px">X</span></div>
  Здесь текст
</div>
<span onclick=g('drag1').style.display='block';
  class=ptr>Показать псевдоокно</span>
</BODY></HTML>

Здесь функции обработки событий мыши реагируют на события порождённые одним определённым слоем с именем класса "head". Если опустили мышь на нём, процесс перетаскивания инициируется, и далее начинает реагировать на движения мыши функция, висящая на d.onmousemove (d==document). Отпускание мыши отключает процесс слежения. Вычисление координат слоя, обрамляющего слой с классом "head", ведётся с учётом кроссбраузерного определения координат мыши. Поэтому в операциях присваивания видим достаточно сложные выражения. Подъём номера zIndex слоя заложен на случай более одного псевдоокна на странице. Для случая нескольких псевдоокон, естественно, код нужно изменить, поддержав перетаскивание любого из них.

Демонстрация работы скрипта находится на странице примера.

Уровень: для пользователей
Новости свйта.
повторение объявления от 11.06.06

Новый сервис сайта: "Вопрос-ответ"

 Оперативные ответы на вопросы по Javascript, применению стилей, тегов HTML, языков PHP, Perl для работы с сервером.

Уважаемые подписчики, приглашаю Вас пользоваться новым сервисом сайта - форумом для вопросов и ответов по Javascript. В нём вы получите возможность оперативно прочитать ответ на вопрос. Время ответа - от 2-4 частов до 1 дня. Подобной практикой общения с разработчиками веб-страниц я занимаюсь на 2-3 форумах: softtime.ru (ник 12345), vingrad.ru (ник 12345с), rsdn.ru (ник 12345_). Она помогает быть в курсе типичных вопросов и проблем - от простых до сложных. Открытие раздела вопросов-ответов на сайте javascript.aho.ru позволит оперативно отслеживать настроения читателей рассылки, писать статьи на темы актуальных вопросов, точнее адресовать статьи в рассылке, пополнять запас решений на сайте.

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

Уровень: для всех
-v---
Новости свйта.
07.07.06

Из страны непуганных драконов

 На днях оттуда случился репортаж. А как же иначе, не потому мы так долго не встречались, что что автор бесследно исчез, а потому что шла долгая и продуктивная работа по накоплению фотоматериалов, которых ещё 80% не выложено, но 3 страницы уже есть, а значит, есть чем отчитаться за прожитые недели. Драконы - это сфера, далёкая от скриптов, как и процесс фотографирования их и окрестностей, в которых они живут. Читайте репортаж и смотрите фото, ибо это занятие более подходяще для душного лета, когда процесс логических умозаключений отводится на второй план.

Стр.1. Введение.

Стр.2. Виды Шеньженя.

Стр.3. Виды земли с воздуха. Говорят, оттуда можно взять красивые скриншоты, как и из прежней страницы.

Ожидаются не менее интересные кадры, о примерном содержании которых можно узнать из приведённого на страницах содержания.

Уровень: для всех
-v---
 javascript.aho.ru , © I.Svetlov, 2005-2006 
Текущая очерёдность плана статей (подписчики могут корректировать через голосование).
8. Ключевые слова новых технологий, которые нужно знать разработчику веб-страниц.
3. Как писать тексты с доступом через JS без экранирования специальных символов (&lt; и другие).
4. select и list - в них есть много общего. Как и с меню навигации. Эмулятор селекта.
5. Древовидное меню, подход к данным, отделение данных от представления.
6. Многонедельный календарь со ссылками. (По списку строится календарь.)

Если обнаружилось, что приходили не все письма, пожалуйста, сообщите об этом автору рассылки, чтобы помочь разобраться, какие коды некоторые почтовые серверы не пропускают. Предложения о темах, вопросы по Javascript, замечания по рассылке сообщайте на форуме или отправляйте на почту автора.

 
В избранное