|
|
|
| Здравствуйте! Возникло несколько вопросов, думаю в этот раздел.
1. Как реализовать, чтобы при нажатии на ссылку основная часть чуть темнела, и появлялось окно с содержимым страницы, на которую хотел зайти пользователь.
2. Есть таблица, интересует, как сделать, чтобы при наведении на
<tr><td>1</td><td>2</td></tr>
| эта строка выделялась друг цветом и больше в размерах.
3. Как сделать сортировку в таблице по .
Надеюсь на вашу помощь. | |
|
|
|
|
|
|
|
для: include
(30.07.2008 в 10:29)
| | в общем виде реализация такая:
<script>
function f()
{//функция затемнения экрана
}
</script>
<iframe name="iframe"></iframe>
<a href="http://site.ru" target="iframe" onclick="f()">ссыла</iframe>
|
затемнение экрана я представляю следующим образом: формируешь див на всю видимую область, с position:absolute , и потом оперируешь свойством opacity. Но с этим затемнением в IE куча гемора, как-то:
какая-то фигня с position:absolute, у меня щас почему то не хочет работать, надо разбираться.
IE не понимает setAttribute("style", ), это если захочешь формировать тот див на лету;
opacity задаётся по разному в gecko и IE;
гемор с определением размера документа и скролов
ну и ещё чевонить может всплыть
2) <tr onmouseover="this.style.backgroundColor='red';this.style.fontSize='larger'"><td>1</td><td>2</td></tr>
3)не понял | |
|
|
|
|
|
|
|
для: вялый
(30.07.2008 в 13:17)
| | 2. Надо чтобы при наведении на эту строчку она выделялась, когда убераешь она становиться нормальной.
3. Сортировку в каждом столбце. | |
|
|
|
|
|
|
|
для: include
(30.07.2008 в 14:03)
| |
<tr onmouseover="this.style.backgroundColor='red';this.style.fontSize='larger'" onmouseout="this.style.backgroundColor='';this.style.fontSize=''"><td>1</td><td>2</td></tr>
|
| |
|
|
|
|
|
|
|
для: include
(30.07.2008 в 14:03)
| | как-то так:
<script>
function f(x)
{var tr=document.getElementById("table").getElementsByTagName("tr");
var tdValue=new Array();
for(i=1;i<tr.length;i++)
{tdValue[i]=tr[i].getElementsByTagName("td")[x].firstChild.nodeValue;
}
tdValue.sort();
for(i=1;i<tr.length;i++)
{
tr[i].getElementsByTagName("td")[x].firstChild.nodeValue=tdValue[i-1];
}
}
</script>
</head>
<body>
<table id="table"border="1" summary="">
<tr>
<th onclick="f(0)">сортировать</th>
<th onclick="f(1)">сортировать</th>
</tr>
<tr>
<td>d</td>
<td>dfgh</td>
</tr>
<tr>
<td>b</td>
<td>wert</td>
</tr>
<tr>
<td>a</td>
<td>iopop</td>
</tr>
</table>
|
| |
|
|
|
|
|
|
|
для: вялый
(30.07.2008 в 14:53)
| | Спасибо огромное! | |
|
|
|
|
|
|
|
для: вялый
(30.07.2008 в 14:53)
| | Еще б пример по 1му вопросу... Если можно... | |
|
|
|
|
|
|
|
для: include
(30.07.2008 в 15:32)
| | вам, как я понимаю, нужно, чтобы в этом окне предпросмотра масштаб был меньше, чем у основного документа, так? или нет? | |
|
|
|
|
|
|
|
для: вялый
(30.07.2008 в 15:53)
| | Ну да немного меньше. | |
|
|
|
|
|
|
|
для: include
(30.07.2008 в 16:01)
| | ща попробую, аж самому интересно стало | |
|
|
|
|
|
|
|
для: вялый
(30.07.2008 в 16:11)
| | хотя вообще то нет, уменьшить масштаб наверно нельзя. Задумка была такая: получить весь хтмл, у все цифры уменьшить в 2 раза, и отправить полученное в iframe. Однако я не смогу редактировать CSS файлы, не смогу уменьшить всякие "large" и "small", не смогу редактировать скрипты, которые задают размеры и т.д.
А предпросмотр в масштабе 1:1 тебя врятли заинтересует
хотя на livejournal это как-то реализовано | |
|
|
|
|
|
|
|
для: вялый
(30.07.2008 в 17:29)
| | Ну ради примера выложите в масштабе 1:1. | |
|
|
|
|
|
|
|
для: include
(31.07.2008 в 09:48)
| | А причём тут AJAX вообще? Им тут и не пахнет. | |
|
|
|
|
|
|
|
для: coloboc66
(31.07.2008 в 10:22)
| | Я просто думал это реализуется с помощью аякса. Может Вы подскажите как это сделать? | |
|
|
|
|
|
|
|
для: coloboc66
(31.07.2008 в 10:22)
| | > А причём тут AJAX вообще? Им тут и не пахнет.
Приехали...
А страницу "на которую хотел зайти пользователь" вы как будете загружать? | |
|
|
|
|
|
|
|
для: Axxil
(31.07.2008 в 11:03)
| | Во фрейм, по-моему... | |
|
|
|
|
|
|
|
для: coloboc66
(31.07.2008 в 11:24)
| | А, да. Не заметил про фрейм. | |
|
|
|
|
|
|
|
для: include
(30.07.2008 в 10:29)
| | Обратитесь к поисковикам с вопросом Ajax лайт бокс или потерпите до вечера кину архивчик там все как вам надо сделано! :) | |
|
|
|
|
|
|
|
для: Lex
(01.08.2008 в 06:37)
| | Ок, подожду до вечера, но и сам поищу. | |
|
|
|
|
9.7 Кб |
|
|
для: include
(01.08.2008 в 09:20)
| | Вот добрался до компа держите кароче этот попроще! | |
|
|
|
|
63.8 Кб |
|
|
для: include
(01.08.2008 в 09:20)
| | А вот этот поинтересней! :) | |
|
|
|
|
|
|
|
для: Lex
(02.08.2008 в 23:47)
| | Огромное спасибо.
Но еще вопросик, а русский там можно настроить в подключаемом файле? | |
|
|
|
|
|
|
|
для: Lex
(02.08.2008 в 23:47)
| | Еще вот интересная библиотека - http://mootools.net/, но там тоже в окне квадратики. | |
|
|
|
|
|
|
|
для: include
(30.07.2008 в 10:29)
| | А почему бы вам не воспользоваться фрэймворком... Например Ext имеет довольно много возможностей по работе с таблицами. Вот ссылка на страницу с примерами http://extjs.com/products/extjs/ | |
|
|
|
|
|
|
|
для: gipper
(04.08.2008 в 14:35)
| | Или вот
extjs.com/deploy/dev/examples/grid/array-grid.html | |
|
|
|
|
|
|
|
для: gipper
(04.08.2008 в 14:36)
| | Интересует лайт бокс, как там настроить русский язык? | |
|
|
|
|
110.4 Кб |
|
|
для: include
(04.08.2008 в 15:58)
| | Честно говоря на счет русского языка не знаю надо покопаться! Выход должен быть! Думаю можно! Нарыл пример сортировки данных в таблице на аяксе. Держите исходники--> | |
|
|
|
|
|
|
|
для: Lex
(04.08.2008 в 20:58)
| | Спасибо. | |
|
|
|
|
|
|
|
для: include
(05.08.2008 в 09:37)
| | Так кто-нибудь знает как настроить русский язык? | |
|
|
|
|
|
|
|
для: include
(11.08.2008 в 13:59)
| | Не смотрел эти ваши библиотеки, но если вы имеете ввиду искажение кириллицы при передаче её аяксом, то используйте кодировку UTF-8. Тогда искажений не будет. | |
|
|
|