blockquote cite 속성에 넣은 링크를 자바스크립트로 자동으로 링크걸기 edit

http://www.sitepoint.com/structural-markup-javascript/

위 사이트에서 소개한 방법은 망할 윈도우즈 익스플로러에서 스타일시트가 적용되지 않기때문에 jQuery를 이용하여 아래와 같이 수정하였고 <head>...</head>사이에 넣어주면 된다.

<script type='text/javascript'>
  $(document).ready(function(){
    $('blockquote').each(function() {
      var citelink = $(this).attr('cite');
      if (citelink != '' &amp;&amp; citelink != null) {
        var cite = document.createElement('cite');
        var a = document.createElement('a');
        $(a).attr({'href': citelink, 'title': citelink});
        $(a).append(citelink);
        $(cite).append(a);
        $(this).prepend(cite);
      }
    });
  });
</script>

스타일시트로 cite를 block으로 만들어준다.

blockquote cite { display: block; margin-bottom: 0.5em; font-style: italic;}

이제 아래처럼 cite속성에 링크만 설정해줘도

<blockquote cite="http://support.google.com/blogger/bin/answer.py?hl=en&answer=47270#posts">dateHeader: The date of this post, <b>only present if this is the first post in the list that was posted on this day.</b></blockquote>

아래처럼 링크가 걸린다.

dateHeader: The date of this post, only present if this is the first post in the list that was posted on this day.
Wednesday, March 14, 2012, 09:53
,

0 comments:

Post a Comment

Newer -> <- Older