Search Results for '웹위젯'

3 POSTS

  1. 2007/06/05 미투데이를 TODO LIST로 사용해보기
  2. 2007/05/18 펌핏 인기글 + 신규글 위젯 (1)
  3. 2007/05/17 펌핏 신규글 위젯 (1)

미투데이를 TODO LIST로 사용해보기

Posted 2007/06/05 03:04, Filed under: 프로그래밍
목표 :
미투데이에서 글쓸때 todo를 태그로 입력하면 그걸 기준으로 pipe에서 필터링해서 웹위젯 형태로 보여주기.

결과 :
일단 성공. 다만 pipe를 거치기에 느림.. 하지만 그냥 쓸만하다.


개선사항 및 느낀점 :
미투로그 배달될 때 태그를 필터링하여 특정 카테고리로 설정되었으면 좋겠다.
아직까진 이부분이 구현되지 않은 듯 한데.. 거꾸로 내가 RSS를 이용해서 블로그로 가져오면 되려나.

잡생각 :
미투데이에 하나의 계정(todo)을 추가했는데 이를 여러 사람이 공유해서 사용한다면 다른 사람의 todo list도 알 수 있을텐데. 물론 태그로 검색하면 되겠지만 먼가 형태가 정형화된 모습? 음.. 역시 잡생각일 뿐.

Trackback URL : http://blog.eggnara.com/trackback/60 관련글 쓰기

Leave a comment

펌핏 인기글 + 신규글 위젯

Posted 2007/05/18 04:07, Filed under: 프로그래밍
스킨의 Head 영역 사이에
<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script>
<script type="text/javascript" src="http://eggnara.com/script/egg.script.js"></script>
<script type="text/javascript" src="http://eggnara.com/script/egg.widget.pumfit.js"></script>
를 입력 후

최근글
<div id="widget_pumfit_recent">펌핏 최근글 로딩</div>
<script type="text/javascript">
Egg.widget.pumfit.recentRSS('IT|생활', 5, 10);
</script>

인기글
<div id="widget_pumfit_popular">펌핏 인기글 로딩</div>
<script type="text/javascript">
Egg.widget.pumfit.popularRSS('IT|생활', 5, 10);
</script>

형태로 사용하시면 됩니다.


다운로드하여 사용하셔도 됩니다.


각각의 입력값은 '카테고리', '목록 글 수', '한줄당 표현길이' 이며, 카테고리 지정 방법은 펌핏에 존재하는 카테고리를 '|'를 이용하여 추가하시면 됩니다.

예를 들어 IT, 신상품, 생활/문화를 한줄당 20글자 이내로 10개를 가져오려면
Egg.widget.pumfit.popularRSS('IT|신상품|생활/문화', 10, 20);

형태로 설정하시면 됩니다.


참고
- 한줄당 표현길이가 지정되지 않을 경우는 제목 그대로 표시
- 핸들러함수를 지정하여 사용 가능

function putRecent(feed) {

  var html = '<ul>';
  var listTpl = new Template('<li><a href="#{link}">#{title}</a><span class="date">#{date}</span></li>');

  for (var i = 0; i < feed.value.items.length; i++) {

   var item = feed.value.items[i];
   var cal = new Date(item.pubDate);
   var data = {link: item.link, title: item.title.truncate(length), date: cal.getHours().toPaddedString(2) + ':' + cal.getMinutes().toPaddedString(2)};

   html += listTpl.evaluate(data);
  }
  html += '</ul>';

  $('widget_pumfit_recent').update(html);

}
Egg.widget.pumfit.recentRSS('신상품|피플', 10, 0, 'putRecent');

현재 사이드바에 위치한 소스

<s_sidebar_element>
<div class="popularPumfit">
<h3 onclick="javascript:show_hide_div('widget_pumfit_popular');">POPULAR PUMFIT</h3>
<div id="widget_pumfit_popular">펌핏 인기글 로딩</div>
</div>
<script type="text/javascript">
Egg.widget.pumfit.popularRSS('IT|신상품', 5, 15);
</script>
</s_sidebar_element>
이올린에 북마크하기(0) 이올린에 추천하기(0)

