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

HTML+CSS+JavaScript

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

 

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

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

тема: Подскажите, пожалуйста, как сделать всплывающее окошко.
 
 автор: Hunter   (18.08.2006 в 14:38)   письмо автору
 
 

Ну вобщем окно небольшое должно быть где-то 200 x 200 px. И при нажатии на ссылке должно появлятся в месте нажатия курсора.

   
 
 автор: servannin   (18.08.2006 в 15:11)   письмо автору
 
   для: Hunter   (18.08.2006 в 14:38)
 

http://www.google.com/

ну просто море подсказок

   
 
 автор: elenaki   (18.08.2006 в 15:19)   письмо автору
 
   для: servannin   (18.08.2006 в 15:11)
 

у меня по mouseOver, но можно и по клику сделать. а как вы его убивать собираетесь? по
временной задержке? где-то делала и это....


<img src="img/fa.gif" border=0 ONMOUSEOVER="pop('img/prod/big/<?=$image?>')" ONMOUSEOUT="kill()">


это скрипт вывода. не проверяла в FF, не исключено, что будет работать и там...
контент подставляете свой.


<SCRIPT>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(img)
{
var content = "<TABLE CELLPADDING=2 CELLSPACING=0 width=200 height=200><TR><TD>";
if (img != "") {content = content + "<img src=\"" + img + "\" align=center>";}
content = content +  "</TD></TR></TABLE>";

if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x+10;
skn.top = y+10;
}

function kill()
{
skn.visibility = "hidden";
}
</SCRIPT>


это должно быть вверху страницы:


<DIV ID="topdeck" CLASS="popper">&nbsp;</DIV>
<style TYPE="text/css">
body{overflow:scroll;overflow-x:hidden}
.popper{position : absolute;visibility : hidden;}
</style>



вот функция самозакрытия окошка
<script language="JavaScript">
var howLong = 300;
t = null;
function closeMe(){
t = setTimeout("self.close()",howLong);
}
</script>

   
Rambler's Top100
вверх

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