자바스트립 소스를 찾아요. 링크 참고 해주세요. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

자바스트립 소스를 찾아요. 링크 참고 해주세요. 정보

자바스트립 소스를 찾아요. 링크 참고 해주세요.

본문

http://demo.sir.co.kr/youngcart4/shop/item.php?it_id=1130376887

  상품정보 (1)  사용후기 (2)  상품문의 (1) 배송정보

이부분의 자바스트립 소스를 찾고 있습니다.
즐겨들어가던 소스모음 사이트가 리뉴얼하는 바랍에 찾지를 못하고 있습니다.
혹시 알고 계시는분???

위에 상품정보를 누르면 상품정보가 나오고
사용후기를 누르면 사용후기 정보가 보여지게 할려면
어떤 소스가 필요할까요?
  • 복사

댓글 전체

마우스오른쪽 소스보기로 대강의 파악이 가능할텐데요...
해당 스크립트와 레이어만 뽑아와서  대충 취합하면 바로 써먹을수 있겠네요.....
코드를 간단히 추려본다면...

----------------------------------------------------------------------------------------------------
<table cellpadding=0 cellspacing=0 background='../shop/img/bg_tab.gif'>
 <tr>
  <td width=30></td>
  <!-- 상품정보 --><td><a href="javascript:click_item('*');"><img src='../shop/img/btn_tab01.gif' border=0></a></td>
  <!-- 사용후기 --><td width=109 background='../shop/img/btn_tab02.gif' border=0 style='padding-top:2px;'><a href="javascript:click_item('item_use');" style="cursor:pointer;"><span class=small style='color:#ff5d00;'>(<span id=item_use_count>0</span>)</span></a></td>
  <!-- 상품문의 --><td width=109 background='../shop/img/btn_tab03.gif' border=0 style='padding-top:2px;'><a href="javascript:click_item('item_qa');" style="cursor:pointer;"><span class=small style='color:#ff5d00;'>(<span id=item_qa_count>0</span>)</span></a></td>
  <!-- 배송정보 --><td><a href="javascript:click_item('item_baesong');"><img src='../shop/img/btn_tab04.gif' border=0></a></td>         
 <!-- 교환/반품 --><td><a href="javascript:click_item('item_change');"><img src='../shop/img/btn_tab05.gif' border=0></a></td>           
<!-- 관련상품 --><td width=109 background='../shop/img/btn_tab06.gif' border=0 style='padding-top:2px;'><a href="javascript:click_item('item_relation');" style="cursor:pointer;"><span class=small style='color:#ff5d00;'>(<span id=item_relation_count>0</span>)</span></a></td>
 </tr>
</table>


<script language="JavaScript">
function click_item(id)
{
    var str = 'item_explan,item_use,item_qa,item_baesong,item_change,item_relation';
    var s = str.split(',');
   
    for (i=0; i<s.length; i++)
    {
        if (id=='*')
            document.getElementById(s[i]).style.display = 'block';
        else
            document.getElementById(s[i]).style.display = 'none';
    }

    if (id!='*')
        document.getElementById(id).style.display = 'block';       
}
</script>



<!-- 상품설명 -->
<div id='item_explan' style='display:block;'>
// 상품설명 내용
</div>
<!-- 상품설명 end -->

<!-- 사용후기 -->
<a name="use"></a>
<div id='item_use' style='display:block;'>
//사용후기 내용
</div>

<script language="JavaScript">
//사용하후기 관련 스크립트
</script>
<!-- 사용후기 end -->

<!-- 상품문의 -->
<a name="qa"></a>
<div id="item_qa" style="display:block;">
// 상품문의 내용
</div>
<script language="JavaScript">
//문의 관련 스크립트
</script>
<!-- 상품문의 end -->


<!-- 배송정보 -->
<div id='item_baesong' style='display:block;'>
// 배송정보내용
</div>
<!-- 배송정보 end -->


<!-- 교환/반품 -->
<div id='item_change' style='display:block;'>
// 교환/반품 내용
</div>
<!-- 교환/반품 end -->


<!-- 관련상품 -->
<div id='item_relation' style='display:block;'>
//관련상품 내용
</div>
<!-- 관련상품 end -->

---------------------------------------------------------------------------------------------------
 
레이어안에 별도로 존재하는 폼이나 서브 스크립트들은 배제한 상태이니...
참고하세요...
© SIRSOFT
현재 페이지 제일 처음으로