Оформление результатов поиска картинками-превью.
2011-10-28 Дата: Пятница, 28.10.2011, 19:47 | Сообщение # 1
Аццкий кодер
Группа: Администраторы
Статус: Unknown
?q=Фотография Вопросы только по теме ...
2011-10-28 Дата: Пятница, 28.10.2011, 19:57 | Сообщение # 2
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Q: рыбак [28.10.2011] Quote (рыбак )
По моим тестам скрипт работает в модуле News, но не работает в Publ. Как сделать в Publ? И возможно ли сделать чтобы он работал с картинкой которая добавлена, но не прописана в $Massage$ материала?
Re: Quote (рыбак )
И возможно ли сделать чтобы он работал с картинкой которая добавлена, но не прописана в $Massage$ материала?
... Реально, хотя всё зависит от ситуации, и не в данном скрипте. Данный же скрипт работает только с добавленными в текст $MESSEGE$ картинками, это специфика, определяемая вот этим кодом: Code
.... var b=$(a).find('.eMessage img')||$(a).find('.eText img') ...
- где: Скрипт ищет картинку, тег <img /> в одном из двух возможный (для стандартных шаблонов) блоков - «eMessage » или «eText », соответственно. ...
2011-10-29 Дата: Суббота, 29.10.2011, 00:02 | Сообщение # 3
Майор
Группа: Проверенные
Статус: Offline
Quote
Вопросы пои материалу «Дополнительные смайлики на форум. Для юКоз (uCoz)» ... Вопросы только по теме ...
Смайлики??? Первый пост уже не по теме $Massage$ , $MESSEGE$ А правильно всё таки $MESSAGE$ По теме: Сообщение, которое мне помогло: http://likbezz.ru/publ....#ent813 likbezz , СПАСИБО!, вы настоящий ликбез!
2011-11-13 Дата: Воскресенье, 13.11.2011, 12:55 | Сообщение # 4
что то у меня не получается... вставил это в страницу посика Code
<script type="text/javascript">$(function(){ $('#searchText table.eBlock div.eTitle a').each(function(){ var el=$(this),$this=el.parents('table.eBlock'),url=el.attr('href'); if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(data){var src=$(data).find('td.eMessage img:eq(0)').attr('src')||'undefined'; if(src!=='undefined'){$this.find('div.eMessage').prepend($('<img/>').attr('src', src).addClass('preview'));}; });};}); });</script>
это заменил на body Code
<div id="searchText">$BODY$</div> <script type="text/javascript"> $('#searchText div.eTitle a').each(function(){var c=$(this),cont=c.parents('td:eq(0)').find('div.eMessage'),url=this.href; if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(a){var b=$(a).find('.eMessage img')||$(a).find('.eText img'),src=null; for(var i=0;i<b.length;i++){if(!/ucoz.net/i.test(b[i].src)){ src=b[i].src;cont.prepend($('<img/>').attr('src',src).addClass('preview'));break}}})}; }); </script>
но что то я не понял какой код вставлять в "поиск по айту> вид материалов" использую картинки $IMAGE1$
2011-12-01 Дата: Четверг, 01.12.2011, 00:12 | Сообщение # 5
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Quote (рыбак )
Смайлики??? Первый пост уже не по теме
Да, точно ) Руслан , Quote (Руслан )
что то у меня не получается... ... вставил это в страницу посика ... это заменил на body ... но что то я не понял какой код вставлять в "поиск по айту> вид материалов" использую картинки $IMAGE1$
Без ссылки на страницу, где вы всё это “правильно” прописали, на этот вопрос весьма затруднительно ответить однозначно.
2011-12-02 Дата: Пятница, 02.12.2011, 21:13 | Сообщение # 6
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Q: fatal1ti (Из лички) Quote (fatal1ti )
Здорова Я насчёт того что я писал в прошлый раз (оформление в результатах поиска) Скрипт наверно придётся переделывать? Я немного шарю в js , там нужно будет поменять img на например на блок с каким-нибудь классом и код автора статьи будет в этом блоке? Сможешь написать кусок кода? У меня у самого руки прямые, но мне бы выучить бы js, мне бы хороший учебник по нему.
... Лучше по ID - ведь блок будет один на страницу. Можно и класс. Типа: Code
... $.get(url,{},function(data){ var src=$(data).find('td.eMessage img:eq(0)').attr('src')||'undefined',author_name=$(data).find('td.eMessage #author_name').html()||'undefined'; if(src!=='undefined'){ $this.find('div.eMessage').prepend($('<img/>').attr('src', src).addClass('preview')); }; if(author_name!=='undefined'){ $this.find('div.eMessage').prepend($('<span/>').html(author_name).addClass('author_name')); }; ...
Будет создан элемент <span /> с содержанием того же элемента со страницы с ID==author_name , и присвоен класс == author_name . На странице : Code
<span id="author_name">$ИМЯ_АВТОРА$</span>
...
2011-12-02 Дата: Пятница, 02.12.2011, 22:59 | Сообщение # 7
Quote (likbezz )
Без ссылки на страницу, где вы всё это “правильно” прописали, на этот вопрос весьма затруднительно ответить однозначно.
так вы напишите может я пропустил что? может еще какой код надо вставить или заменить? потому что инструкция ваша сложновата.. для обычных смертных не понять что куда и как
2011-12-03 Дата: Суббота, 03.12.2011, 00:36 | Сообщение # 8
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Гость , Quote (Гость )
так вы напишите может я пропустил что? может еще какой код надо вставить или заменить?
Нет, ничего более - только то, что написано: Идём в ПУ » Управление дизайном » Поиск по сайту » Страница поиска, заменяем оператор $BODY$ на: Code
<div id="searchText">$BODY$</div> <script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/searchImg.js"></script>
... Этот код 100% рабочий, со стандартными шаблонами. Если у вас НЕ стандартный - редактировать скрипт нужно под шаблон.
2011-12-03 Дата: Суббота, 03.12.2011, 13:25 | Сообщение # 9
Рядовой
Группа: Проверенные
Статус: Offline
likbezz , У меня скрипт под мой дизайн приспособлен, я тот код взял , но там кажется вывод и картинки и автора, мне нужно просто автора, а то я так запутаюсь. Вот код я использую для картики:
Code
<script type="text/javascript"> $('#searchText div.eTitle a').each(function(){var c=$(this),cont=c.parents('right:eq(0)').find('div.eMessage'),url=this.href; if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(a){var b=$(a).find('.eMessage img')||$(a).find('.eText img'),src=null; for(var i=0;i<b.length;i++){if(!/ucoz.net/i.test(b[i].src)){ src=b[i].src;cont.prepend($('<img/>').attr('src',src).addClass('preview'));break}}})}; }); </script>
И ещё вопрос ты говорил типо можно если автор есть в полной новости Я точно не понял, у меня в странице материала и коментарии к нему выводится автор - таким кодом $AUTHOR_NAME$ Правильно?? Вот если чё код этой страницы
Code
<div class="eMessage"> <div class="main-news"> <div class="main-news-title"><div class="eTitle"><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div></div><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$ </div><?endif?> <div class="main-news-text fix-images"> <div class="short-main-other"> <div class="post_info"> <span class="author">Добавил</span> <span id="author_name"><a href="$PROFILE_URL$">$USERNAME$</a></span> | <span class="date">$DATE$, $TIME$</span> | <span class="comm_num">Комментариев: <a href="$COMMENTS_URL$">($COMMENTS_NUM$)</a> </span> | Заглянули $READS$ <br><span class="cati">Категория: </span> <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a> </div> </div> <div class="main-more"><span></span></div> <div class="shot-text"> <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?> <?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)<?endif?> <?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> ]<?endif?> $MESSAGE$ <br> <?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div> <?endif?> </div> <?if($RATING$)?><!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b><?endif?> </div>
У меня на дивах , а не на таблице , так как код как я и говорил подстроил под дизайн Нужен код для вывода автора И ещё картинка долго появляется , после 3-5 секунд. Так и должно быть?
Сообщение отредактировал fatal1ti - Суббота, 03.12.2011, 13:27
2011-12-03 Дата: Суббота, 03.12.2011, 17:04 | Сообщение # 10
Аццкий кодер
Группа: Администраторы
Статус: Unknown
fatal1ti , Quote (fatal1ti )
У меня скрипт под мой дизайн приспособлен, я тот код взял , но там кажется вывод и картинки и автора, мне нужно просто автора, а то я так запутаюсь.
Скрипт : Code
<script type="text/javascript"> $('#searchText div.eTitle a').each(function(){ var c=$(this),cont=c.parents('right:eq(0)').find('div.eMessage'),url=this.href; if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(a){ var b=$(a).find('.eMessage #author_name').html()||$(a).find('.eText #author_name').html(); if(b!=='undefined'){cont.prepend($('<span/>').html(b).addClass('author_name'));}; }); }; }); </script>
Quote (fatal1ti )
И ещё картинка долго появляется , после 3-5 секунд. Так и должно быть?
Время загрузки картинки, напрямую зависит от её размера (веса) и вашей скорости подключения. ...
2011-12-03 Дата: Суббота, 03.12.2011, 22:05 | Сообщение # 11
Quote (likbezz )
Если у вас НЕ стандартный - редактировать скрипт нужно под шаблон.
да у меня не стандартный дизайн..как настроить скрипт под свой дизайн? в чем загвоздка
2011-12-03 Дата: Суббота, 03.12.2011, 22:26 | Сообщение # 12
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Руслан , Quote (Руслан )
да у меня не стандартный дизайн..как настроить скрипт под свой дизайн?
Отредактировать область поиска, а именно - имена классов - параметр: Code
var b=$(a).find('.eMessage img')||$(a).find('.eText img')
и место вставки - параметр: Code
cont=c.parents('td:eq(0)').find('div.eMessage')
...
2011-12-04 Дата: Воскресенье, 04.12.2011, 07:53 | Сообщение # 13
Рядовой
Группа: Проверенные
Статус: Offline
likbezz , Скрипт работает , уже радует Но чуть чуть не так как я хотел Вот скрин Нужно автора перенести с описания на строчку где написанно добавить. Я знаю что скрипт выводит автора в eMessage Всё я токо понял , зря только письмо писал Вот что получилось: щас ещё перенесу чуть правее Всё спасибо тебе, сайт супер, автору рекпектДобавлено (04.12.2011, 07:53) --------------------------------------------- После 10 минут колдовства сделал всё под себя:
Ещё раз спасибо автору
2011-12-04 Дата: Воскресенье, 04.12.2011, 16:23 | Сообщение # 14
Quote (likbezz )
Отредактировать область поиска, а именно - имена классов - параметр: Codevar b=$(a).find('.eMessage img')||$(a).find('.eText img') и место вставки - параметр: Codecont=c.parents('td:eq(0)').find('div.eMessage')
блин..не пойму что куда..можно на пальцах объяснить? вот страница материалов
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> /* StartStyle */ img.preview{width:100px;height:100px;float:left;margin:3px 7px 3px 0px;display:inline;} /* EndStyle */ </style> <title><?if($SEARCH_QUERY$)?>$SEARCH_QUERY$ - <?endif?>Поиск</title> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <link type="text/css" rel="StyleSheet" href="/.s/src/css/984.css" /> <link type="text/css" rel="StyleSheet" href="http://s12.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s12.ucoz.net/src/u.js?2"></script><style type="text/css">.UhideBlockL {display:none}</style> <style type="text/css" media="all"> @import url(/css/style.css); </style> <style type="text/css" media="all"> @import url(/css/engine.css); </style> <script type="text/javascript" src="/js/menu.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#menu a').hover(function() { $(this).children('strong').stop().fadeTo(300, 1); }, function () { $(this).children('strong').stop().fadeTo(300, 0); }).children('strong').empty().css('opacity', 0); }) function show(ele) { var srcElement = document.getElementById(ele); if(srcElement) { if(srcElement.style.display == "block") { srcElement.style.display= 'none'; } else { srcElement.style.display='block'; } } } </script> </head> <body> <table width="1020" cellpadding="0" cellspacing="0" border="0" align="center"> <tr> $GLOBAL_AHEADER$ <!-- <middle> --> <tr> <td> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="17" height="17"><img src="/images/border_14.png" /></td> <td background="/images/border_15.png"></td> <td width="17" height="17"><img src="/images/border_18.png" /></td> </tr> <tr> <td width="17" height="461" valign="top"><img src="/images/border_19.png" /></td> <td bgcolor="#151515" valign="top"></td> <td width="17" height="461" valign="top"><img src="/images/border_21.png" /></td> </tr> <tr> <td width="17" height="100%" background="/images/border_22.png"></td> <td bgcolor="#151515" valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top: -461px; position: relative;"> <tr> <td width="182" valign="top"> $GLOBAL_CLEFTER$ <td valign="top" align="center"> <div class="page" style="margin-bottom: 15px;"> <div class="page"> <div class="page-header"> <center>$SITE_NAME$</center> </div> <!-- <body> --><div style="padding:0 0 5px 0;">$SEARCHFORM$</div><div style="padding:4px 4px 0 4px;"><!--<s5248>-->Фильмов <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b><!--</s>--></div><hr/> <div id="searchText">$BODY$</div> <script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/searchImg.js"></script> <div align="center">$PAGE_SELECTOR$</div><!-- </body> --> <td width="182" valign="top" align="left"> $GLOBAL_DRIGHTER$ </td> </tr> </table> </td> <td width="17" background="/images/border_24.png"></td> </tr> <tr> <td width="17" height="17"><img src="/images/border_26.png" /></td> <td background="/images/border_28.png"></td> <td width="17" ><img src="/images/border_29.png" /></td> </tr> </table> </td> </tr> <tr> <!-- </middle> --> $GLOBAL_BFOOTER$ <script type="text/javascript"> $(document).ready(function(){ /*Start DocumentReady*/ $('#searchText table.eBlock div.eTitle a').each(function(){ var el=$(this),$this=el.parents('table.eBlock'),url=el.attr('href'); if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(data){ var src=$(data).find('td.eMessage img:eq(0)').attr('src')||'undefined'; if(src!=='undefined'){ $this.find('div.eMessage').prepend($('<img/>').attr('src', src).addClass('preview')); };});};}); /*End DocumentReady*/ }); </script> </body> </html>
а вот вид атериал поиска
Code
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <div class="nTitle" style="text-align:left;font-weight:normal"><a href="$ENTRY_URL$"><h1>$TITLE$</h1></a></div> <div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"> $MESSAGE$</div> <div class="eDetails" style="clear:both;">$ENTRY_DEPTH$ <?if($SAVING_DATE$)?>- $SAVING_DATE$<?endif?></div></td></tr></table><br />
помогите очень прошу
2011-12-04 Дата: Воскресенье, 04.12.2011, 16:45 | Сообщение # 15
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Руслан , Quote (Руслан )
Отредактировать область поиска
Это значит смотреть нужно имена классов в НЕ в шаблоне поиска по сайту, а в шаблонах тех модулей, по которым ведётся поиск, а именно: Code
/load|publ|blog|dir|news/
... Шаблон - материал и комментарии к нему. ...