Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Маленькое окошко с возможность перетаскивания
 
 автор: MeTp   (06.07.2006 в 13:43)   письмо автору
 
 

Помогите сделать окошко как на http://www.ag.ru/reviews/call_of_duty_2, при нажатии на картинку восклецательного знака

   
 
 автор: 12345   (06.07.2006 в 14:20)   письмо автору
 
   для: MeTp   (06.07.2006 в 13:43)
 

Не угадали, нет там такой картинки.
А то собирался было показать этот пример:

   
 
 автор: MeTp   (06.07.2006 в 14:28)   письмо автору
 
   для: 12345   (06.07.2006 в 14:20)
 

Как нет, вот где системные требования, слева... ой, извините :) там буква i

Помните Halo[i]? Call of Duty 2 - то же самое, только на Земле и про...

   
 
 автор: 12345   (06.07.2006 в 14:55)   письмо автору
 
   для: MeTp   (06.07.2006 в 14:28)
 

тогда пример почти подходит, только реагировать (ставить mouseDown=1; ) на слой заголовка, а двигать весь обрамляющий слой.

   
 
 автор: MeTp   (06.07.2006 в 18:52)   письмо автору
1.8 Кб
 
   для: 12345   (06.07.2006 в 14:55)
 

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

   
 
 автор: 12345   (07.07.2006 в 04:17)   письмо автору
 
   для: MeTp   (06.07.2006 в 18:52)
 

так:
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY> 
<STYLE>.drag{background-color:#efefef;display:none;left:200;
    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%;}
</STYLE>

<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((t=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);    //начальная точка захвата
    t.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 onclick=g('drag1').style.display='none'; style=padding:4px>X</span></div>
  Здесь текст
</div>
<span onclick=g('drag1').style.display='block';>Показать псевдоокно</span>
</BODY></HTML>

   
 
 автор: MeTp   (07.07.2006 в 11:47)   письмо автору
 
   для: 12345   (07.07.2006 в 04:17)
 

Спасибо

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования