Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.07.2011, 15:40
Аспирант
Отправить личное сообщение для uExpo Посмотреть профиль Найти все сообщения от uExpo
 
Регистрация: 05.07.2011
Сообщений: 87

Вывод материала по вертикали (вместо горизонтали)
На сайте есть тег который вывод список пользователей вот в таком виде:

uExpo, VIP-4

и код HTML выглядит так:

<a class="123" href="/index/8-1" target="_blank">uExpo</a>, <a class="123" href="/index/8-5" target="_blank">VIP-4</a>


Как реализовать чтобы все Логины после знака , отображались по вертикали, вот так:

<a class="123" href="/index/8-1" target="_blank">uExpo</a><br>
<a class="123" href="/index/8-5" target="_blank">VIP-4</a>


То есть другими словами чтобы запятая заменялась тегом <br>

Последний раз редактировалось uExpo, 09.07.2011 в 15:57.
Ответить с цитированием
  #2 (permalink)  
Старый 09.07.2011, 16:05
Аватар для Amphiluke
   ☽
Отправить личное сообщение для Amphiluke Посмотреть профиль Найти все сообщения от Amphiluke
 
Регистрация: 07.01.2011
Сообщений: 254

Правильнее всего делать это на стороне сервера, а не при помощи Javascript
Ответить с цитированием
  #3 (permalink)  
Старый 09.07.2011, 16:09
Аспирант
Отправить личное сообщение для uExpo Посмотреть профиль Найти все сообщения от uExpo
 
Регистрация: 05.07.2011
Сообщений: 87

было бы все так просто в uCoz нельзя менять
Ответить с цитированием
  #4 (permalink)  
Старый 09.07.2011, 16:16
Аватар для Amphiluke
   ☽
Отправить личное сообщение для Amphiluke Посмотреть профиль Найти все сообщения от Amphiluke
 
Регистрация: 07.01.2011
Сообщений: 254

Для «безвыходных» ситуаций:
<p id="users"><a class="123" href="/index/8-1" target="_blank">uExpo</a> , <a class="123" href="/index/8-5" target="_blank">VIP-4</a>, <a class="123" href="/index/8-0" target="_blank">Admin</a></p>
<script type="text/javascript">
window.onload = function() {
    var u = document.getElementById("users");
    u.innerHTML = u.innerHTML.replace(/<\/a>\s*?,/g, "</a><br>");
}
</script>
Ответить с цитированием
  #5 (permalink)  
Старый 09.07.2011, 16:20
Аспирант
Отправить личное сообщение для uExpo Посмотреть профиль Найти все сообщения от uExpo
 
Регистрация: 05.07.2011
Сообщений: 87

Спасибо
Ответить с цитированием
  #6 (permalink)  
Старый 09.07.2011, 18:15
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от uExpo
было бы все так просто в uCoz нельзя менять
что мешает в стилях прописать?

p#users a {
     display: block;
     position: relative;
}
Ответить с цитированием
  #7 (permalink)  
Старый 09.07.2011, 18:35
Аватар для Amphiluke
   ☽
Отправить личное сообщение для Amphiluke Посмотреть профиль Найти все сообщения от Amphiluke
 
Регистрация: 07.01.2011
Сообщений: 254

Сообщение от monolithed
что мешает в стилях прописать?
Очевидно, запятые.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрепление элемента по вертикали или горизонтали AlexMak (X)HTML/CSS 5 23.12.2008 14:29