jquery, html manipulatoin
подскажите пожалуйста
имеется таблица, по какому-то событию в таблице удаляются все строки кроме первой. т.е от этого Код:
<table>Код:
<table> |
внимание вопрос:
|
плохо сформулировал ?
после выполнение скрипта
$("a").click(function()
{
$("tr:gt(0)").empty();
});
остается Код:
<table>Код:
<table> |
empty удаляет содержимое, а тебе нужно что-то другое - http://docs.jquery.com/Manipulation
ты совсем немного промахнулся ;-) |
спасибо, просмотрел, того что надо не нашел, мб зеленый еще.
я сделал немного по-другому, заключил все <tr> после первой строки в тег <tbody> и по клику очищаю его содержимое |
$("a").click(function()
{
$("tr:gt(0)").remove();
});
А вариант с tbody весьма правилен, если тебе надо очистить таблицу, а шапку оставить |
remove
|
e1f спасибо за подсказку, то что надо, пригодится на будущее.
сейчас оставил вариант с tbody. |
еще 1 вопрос - как запретить прокрутку страницы, если к body применять
overflow: hidden;то просто исчезают полосы прокрутки, но прокручивать страницу можно(колесиком или клавиатурой) |
а зачем?
|
Вложений: 1
делаю модальное окно, для этого создаю
<div class="overlay"></div>
.overlay {
background:#666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50%;
opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /*filter for ie*/
height:100%;width:100%;
position: absolute;
left:0; top:0;
}
а сверху него уже вывожу модальное окно. так вот див с классом оверлей занимает 100% по высоте и ширине ЭКРАНА, а не 100% от body. поэтому мне нужно запретить пользователю прокручивать страничку, чтобы он не увидел незакрашенный низ страницы. |
а как насчет "height: 100%" -> "bottom: 0px"?
|
не работает.
по-моему тут надо как-то overflow:hidden у body делать. интересно, то что в файрфоксе прокручивать после overflow:hidden нельзя, а в ие и опере можно |
а ты запихни содержимое в div и ему назначай overflow: hidden;
|
Цитата:
|
Цитата:
p.s. но лучше имхо чтобы возможности прокрутки не было, т.е. чтобы содержимое страницы не превышало размеры клиентской области |
Цитата:
|
Цитата:
Или именно поэтому "это не всегда возможно" |
Цитата:
|
я совместил два способа. т.е. создаю
<div id="box"></div>
.overlay {
background:#666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50%;
opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
width:100%;
position: absolute;
left:0; top: 0px;
}
$("#box").addClass("overlay"); $("#box").height($(document).height());
и также
$("body").css("overflow","hidden");
|
Тупое решение:
window.onload = function() {
setInterval(function() {
window.scrollTo(0, 0);
}, 10);
};
А вот не тупое window.onscroll=function(){return false}; работать отказалось. |
Цитата:
$(window).scroll(function(e) {
e.preventDefault();
return false;
});
тоже не работают. Уныло всё это :( , когда же ИЕ научится "position: fixed" нормально понимать |
| Часовой пояс GMT +3, время: 08:48. |