НашаРаша

Главная | Регистрация | Вход
Понедельник, 20.05.2024, 21:38
Приветствую Вас Гость | RSS
DOZ.UCOZ.NET-НашаРаша
Добавь в закладки
Меню сайта
Погода Тюхтет
GISMETEO: Погода по г.Тюхтет



Электротовары
Главная » Статьи » Интернет и технологии сети » HTML

рублей Яндекс.Деньгами
на счет 41001811770512 (Поддержи проект Наша Раша)
Загрузка...
Получить прямую ссылку (скрипт для UCOZ)-фотоальбом
Многие наверняка уже видели и знают о такой полезной вещи как "получить прямую ссылку", служит она как раз для получения пользователем прямой ссылки на статью или материал который в данный момент читается.
В общем виде код скрипта Получить прямую ссылку выглядит вот так:

Code
<div id="showurls" align="center" style="display: none;">
BBCode:<input id="newslinkbbcode" readonly="readonly" class="newslink" onclick="this.select()" value=""><br>
HTML:<input id="newslink" readonly="readonly" class="newslink" onclick="this.select()" value=""></div>
<center id="showurl">[ <a href="#" onclick="return false;">Получить прямую ссылку</a> ]</center>
<center id="hidenax" style="display: none;">[ <a href="#" onclick="return false;">Скрыть ссылки</a> ]</center>
<script type="text/javascript">$(document).ready(function() {$('#showurl').click(function(){$('#showurls').show('slow'); $('#showurl').hide('fast'); $('#hidenax').show('fast');}); $('#hidenax').click(function(){$('#showurls').hide('slow'); $('#hidenax').hide('fast'); $('#showurl').show('fast');});}); document.getElementById('newslink').value='<a href="'+location.href+'" title="$ENTRY_TITLE$$PHOTO_NAME$">$ENTRY_TITLE$<?if ($PHOTO_NAME$)?>$PHOTO_NAME$</a>'; document.getElementById('newslinkbbcode').value='[url='+location.href+']$ENTRY_TITLE$$PHOTO_NAME$[/url]'</script>

Данный код ставится в том месте где необходимо что бы выводилась ссылка/кнопка на получение прямой ссылки.
Соответственно при нажатии на ссылку появляются поля ссылками на статью.

Но всегда же хочется чего то больше, и вот я немного это модифицировал и добавил возможность для фотоальбома показывать ссылки не только на статью или материал, но и ссылки на размещение фотографии.
Т.е. теперь во всех категориях кроме фотоальбома будет выводиться только ссылки на статью или материал. В фотоальбоме же, в дополнение к уже существующим ссылкам, будут выводиться так же и ссылки на публикацию фотографий на других ресурсах.

Вот код:

Code
<div id="showurls" style="display: none;">
  1.Ссылка на картинку<br>
<input name="tb_img_code_1" type="text" readonly="readonly" onclick="this.select()" value="$FULL_PHOTO_DIRECT_URL$"><br>
2.HTML на картинку: превью - увеличение по клику<br>
  <input name="tb_img_code_2" type="text" readonly="readonly" onclick="this.select()" value="<a target="_blank" href="$FULL_PHOTO_DIRECT_URL$" title="$PHOTO_NAME$"><img name="$PHOTO_NAME$" src="$THUMBNAIL_URL$" ></a>"><br>
3.BBCode на картинку: превью - увеличение по клику<br>
  <input name="tb_img_code_3" type="text" readonly="readonly" onclick="this.select()" value="[url=$FULL_PHOTO_DIRECT_URL$][img]$THUMBNAIL_URL$[/img][/url]"><br>
4.Картинка на странице просмотра полноразмерного изображения<br>
  <input name="tb_img_code_4" type="text" readonly="readonly" onclick="this.select()" value="$FULL_PHOTO_URL$"><br>
  Ссылка BBCode на статью:<br><input id="newslinkbbcode" readonly="readonly" class="newslink" onclick="this.select()" value=""><br>Ссылка HTML на статью:<br><input id="newslink" readonly="readonly" class="newslink" onclick="this.select()" value=""></div><center id="showurl">[ <a href="#" onclick="return false;">Получить прямую ссылку</a> ]</center><center id="hidenax" style="display: none;">[ <a href="#" onclick="return false;">Скрыть ссылки</a> ]</center><script type="text/javascript">$(document).ready(function() {$('#showurl').click(function(){$('#showurls').show('slow'); $('#showurl').hide('fast'); $('#hidenax').show('fast');}); $('#hidenax').click(function(){$('#showurls').hide('slow'); $('#hidenax').hide('fast'); $('#showurl').show('fast');});}); document.getElementById('newslink').value='<a href="'+location.href+'" title="$ENTRY_TITLE$$PHOTO_NAME$">$ENTRY_TITLE$<?if ($PHOTO_NAME$)?>$PHOTO_NAME$</a>'; document.getElementById('newslinkbbcode').value='[url='+location.href+']$ENTRY_TITLE$$PHOTO_NAME$[/url]'</script>

Так же здесь немного изменен стиль вывода ссылок, теперь они выводятся не по центру, а с левой стороны.
Коды для публикации картинки взяты самые распространенные и самые используемые.
В качестве картинки превью берется уменьшенная версия с главной странички фотоальбома.



Понравилась статья-Жми +1 Нравится

BBCode:

HTML:   

[ Скрыть ссылки ]

Это может быть интересно:
Категория: HTML | Добавил: port79 (10.07.2011)
Просмотров: 2294 | Комментарии: 1 | Теги: (Скрипт, UCOZ)-фотоальбом, получить, ссылку, для, прямую | Рейтинг: 0.0/0
Всего комментариев: 1
1Ириша61   (26.01.2013 14:10)
Что-то у меня не получается,я втавляю код ,выходит фото,а "получить ссылку" не кликабельно и никаких кодов и ссылок на фото нет.
0  

 
 


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
место для вашей рекламы-сайт принадлежит Журавлёву Роману Александровичу-вопросы по рекламе:port79@mail.ru
Администрация интернет-портала www.doz.ucoz.net не несёт ответственности за действия его посетителей. Все товарные знаки и знаки обслуживания на этом сайте являются собственностью соответствующих владельцев.Мнения, выраженные в публикациях на этом сайте, являются мнениями авторов публикаций и могут не совпадать с мнением администрации сайта
doz.ucoz.net
Информация для правообладателей

Copyright MyCorp ©
2024

Конструктор сайтов - uCoz