Trackback URL : http://blog.eggnara.com/trackback/46 관련글 쓰기

  1. # BlogIcon egg 2007/05/18 19:37 Delete Reply

    내가 작성한 글, 스크랩한 글에 대한 RSS도 있었으면
    오히려 그게 더 적당할 듯 싶은데 아직은 지원하지 않는군요.

Leave a comment

펌핏 신규글 위젯

Posted 2007/05/17 15:34, Filed under: 프로그래밍

태미님의 me2day 플러그인 관련 글을 참고하여 만들어보았습니다.

소스를 수정하여 다시 포스팅하였습니다.

<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script>
<script type="text/javascript">

/**
 *
  - pr_target : 목록이 표시될 태그 아이디(?)
  - pr_size : 목록 출력 개수
  - pr_length : 한줄당 표현 길이 (0 : 모두 표시)
  - pr_category : 표시될 카테고리
 IT|생활/문화|정치/경제|미디어/연예|스포츠|피플
*/
var pr_target = 'pumfit_recent';
var pr_size = 10;
var pr_category = 'IT|신상품';
var pr_length = 0;

function initPumfitRecent() {

 var pipeURL = 'http://pipes.yahoo.com/pipes/pipe.run?_id=KnWwmxkE3BGDJU7SCB2yXQ&_render=json&_callback=hanPumfitRecent';
 var pars = '&category=' + pr_category + '&size=' + pr_size;
 var sc = document.createElement('script');
 sc.type = 'text/javascript';
 sc.src = pipeURL + pars;

 document.getElementsByTagName('head')[0].appendChild(sc);
}

function hanPumfitRecent(feed) {

 var html = '<ul>';
 var listTpl = new Template('<li><a href="#{link}">#{title}</a><span class="date">#{date}</span></li>');

 for (var i = 0; i < feed.value.items.length; i++) {

  var item = feed.value.items[i];
  var cal = new Date(item.pubDate);
  var data = {link: item.link, title: item.title.truncate(pr_length), date: cal.getHours().toPaddedString(2) + ':' + cal.getMinutes().toPaddedString(2)};

  html += listTpl.evaluate(data);
 }
 html += '</ul>';

 if ($(pr_target))
  $(pr_target).update(html);
}

initPumfitRecent();
</script>
<div id="pumfit_recent">펌핏 최근글 로딩</div>

카테고리를 지정하여 신규글에 대한 목록을 가져올 수 있으며 사용법은 카테고리 이름인 'IT', '생활/문화', 등을 '|'로 연결하여 pr_category에 설정하시면됩니다.

var pr_size = 10;
var pr_category = 'IT|신상품';
var pr_length = 0;

출력 형태는

<li><a href="#{link}">#{title}</a><span class="date">#{date}</span></li>

으로 블로그에 맞게 style.css를 지정해서 사용하시면 됩니다.
기본 style.css

#pumfit_recent ul,
#pumfit_recent li {
    margin:0;
    padding:0;
    list-style:none;
}
#pumfit_recent .date {
    margin-left:10px;
}

참고로 위 소스를

<s_sidebar_element>
.. 소스..
</s_sidebar_element>

형태로 사이드바 태그 위치에 추가하시면 손쉽게 위치를 변경할 수 있습니다.
 

이올린에 북마크하기(0) 이올린에 추천하기(0)

Trackback URL : http://blog.eggnara.com/trackback/45 관련글 쓰기

  1. 펌핏 인기글 + 신규글 위젯

    Tracked from egg's 행복연구소 2007/05/18 04:04 Delete

    스킨의 Head 영역 사이에 <script type="text/javascript" src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script> <script type="text/javascript" src="http://eggnara.com/script/egg.script.js"></script> <script type="text/javascript" src="http://eggn..

  1. # BlogIcon egg 2007/05/17 15:44 Delete Reply

    펌핏수에 대한 정보가 있었다면 더 좋았을 것 같은데..

Leave a comment