Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Сделаем сервис лучше » Ссылки с всплывающим превью


Ссылки с всплывающим превью

Сообщений 1 страница 20 из 57

Опрос

стоит ли добавить к ссылкам всплывающее превью в движок mybb?
да, не помешает

80% - 20
нет, это лишнее

20% - 5
Голосов: 25

1

есть возможность сделать ссылки, которые мы вставляем в пост, с всплывающим превью при наведении курсора
для этого есть плагин websnapr

<script type="text/javascript" src="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.css" />

чтобы он заработал с ссылками надо им придать класс class="websnapr"
и ссылки будут выглядеть так:
<a href="ссылка" rel="nofollow" class="websnapr">Это интересно</a>

http://s005.radikal.ru/i211/1001/bc/11b293a214d4.jpg

чтобы показать, что это всё работает сделал такой скрипт:

<script type="text/javascript" src="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.css" />

<script type="text/javascript">
function addSpoiler_myurl(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[myurl]",from))==-1) return str;
    if((pos2=str.indexOf("[/myurl]"),pos+8)==-1) return str;
    newpos=str.indexOf("[myurl]",pos+8)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler_myurl(str,pos+8,true)
    if((pos2=str.indexOf("[/myurl]",pos+8))==-1) return str;
    txt = str.substring(pos+7,pos2);
    if((sepPos=txt.indexOf("|",0))==-1) return str;
    str=str.substring(0,pos)+makeSpoilerr_myurl(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length)
    if( str.indexOf("[myurl]")!=-1 && internal==false) str=addSpoiler_myurl(str,0,false)
    return str
}   

function makeSpoilerr_myurl(txt1,txt2){
    txt='<a href="'+txt1+'" rel="nofollow" class="websnapr">'+txt2+'</a>';
    return txt;
}

if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler_myurl(post.innerHTML,0,false)}}
</script>

теги [myurl]ссылка|описание[/myurl]

ПРИМЕР РАБОТЫ

могу и кнопку сделать, но я так рассуждаю,
зачем лепить кучу кнопок и скриптов, когда есть уже кнопка http://dreamforum.ru/i/link_add.png ?
и чтобы она заработала с превью, Admin может на сервере добавить вышеупомянутый плагин и присвоить ссылкам class="websnapr"
сложностей тут быть не должно

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

прошу поделиться вашими мыслями

+3

2

Я за.

0

3

бесполезно.
лишняя нагрузка на форум имхо

0

4

Я бы не отказался. :)

0

5

С одной стороны нагрузка, с другой: красота требует жертв.
Конечно, я всегда за, но чтобы при необходимости (чтобы форум лишний раз не перегружать), в админке была возможность отключения. http://forumupload.ru/uploads/0000/14/1c/346394-1.gif

0

6

Прикольненько  http://i023.radikal.ru/0806/0e/0f0c289d656c.gif

0

7

За с возможностью отключения

0

8

Код:
<script type="text/javascript" src="http://i.rusff.org.ru/f/ru/org/rusff/jquery.js"></script>
<script type="text/javascript" src="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.css" />
<script type="text/javascript">
$(document).ready(function(){
$("#pun-viewtopic #pun-main div.topic div.post div.post-body a").addClass("websnapr");
});
</script>

вот скрипт, работает без всяких побочных тэгов типа [myurl] удалите самую первую строку если jquery у вас уже подключен, соответственно скрипт поставить после jquery

+3

9

mkusher написал(а):

вот скрипт, работает без всяких побочных тэгов типа [myurl]

ну вот, мой труд обозвали побочным  :hobo:  (шучу)

mkusher молодец!!! вновь доказал, что одну и ту же задачу можно решить разными способами ;)
только одно, НО.......превью многих ссылок видится как Переход по внешней ссылке от MyBB

по крайней мере у меня так

0

10

ну вот  в таком исполнении в превью ссылок уже нет Перехода по внешней ссылке
и исправлен ещё один косяк
скрипт от уважаемого mkusherа пытался делать превью к системе оценок поста + -

напоминаю, что скрипт написан с использованием jquery
html-верх

