Просмотр полной версии : как изменить вид alert() окна в JavaScript
max_rebel
07.08.2008, 14:17
Привет,
есть такой вопрос - можно ли изменить внешний вид окна которое появляется при вызове alert()?
Вот пример www.ursite.tu2.ru (http://www.ursite.tu2.ru) - при заходе на сайт появляется окошко - мне его надо под дизайн сайта как-нибудь переделать,напримен серый фон и белые буквы,и ещё его прозрачным хочется сделать(типа как через {opacity:0.5} ) Это можно через css сделать?
Спс
spider-intruder
07.08.2008, 14:31
изменить вид alert() окна в JavaScript нельзя.
Сделай не алерт, а просто на css
ПРимер mailp.ru
Юзай Js и создай свое окошечко )))
max_rebel
07.08.2008, 14:47
Сделай не алерт, а просто на css
ПРимер mailp.ru
не совсем понял - т.е. без javascript чтоб это окно появлялось? а как оно будет пявляться?
inlanger
07.08.2008, 15:28
http://planetozh.com/projects/lightbox-clones/
вот тебе сборник окошек, выбирай любое
вначале самом показывать див и кнопка закрыть. по кнопке жмакаешь и своство display меняеться на none.
<div id="my_window" style="display:none; width:200px; height:80px; background-color:#FF0000; position:absolute; left:400px; top:200px; border:solid 1px #333333; padding:2px;">
Hello world!
<br /><br /><br /><center>
<input type="button" value="X" onClick="document.getElementById('my_window').style.display ='none';" /></center>
</div>
<a href="#" onclick="document.getElementById('my_window').style.display ='block';">открыть</a>
Кароче манипулируй свойством display
<div class="alert" id="alert"><table width="100%" height="100%"><tr><td align="center"><div class="alert1"><span style="color: #ff0000; font-size: 20pt; font-weight: bold; font-family: Verdana;">!!!</span><br><br><b>Только у нас</b> Вы имеете возможность получить пароль <b>до оплаты</b>, если Вы гарантируете оплату!<br>Вы оплачиваете только пароль,<br> логин мы предоставляем бесплатно!<br>Мы работаем:<br>Без предоплаты<br>Анонимно<br>В отличии от конкурентов пароль не меняем!<br>Вопросы насчет пароля от одноклассников<br> можете задавать по SMS на номер <br>+7 906 774 27 96<br><br><input type="button" value="OK" style="width: 60px;" onClick="document.getElementById('alert').style.display = 'none';" id="alert_kill"></div></td></tr></table></div>
Вставь сразу после <body>
max_rebel
07.08.2008, 23:11
<div id="my_window" style="display:none; width:200px; height:80px; background-color:#FF0000; position:absolute; left:400px; top:200px; border:solid 1px #333333; padding:2px;">
Hello world!
<br /><br /><br /><center>
<input type="button" value="X" onClick="document.getElementById('my_window').style.display ='none';" /></center>
</div>
<a href="#" onclick="document.getElementById('my_window').style.display ='block';">открыть</a>
Кароче манипулируй свойством display
спасибо за идею но у меня почему то не работает
max_rebel
07.08.2008, 23:13
<div class="alert" id="alert"><table width="100%" height="100%"><tr><td align="center"><div class="alert1"><span style="color: #ff0000; font-size: 20pt; font-weight: bold; font-family: Verdana;">!!!</span><br><br><b>Только у нас</b> Вы имеете возможность получить пароль <b>до оплаты</b>, если Вы гарантируете оплату!<br>Вы оплачиваете только пароль,<br> логин мы предоставляем бесплатно!<br>Мы работаем:<br>Без предоплаты<br>Анонимно<br>В отличии от конкурентов пароль не меняем!<br>Вопросы насчет пароля от одноклассников<br> можете задавать по SMS на номер <br>+7 906 774 27 96<br><br><input type="button" value="OK" style="width: 60px;" onClick="document.getElementById('alert').style.display = 'none';" id="alert_kill"></div></td></tr></table></div>
Вставь сразу после <body>
работает но кривовато.Вставляю в код страницы и получается что страница искривляется - все объяекты сдвигаются в зависимости от того в какую часть страницы вставляю код.И кроме того мне хочется чтоб именно окно висящее над страницей было а не так чтоб <div> был в страницу вставлен
<div class="alert" id="alert" style="z-index:999"><table width="100%" height="100%"><tr><td align="center"><div class="alert1"><span style="color: #ff0000; font-size: 20pt; font-weight: bold; font-family: Verdana;">!!!</span><br><br><b>Только у нас</b> Вы имеете возможность получить пароль <b>до оплаты</b>, если Вы гарантируете оплату!<br>Вы оплачиваете только пароль,<br> логин мы предоставляем бесплатно!<br>Мы работаем:<br>Без предоплаты<br>Анонимно<br>В отличии от конкурентов пароль не меняем!<br>Вопросы насчет пароля от одноклассников<br> можете задавать по SMS на номер <br>+7 906 774 27 96<br><br><input type="button" value="OK" style="width: 60px;" onClick="document.getElementById('alert').style.display = 'none';" id="alert_kill"></div></td></tr></table></div>
так попробуй
max_rebel
08.08.2008, 23:03
тоже самое - страница вся наперекосяк=( я в денвере это делаю - это важно?
vBulletin® v3.8.14, Copyright ©2000-2026, vBulletin Solutions, Inc. Перевод: zCarot