X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как несколько ссылок "подробнее" превратить в одну?
kronos
kronos
Topic Starter сообщение 16.6.2015, 23:21; Ответить: kronos
Сообщение #1


Кто-то решал задачу?

Есть краткий вид новости, который ведет на полный.

Есть три ссылки на полный вид новости:
1) Заголовок
2) Рисунок
3) Кнопка "подробнее"

Также в верстке между всем этим есть текстовое описание.

Мне кажется это не есть красиво и хорошо. Как можно склеить их в одну? Может быть средствами JavaScript?


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Drupal_way
Drupal_way
сообщение 16.6.2015, 23:44; Ответить: Drupal_way
Сообщение #2


А может проще убрать 2 ссылки?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 16.6.2015, 23:49; Ответить: x64
Сообщение #3


Код
a.items { display:block; }

Код
<a class="items" href="ссылка_на_новость">
  <div><img картинка></div>
  <div>Анонс</div>
  <div class="pseudolink">Читать далее</div>
</a>


Либо и правда на каждый a подвесить событие через onload


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kronos
kronos
Topic Starter сообщение 17.6.2015, 0:04; Ответить: kronos
Сообщение #4


Цитата(Drupal_way @ 16.6.2015, 22:44) *
А может проще убрать 2 ссылки?

Может, но например с тех же мобилок люди всегда жмут на изображения, да и с ПК тоже.

x64, в принципе первый вариант нормальный, но тогда анкор будет содержать кучу лишнего html и текст анонса будет ссылкой, что не есть гуд.

Цитата(x64 @ 16.6.2015, 22:49) *
Либо и правда на каждый a подвесить событие через onload

Наверное правильный вариант, генерировать на php и вставлять прямо в html код.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 17.6.2015, 9:42; Ответить: Gerga
Сообщение #5


Я так делаю:
в JS:
Код
$('.goto').on('click', function(){
    var goto_l = $(this).attr('data-goto');
        
    if ( goto_l && goto_l != undefined ) window.location=goto_l;    
})

В HTML так выводит:
Код
<div class="goto" data-goto="ссылка"></div>

В CSS:
Код
.goto {cursor: pointer}


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал Gerga - 17.6.2015, 9:43


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
2 Boymaster 702 Вчера, 17:52
автор: Boymaster
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19866 23.4.2024, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3480 23.4.2024, 11:54
автор: Skyworker
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
39 2Index 6742 22.4.2024, 16:16
автор: 2Index
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 5042 20.4.2024, 16:49
автор: Liudmila


 



RSS Текстовая версия Сейчас: 25.4.2024, 17:21
Дизайн