Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.07.2012, 03:11
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

Поиск и замена стиля одинакового сообщения
Всем привет.
Умнее придумать название темы не смог ибо в 2-ух словах не описать
Вообщем у меня есть идея но реализовать бы её.
Есть мини-чат на ucoz, который сделан через get запрос с множеством полезных функций.
Функционал почти готов, но вот решил подумать над дизайном.
Суть такова, когда пользователь допустим с ником USER1 написал сообщение оно вывелось обычно как должны обычные сообщения, написал он и 2-ой раз, тогда уже идёт сдвиг этого сообщения под то которое он написал в первый раз допустим с margin-left:20px, если он написал и 3-й раз, тогда это сообщение появляется под вторым сообщением без дальнейшего сдвига margin-ом

Ну и если написал USER2 то пошли те же действия что и у USER1

Ну вообщем чтобы не напрягать сильно голову, такой вид имеют комментарии в материалах.

Прошу помощи в создании такого чуда, если понадобится чат тогда он тут, без функционала только с отправкой и подгрузкой сообщений.

Если нужно проще объяснить то пишите
Ответить с цитированием
  #2 (permalink)  
Старый 28.07.2012, 03:15
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

fAmOus,
а если пока он писал - вывелось 10 от других пользователей ?
Ответить с цитированием
  #3 (permalink)  
Старый 28.07.2012, 03:24
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

fAmOus,
Вы просто чередуете классы вывода строк
Один класс со сдвижкой - другой нет - и обычно строки еще и слабо подкрашены через одну
Ответить с цитированием
  #4 (permalink)  
Старый 28.07.2012, 04:03
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

Deff,
Примерно такой чат есть тут

Последний раз редактировалось fAmOus, 17.08.2012 в 18:47.
Ответить с цитированием
  #5 (permalink)  
Старый 28.07.2012, 04:10
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,520

<style>
div{height:30px;}
.msg1 {background:#aaf}
.msg1+.msg1, .msg2+.msg2 {margin-left:20px;}
.msg2 {background:#faa}
</style>
<div class="msg1"></div>
<div class="msg1"></div>
<div class="msg1"></div>
<div class="msg1"></div>
<div class="msg2"></div>
<div class="msg2"></div>
<div class="msg1"></div>
<div class="msg2"></div>
<div class="msg1"></div>
__________________
29375, 35
Ответить с цитированием
  #6 (permalink)  
Старый 28.07.2012, 14:34
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

Aetae,
Как бы это добавить в чат?
Ответить с цитированием
  #7 (permalink)  
Старый 28.07.2012, 22:33
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

up
Ответить с цитированием
  #8 (permalink)  
Старый 29.07.2012, 01:38
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,520

Откудаж я знаю, чат то ваш. Присваивать пользовательским сообщениям поочерёдно первый и второй класс, и в случаее если сообщение снова от того де пользователя класс не менять.
А можно просто завести доп класс для ровторных сообщений и не парить мозги. Всё в ваших руках.
__________________
29375, 35
Ответить с цитированием
  #9 (permalink)  
Старый 29.07.2012, 01:54
Кандидат Javascript-наук
Отправить личное сообщение для fAmOus Посмотреть профиль Найти все сообщения от fAmOus
 
Регистрация: 10.07.2012
Сообщений: 105

Aetae,
Спасибо за помощь.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поиск и замена в текстовом поле Roman Koff Events/DOM/Window 12 23.04.2010 23:35
Поиск текста и замена krestiyaninov Общие вопросы Javascript 1 07.05.2008 13:30