Главная » 2008 » Октябрь » 7 » Графити себе в комментарии/посты
Графити себе в комментарии/посты
19:12
Добрый-добрый день smile За окном почти любимой Москвы льет страшный дождь, а я решил внести небольшую свежесть в свой страшный бложек. Мало того, что сейчас занимаюсь разработкой интерфейса необычного, так еще сделал одну забавную штучку. А конкретно - граффити. После всем известного нововведения стало не очень понятно как это дело себе поставить(ну или никто решил этим не пользоваться). Товарищ abasov.est? попросил сделать ему небольшой скрипт изменяющий размеры граффити в комментариях и постах(по желанию), соотв. в этом посте я решил написать как граффити себе в принципе поставить.

----------

Собственно такую штуку сделать проще простого. Достаточно залезть в форму добавления комментариев и добавить в том месте где хотите видеть кнопочку код:

Code

<a href="javascript://" onclick="window.open('/media/?t=draw;h=1','graffity','resizable=1,scrollbars=1,top=0,left=0,width=740,height=540'); return false;"><img border="0" src="http://1o3.ucoz.ru/images/brush.png" /></a>

Такую кнопку могут видеть зарегистрированные пользователи моего блога wink Далее по нажатии вылетает окошко с редактором. В нем мы творим, что угодно и копируем BB-код в поле комментария. Дальше постим. Остается вопрос: "как сделать чтобы граффити не вылезало за рамки?". Все просто, в добавляем:

Code

function refGraf(){
  var h = location.host;
  var a = $("img[src*='"+h+"/graffiti/']");
  a.css("width", "200px");
  var length = a.get().length;
  var links = [];
  for(i=0; i<length; i++){
  links.push(a.get(i).src);  
  }  
  a.wrap("<div class='graf'></div>");
  $(".graf").each(function(i){
  this.innerHTML = "<a target='_new' href='"+links[i]+"'>"+ this.innerHTML + "</a>";
  });
}
$(function(){
  refGraf();
});

Пс: a.css("width","200px"); - размер wink

Напомню, что для работы скрипта у вас на сайте должна быть библиотека jQuery

Категория: jQ.js | Просмотров: 8420 | Добавил: DeT | Теги: ucoz, graffiti, граффити
Всего комментариев: 271 2 3 4 5 6 »
11.02.2013
Bucoulmomebus говорит:
http://sportdotworld.ru - .

31.01.2013
Bucoulmomebus говорит:
In my opinion you are not right. I am assured. Write to me in PM, we will communicate.http://lawyerfirst.ru - .

16.01.2013
Bucoulmomebus говорит:
I confirm. I agree with told all above.http://school-stroy.ru - .

31.10.2008
Демчук Андрей говорит:
Можна просто зайти на сайт! А прямая ссылка вот: http://polonne.moy.su/news/2008-10-27-37#comments

30.10.2008
DeT говорит:
Отлично, кинь ссылку, посмотрим что вышло)

1-5 6-10 11-15 16-20 21-25 26-27
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]