Svarga
Moderator | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Hibin
Посмотри на такое чудо (само собой стили ещё до ума доводить и доводить, чтоб на диалоговое окно похоже было + работает пока только в DOM1-браузерах, но для Оперы 6 и Нетскапы 4х не долго доделать, если надо):
Код: <html><head>
<script>
var t=false
function hideAlert(){if (t) {document.getElementById('alerT').style.visibility="hidden"}}
function showAlert(){if (t) {document.getElementById('alerT').style.visibility="visible";document.getElementById('def').focus()}}
function action(num)
{
hideAlert()
switch(num)
{
case 1:
alert('action#1')
break;
case 2:
alert('action#2')
break;
case 3:
alert('action#3')
break;
case 4:
alert('action#4')
break;
default:
break;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
input,.x{font-family:Helvetica,sans-serif,Arial;font-size:9pt;color:black;border:1px solid black;border-top-color:white;border-left-color:white;margin-bottom:8px}
.x{width:14px;height:14px;overflow:hidden;padding:0px;margin:0px;font-family:mono,Courier;font-size:12px;line-height:12px;background-color:#c8d8e0;text-align:center;vertical-align:middle;cursor:default}
#alerT{text-align:center;position:absolute;margin:auto;width:500px;visibility:hidden;overflow: visible;background-color:#c8d8e0;border:2px solid #404040;border-top-color:#e0ecf0;border-left-color:#e0ecf0}
html,td,div{font-family:Helvetica,sans-serif,Arial}
.c{font-weight:bold;font-size:13px;color:white}
-->
</style>
</head>
<body id=q>
<script>if (window.innerWidth){var w=window.innerWidth;var h=window.innerHeight} else if (document.all){var w=document.all('q').clientWidth;var h=document.all('q').clientHeight}
w=w/2-250
h=h/2-30
if ((document.getElementById('q').style)&&(w)) {t=true}
if (t){document.write('<div id=alerT style=\"left: '+w+'px;top: '+h+'px\" align=center><table bgcolor=#1a5084 width=495 height=15 border=0 cellpadding=0 cellspacing=0><tr><td class=c> Вопросик есть</td><td width=15 height=15><div onClick=action(5) class=x>x</div></td></tr></table><table width=450 border=0 cellpadding=0 cellspacing=0><td width=100 align=center><!-- cие заменить на картинку от confirm --><font size=6><b>?</b><!--/--></font></td><td align=center valign=middle style="font-size:9pt"><br>Вы действительно думаете, что оно вам всё такое неизвестно для чего надо?<br><br></td></tr></table><nobr><input type=button onClick="action(1)" value="Не знаю (1)" id=def> <input type=button onClick="action(2)" value="Да (2)"> <input type=button onClick="action(3)" value="Нет (3)"> <input type=button onClick="action(4)" value="Конечно (4)"> <input type=button onClick="action(5)" value="Отмена"></nobr></div>')}</script>
<!-- а тут всё содержимое страницы, очень интересное и красивое  -->
<p style="margin-left:30px"><a href=javascript:showAlert()>Linux is like a wigwam</a>-- no gates - no windows - and an apache inside<br>
Нет вечных двигателей.Есть вечные тормоза<br>
Пришёл день Х,наступило время Ч и полная Ж...<br>
Хватит ерундой болтать!<br>
Живём один раз-<a href=javascript:showAlert()>чтобы больше не хотелось!</a><br>
Да здравствует то, благодаря чему мы - несмотря ни на что! <br>
Я не злопамятный человек,отомщу и забуду!<br>
<a href=javascript:showAlert()>Abort, Retry, Ignore = Нафиг, Нефиг, Пофиг.</a><br>
Одна голова хорошо, а с туловищем лучше<br>
Если вас съели, то у вас, только два выхода...<br>
С возрастом мы делаем меньше глупостей - возможности уже не те...<br>
Баба с возу - кобыла в курсе дела<br>
Все, что есть хорошего в жизни, либо незаконно, либо аморально, либо ведет к ожирению.<br>
Убей бобра спаси дерево! |
|
