Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Вопросы по AJAX
 
 автор: include   (30.07.2008 в 10:29)   письмо автору
 
 

Здравствуйте! Возникло несколько вопросов, думаю в этот раздел.
1. Как реализовать, чтобы при нажатии на ссылку основная часть чуть темнела, и появлялось окно с содержимым страницы, на которую хотел зайти пользователь.
2. Есть таблица, интересует, как сделать, чтобы при наведении на
 <tr><td>1</td><td>2</td></tr>
эта строка выделялась друг цветом и больше в размерах.
3. Как сделать сортировку в таблице по
<th>
.
Надеюсь на вашу помощь.

  Ответить  
 
 автор: вялый   (30.07.2008 в 13:17)   письмо автору
 
   для: 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)не понял

  Ответить  
 
 автор: include   (30.07.2008 в 14:03)   письмо автору
 
   для: вялый   (30.07.2008 в 13:17)
 

2. Надо чтобы при наведении на эту строчку она выделялась, когда убераешь она становиться нормальной.
3. Сортировку в каждом столбце.

  Ответить  
 
 автор: вялый   (30.07.2008 в 14:08)   письмо автору
 
   для: 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>

  Ответить  
 
 автор: вялый   (30.07.2008 в 14:53)   письмо автору
 
   для: 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>

  Ответить  
 
 автор: include   (30.07.2008 в 15:27)   письмо автору
 
   для: вялый   (30.07.2008 в 14:53)
 

Спасибо огромное!

  Ответить  
 
 автор: include   (30.07.2008 в 15:32)   письмо автору
 
   для: вялый   (30.07.2008 в 14:53)
 

Еще б пример по 1му вопросу... Если можно...

  Ответить  
 
 автор: вялый   (30.07.2008 в 15:53)   письмо автору
 
   для: include   (30.07.2008 в 15:32)
 

вам, как я понимаю, нужно, чтобы в этом окне предпросмотра масштаб был меньше, чем у основного документа, так? или нет?

  Ответить  
 
 автор: include   (30.07.2008 в 16:01)   письмо автору
 
   для: вялый   (30.07.2008 в 15:53)
 

Ну да немного меньше.

  Ответить  
 
 автор: вялый   (30.07.2008 в 16:11)   письмо автору
 
   для: include   (30.07.2008 в 16:01)
 

ща попробую, аж самому интересно стало

  Ответить  
 
 автор: вялый   (30.07.2008 в 17:29)   письмо автору
 
   для: вялый   (30.07.2008 в 16:11)
 

хотя вообще то нет, уменьшить масштаб наверно нельзя. Задумка была такая: получить весь хтмл, у все цифры уменьшить в 2 раза, и отправить полученное в iframe. Однако я не смогу редактировать CSS файлы, не смогу уменьшить всякие "large" и "small", не смогу редактировать скрипты, которые задают размеры и т.д.
А предпросмотр в масштабе 1:1 тебя врятли заинтересует

хотя на livejournal это как-то реализовано

  Ответить  
 
 автор: include   (31.07.2008 в 09:48)   письмо автору
 
   для: вялый   (30.07.2008 в 17:29)
 

Ну ради примера выложите в масштабе 1:1.

  Ответить  
 
 автор: coloboc66   (31.07.2008 в 10:22)   письмо автору
 
   для: include   (31.07.2008 в 09:48)
 

А причём тут AJAX вообще? Им тут и не пахнет.

  Ответить  
 
 автор: include   (31.07.2008 в 10:37)   письмо автору
 
   для: coloboc66   (31.07.2008 в 10:22)
 

Я просто думал это реализуется с помощью аякса. Может Вы подскажите как это сделать?

  Ответить  
 
 автор: Axxil   (31.07.2008 в 11:03)   письмо автору
 
   для: coloboc66   (31.07.2008 в 10:22)
 

> А причём тут AJAX вообще? Им тут и не пахнет.
Приехали...
А страницу "на которую хотел зайти пользователь" вы как будете загружать?

  Ответить  
 
 автор: coloboc66   (31.07.2008 в 11:24)   письмо автору
 
   для: Axxil   (31.07.2008 в 11:03)
 

Во фрейм, по-моему...

  Ответить  
 
 автор: Axxil   (31.07.2008 в 11:24)   письмо автору
 
   для: coloboc66   (31.07.2008 в 11:24)
 

А, да. Не заметил про фрейм.

  Ответить  
 
 автор: Lex   (01.08.2008 в 06:37)   письмо автору
 
   для: include   (30.07.2008 в 10:29)
 

Обратитесь к поисковикам с вопросом Ajax лайт бокс или потерпите до вечера кину архивчик там все как вам надо сделано! :)

  Ответить  
 
 автор: include   (01.08.2008 в 09:20)   письмо автору
 
   для: Lex   (01.08.2008 в 06:37)
 

Ок, подожду до вечера, но и сам поищу.

  Ответить  
 
 автор: Lex   (02.08.2008 в 23:44)   письмо автору
9.7 Кб
 
   для: include   (01.08.2008 в 09:20)
 

Вот добрался до компа держите кароче этот попроще!

  Ответить  
 
 автор: Lex   (02.08.2008 в 23:47)   письмо автору
63.8 Кб
 
   для: include   (01.08.2008 в 09:20)
 

А вот этот поинтересней! :)

  Ответить  
 
 автор: include   (04.08.2008 в 09:38)   письмо автору
 
   для: Lex   (02.08.2008 в 23:47)
 

Огромное спасибо.
Но еще вопросик, а русский там можно настроить в подключаемом файле?

  Ответить  
 
 автор: include   (04.08.2008 в 14:28)   письмо автору
 
   для: Lex   (02.08.2008 в 23:47)
 

Еще вот интересная библиотека - http://mootools.net/, но там тоже в окне квадратики.

  Ответить  
 
 автор: gipper   (04.08.2008 в 14:35)   письмо автору
 
   для: include   (30.07.2008 в 10:29)
 

А почему бы вам не воспользоваться фрэймворком... Например Ext имеет довольно много возможностей по работе с таблицами. Вот ссылка на страницу с примерами http://extjs.com/products/extjs/

  Ответить  
 
 автор: gipper   (04.08.2008 в 14:36)   письмо автору
 
   для: gipper   (04.08.2008 в 14:35)
 

Или вот
extjs.com/deploy/dev/examples/grid/array-grid.html

  Ответить  
 
 автор: include   (04.08.2008 в 15:58)   письмо автору
 
   для: gipper   (04.08.2008 в 14:36)
 

Интересует лайт бокс, как там настроить русский язык?

  Ответить  
 
 автор: Lex   (04.08.2008 в 20:58)   письмо автору
110.4 Кб
 
   для: include   (04.08.2008 в 15:58)
 

Честно говоря на счет русского языка не знаю надо покопаться! Выход должен быть! Думаю можно! Нарыл пример сортировки данных в таблице на аяксе. Держите исходники-->

  Ответить  
 
 автор: include   (05.08.2008 в 09:37)   письмо автору
 
   для: Lex   (04.08.2008 в 20:58)
 

Спасибо.

  Ответить  
 
 автор: include   (11.08.2008 в 13:59)   письмо автору
 
   для: include   (05.08.2008 в 09:37)
 

Так кто-нибудь знает как настроить русский язык?

  Ответить  
 
 автор: coloboc66   (11.08.2008 в 14:45)   письмо автору
 
   для: include   (11.08.2008 в 13:59)
 

Не смотрел эти ваши библиотеки, но если вы имеете ввиду искажение кириллицы при передаче её аяксом, то используйте кодировку UTF-8. Тогда искажений не будет.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования