스크립트에서 링크를 적용할때 그 링크의 간단한 설명을 마우스오버시 나타나게 하는 용도로 alt와 title을 사용해서 나타냅니다.
그런데 alt는 ie계열에서는 나타나지만 타 브라우즈에서는 나타나지를 않습니다.
그 반면 title은 광범위하게 나타나므로 저는 주로 title를 사용하여 나타냅니다.
title를 사용하여 간단한 설명을 나타낼 수도 있지만 활용여부에 따라서 더 세밀한 용도로 나타나게 할 수 있습니다.
기본응용과 XE의 함수를 이용하여 나타내는 방법을 설명드리겠습니다.
기본응용
위의 스크립트를 해석해보면,
로그인을 한 회원에게는 썸네일에 마우스오브하면 "회원님 반갑습니다" 란 문구가 나타나고 클릭시 해당 링크로 이동이 되고,
로그인을 하지 않았을때는 썸네일에 마우스오브시 "로그인하셔야 볼수 있습니다" 란 문구가 나타나고 클릭자체가 되지를 않는 것입니다.
문하우스홈페이지의 초기화면에 있는 위젯들중에 이 기능을 사용하고 있는 것이 많습니다.
XE함수를 응용
자 그럼 본격적으로 XE에 있는 함수를 이용하여 더 세밀하고, 풍부한 활용을 설명드립니다.
title="{$oDocument->title}" // 타이틀제목이 나타납니다.
title="{$oDocument->title($widget_info->subject_cut_size)}" // 타이틀제목을 위젯설정에서 자른글 수 만큼 나타납니다.
title="{$oDocument->getSummary}" // 내용글이 나타납니다.
title="{$oDocument->getSummary ($widget_info->content_cut_size) }" // 내용글을 위젯설정에서 자른글 수 만큼 나타냅니다.
title="{$oDocument->_date}" // 날짜가 나타납니다.
그런데 alt는 ie계열에서는 나타나지만 타 브라우즈에서는 나타나지를 않습니다.
그 반면 title은 광범위하게 나타나므로 저는 주로 title를 사용하여 나타냅니다.
title를 사용하여 간단한 설명을 나타낼 수도 있지만 활용여부에 따라서 더 세밀한 용도로 나타나게 할 수 있습니다.
기본응용과 XE의 함수를 이용하여 나타내는 방법을 설명드리겠습니다.
기본응용
<!--@if($logged_info->member_srl)-->
<!--@if($rnq->newest->_Thumbnail)--><a href="{getUrl('','mid',$oDocument->mid,'document_srl',$oDocument->document_srl)}#{$oDocument->getCommentCount()}"><img class="thumbnail" src="{$rnq->newest->_Thumbnail}" alt="" title="회원님 반갑습니다" /></a>
<!--@end--><!--@else-->
<!--@if($rnq->newest->_Thumbnail)--><img class="thumbnail" src="{$rnq->newest->_Thumbnail}" alt="Thumbnail" title="로그인하셔야 볼수 있습니다" /><!--@end-->
<!--@end-->
<!--@if($rnq->newest->_Thumbnail)--><a href="{getUrl('','mid',$oDocument->mid,'document_srl',$oDocument->document_srl)}#{$oDocument->getCommentCount()}"><img class="thumbnail" src="{$rnq->newest->_Thumbnail}" alt="" title="회원님 반갑습니다" /></a>
<!--@end--><!--@else-->
<!--@if($rnq->newest->_Thumbnail)--><img class="thumbnail" src="{$rnq->newest->_Thumbnail}" alt="Thumbnail" title="로그인하셔야 볼수 있습니다" /><!--@end-->
<!--@end-->
위의 스크립트를 해석해보면,
로그인을 한 회원에게는 썸네일에 마우스오브하면 "회원님 반갑습니다" 란 문구가 나타나고 클릭시 해당 링크로 이동이 되고,
로그인을 하지 않았을때는 썸네일에 마우스오브시 "로그인하셔야 볼수 있습니다" 란 문구가 나타나고 클릭자체가 되지를 않는 것입니다.
문하우스홈페이지의 초기화면에 있는 위젯들중에 이 기능을 사용하고 있는 것이 많습니다.
XE함수를 응용
자 그럼 본격적으로 XE에 있는 함수를 이용하여 더 세밀하고, 풍부한 활용을 설명드립니다.
title="{$oDocument->title}" // 타이틀제목이 나타납니다.
title="{$oDocument->title($widget_info->subject_cut_size)}" // 타이틀제목을 위젯설정에서 자른글 수 만큼 나타납니다.
title="{$oDocument->getSummary}" // 내용글이 나타납니다.
title="{$oDocument->getSummary ($widget_info->content_cut_size) }" // 내용글을 위젯설정에서 자른글 수 만큼 나타냅니다.
title="{$oDocument->_date}" // 날짜가 나타납니다.
이외에도 많은 함수들이 존재하므로 필요한 함수를 적용하면 다양한 표현이 가능할 것입니다.