<script type="text/javascript" src="http://i.rusff.org.ru/f/ru/org/rusff/jquery.js"></script>

у меня работает в html-низ:

Код:
<script type="text/javascript" src="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.css" />
<script type="text/javascript">
var a = document.getElementsByTagName("a")

for( i=0; i<a.length; i++ )
{
   if( a[i].href.indexOf("http://" + document.domain + "/click.php?http://") != -1 )
   {
      a[i].href = "http://" + a[i].href.substring(a[i].href.lastIndexOf("http://")+7)
   }
}
$(document).ready(function(){
$("a[rel='nofollow']").addClass("websnapr");
});
</script>

ПРИМЕР

Отредактировано Romych (Пн, 8 Фев 2010 23:06:41)

+3

11

Romych написал(а):

ПРИМЕР

У меня в ИЕ не работает.

-1

12

Romych написал(а):

ну вот  в таком исполнении в превью ссылок уже нет Перехода по внешней ссылке
и исправлен ещё один косяк
скрипт от уважаемого mkusherа пытался делать превью к системе оценок поста + -
у меня работает в html-низ:
Код:

<script type="text/javascript" src="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.frequency-decoder.com/demo/link-preview-v2/websnapr.css" />
<script type="text/javascript">
var a = document.getElementsByTagName("a")

for( i=0; i<a.length; i++ )
{
   if( a[i].href.indexOf("http://" + document.domain + "/click.php?http://") != -1 )
   {
      a[i].href = "http://" + a[i].href.substring(a[i].href.lastIndexOf("http://")+7)
   }
}
$(document).ready(function(){
$("a[rel='nofollow']").addClass("websnapr");
});
</script>ПРИМЕР

Лови +

Отредактировано opirk032 (Пн, 8 Фев 2010 19:03:12)

0

13

rps написал(а):

У меня в ИЕ не работает.

мб не дождался полной загрузки документа?

0

14

rps написал(а):

У меня в ИЕ не работает.

хм.. проверил у себя в ИЕ, работает, но действительно пришлось чуть подождать

0

15

Считаю что это совершенно бестолковая безделушка. Этот скрипт для тех у кого бешеный интернет. С моей скоростью в 512 это просто тормозной башмак для вагона.

0

16

mkusher написал(а):

мб не дождался полной загрузки документа?

Олег, не строй из меня нубоюзверя.

Romych написал(а):

хм.. проверил у себя в ИЕ, работает, но действительно пришлось чуть подождать

Я пару минут ждал после окончания загрузки...

Отредактировано rps (Пн, 8 Фев 2010 22:09:11)

0

17

rps написал(а):

Олег, не строй из меня нуюоюзверя.
Я пару минут ждал после окончания загрузки...

Паш, да успокойся, это у меня такой форум долгогрузящийся, надо его подчистить (руки не доходят)
испытай у себя, я надеюсь проблем не будет

0

18

Romych
Перепроверил в 5 браузерах: ИЕ8, Мозилла 3,6, Опера 10,50, Хром 5 альфа, Сафари 4,4. На своём форуме и на твоём. Мой форум: http://tps.bbmy.ru/
Никаких превий не увидел, только форум стал тормозить, как твой и в ИЕ внизу числится ошибка.

0

19

rps написал(а):

Никаких превий не увидел, только форум стал тормозить

а я у тебя чё то на этом форуме http://tps.bbmy.ru/ jquery не увидал
он же работает с  jquery
об этом выше писалось, я просто посчитал, что все это уловили и не надо лишний раз упоминать

вот другой пример
так же тормозит?

0

20

А у меня вообще [пренебрежительное описание] какая то получается
Скрипт от mkusherа выдаёт вот что

http://10pix.ru/img1/4731/797637.jpg

Romych а твой скрипт из поста 10 не работает, а если перед ним ставлю это

<script type="text/javascript" src="http://i.rusff.org.ru/f/ru/org/rusff/jquery.js"></script>

то выплывает такое же окно.

0


Вы здесь » Единый форум поддержки » Сделаем сервис лучше » Ссылки с всплывающим превью