Вывод тегов с использованием alert()
Мне нужно вывести таблицу с данными при помощи alert().
alert - это диалоговое окно с кнопочкой "Ok". В это окно можно вывести только строку текстам.
Чтобы вывести таблицу нужно использовать document.write(), а лучше нормально создавать объекты в DOM.
Чтобы вывести таблицу нужно использовать document.write(), а лучше нормально создавать объекты в DOM.
Смотря чего нужно. Алертом ты точно окромя ограниченного колличества текста не выведешь. Можно попробывать сделать просто новое окно с помощью open() и туда записать то, что нужно. Далее отталкивайся от того, что тебе нужно делать с этими данными. Если просто вывести, то обычный write() тебе в помощь. Через DOM делать конечно лучше и надёжней, но он ощутимо медленей работает.
Это не я придумал, преподаватель говорит что нужно придумать как вывести данную информацию.
[QUOTE=Werky]Это не я придумал, преподаватель говорит что нужно придумать как вывести данную информацию.[/QUOTE]
:D - больше не ходи на его занятия, а то после таких гениальных преподов и появляются темы типа:
http://forum.codenet.ru/showthread.php?t=29923
Смотри, он тебя плохому научит.
По теме топика:
Если серьезно, сдается мне, что это ты, что-то понял, не правильно объясни толково, что надо.
:D - больше не ходи на его занятия, а то после таких гениальных преподов и появляются темы типа:
http://forum.codenet.ru/showthread.php?t=29923
Смотри, он тебя плохому научит.
По теме топика:
Код:
alert("Имя\t|\tОценка\nПрепод\t|\tНеут.");
Если серьезно, сдается мне, что это ты, что-то понял, не правильно объясни толково, что надо.
[QUOTE=Werky]Мне нужно вывести таблицу с данными при помощи alert().[/QUOTE]
Сначало пишем стили для alerta. Если же требуется, что бы отличия от настоящего alertа были минимальны, то нужно подключить скрипт по определению браузера и в соответствии подставить именно для него стили.
Вот пример стилей alerta firefox (кроссбраузерность):
[html]
...
<body>
<h1>Alert</h1>
<p><span onclick="tblo(this, 'hello!')">sdf</span></p>
<p><span onclick="tblo(this, '')">sdf</span></p>
<p><span onclick="tblo(this, '')">sdf</span></p>
<p><span onclick="tblo(this, '')">sdf</span></p>
<div id="TBLAlert">
<div class="TBLTitle">This alert firefox chtheme</div>
<input type="button" name="" onclick="tblc(this);" value="ok"/>
<div class="TBLBody" id="TBLBody">
</div>
</div>
</body>
...
[/html]
После всего этого, нам нужен скрипт.
В этом примере блок алерта вылетает там где распологался курсор при нажатии.
Картинки вырезанны (в колличестве одной штуки) и вложенны в прилогаемый файл alert.zip:
./test.html
./i/moz.TBLAlert.gif
Сначало пишем стили для alerta. Если же требуется, что бы отличия от настоящего alertа были минимальны, то нужно подключить скрипт по определению браузера и в соответствии подставить именно для него стили.
Вот пример стилей alerta firefox (кроссбраузерность):
Код:
html
{ background-color:white; color:black; font-size:1.0em; position:relative; top:0; left:0; cursor:default; }
html, body
{ width:100%; height:100%; margin:0; padding:0; }
/* This alert firefox chtheme */
#TBLAlert
{ width:323px; height:116px; }
div[id="TBLAlert"]
{ width:auto !important; height:auto !important; min-width:323px; min-height:116px; }
#TBLAlert
{ display:none; color:black; background:url(../i/moz.TBLAlert.gif) no-repeat 12px 31px #efebe7; border:1px #777777 solid; }
#TBLAlert input
{ position:absolute; right:15px; bottom:12px; width:68px; height:23px; text-align:center; background-color:#e9e9e9; color:black; }
#TBLAlert input
{ border:1px #c6c6c6 solid; }
div[id="TBLAlert"] input
{ width:auto !important; height:auto !important; min-width:68px; min-height:23px; }
.TBLTitle
{ background-color:#2e2d39; color:white; }
.TBLBody
{ margin:37px 0 0 55px; position:relative; margin-bottom:37px; left:0; }
/* /// */
{ background-color:white; color:black; font-size:1.0em; position:relative; top:0; left:0; cursor:default; }
html, body
{ width:100%; height:100%; margin:0; padding:0; }
/* This alert firefox chtheme */
#TBLAlert
{ width:323px; height:116px; }
div[id="TBLAlert"]
{ width:auto !important; height:auto !important; min-width:323px; min-height:116px; }
#TBLAlert
{ display:none; color:black; background:url(../i/moz.TBLAlert.gif) no-repeat 12px 31px #efebe7; border:1px #777777 solid; }
#TBLAlert input
{ position:absolute; right:15px; bottom:12px; width:68px; height:23px; text-align:center; background-color:#e9e9e9; color:black; }
#TBLAlert input
{ border:1px #c6c6c6 solid; }
div[id="TBLAlert"] input
{ width:auto !important; height:auto !important; min-width:68px; min-height:23px; }
.TBLTitle
{ background-color:#2e2d39; color:white; }
.TBLBody
{ margin:37px 0 0 55px; position:relative; margin-bottom:37px; left:0; }
/* /// */
[html]
...
<body>
<h1>Alert</h1>
<p><span onclick="tblo(this, 'hello!')">sdf</span></p>
<p><span onclick="tblo(this, '')">sdf</span></p>
<p><span onclick="tblo(this, '')">sdf</span></p>
<p><span onclick="tblo(this, '')">sdf</span></p>
<div id="TBLAlert">
<div class="TBLTitle">This alert firefox chtheme</div>
<input type="button" name="" onclick="tblc(this);" value="ok"/>
<div class="TBLBody" id="TBLBody">
</div>
</div>
</body>
...
[/html]
После всего этого, нам нужен скрипт.
В этом примере блок алерта вылетает там где распологался курсор при нажатии.
Код:
function tblo(el, txt){
var t = document.getElementById("TBLAlert");
t.style.display='block';
t.style.top=el.offsetTop+el.offsetHeight+'px';
t.style.left=el.offsetLeft+el.offsetWidth+'px';
t.style.position='absolute';
tblw(txt);
}
function tblc(el){
var t = document.getElementById("TBLAlert");
t.style.display='none';
}
function tblw(dt){
var r = document.getElementById("TBLBody");
r.innerHTML=dt;
}
var t = document.getElementById("TBLAlert");
t.style.display='block';
t.style.top=el.offsetTop+el.offsetHeight+'px';
t.style.left=el.offsetLeft+el.offsetWidth+'px';
t.style.position='absolute';
tblw(txt);
}
function tblc(el){
var t = document.getElementById("TBLAlert");
t.style.display='none';
}
function tblw(dt){
var r = document.getElementById("TBLBody");
r.innerHTML=dt;
}
Картинки вырезанны (в колличестве одной штуки) и вложенны в прилогаемый файл alert.zip:
./test.html
./i/moz.TBLAlert.gif
[QUOTE=skywalker]:D - больше не ходи на его занятия, а то после таких гениальных преподов и появляются темы типа:
http://forum.codenet.ru/showthread.php?t=29923
Смотри, он тебя плохому научит.
[/QUOTE]
Неплохой мешок говна в мой огород. Спасибо - будет чем удобрять.
http://forum.codenet.ru/showthread.php?t=29923
Смотри, он тебя плохому научит.
[/QUOTE]
Неплохой мешок говна в мой огород. Спасибо - будет чем удобрять.
[QUOTE=RussianSpy]Неплохой мешок говна в мой огород. Спасибо - будет чем удобрять.[/QUOTE]
:) :)
assume, так это уже не alert, а новый слой, который выглядит как alert, хотя ..., ты молодец. :)
:) :)
assume, так это уже не alert, а новый слой, который выглядит как alert, хотя ..., ты молодец. :)
[QUOTE=skywalker]:) :)
assume, так это уже не alert, а новый слой, который выглядит как alert, хотя ..., ты молодец. :)[/QUOTE]
А ты рамсы часом не попутал?
assume, так это уже не alert, а новый слой, который выглядит как alert, хотя ..., ты молодец. :)[/QUOTE]
А ты рамсы часом не попутал?