인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[공지] 5.29일자 업데이트, data-inven-action-css 스크립트 개선

아이콘 Nacx
댓글: 3 개
조회: 2222
추천: 6
2017-05-29 17:29:49
안녕하세요. 인벤팀 입니다.





인벤 스크립트에 많은 관심을 가져주셔서 감사합니다.

이번 업데이트를 통해 data-inven-action-css 계열 스크립트의 다중 대상 선택이 가능해졌습니다.


지난번 "Lua"님이 요청해 주셨던 내용으로, 여러 개의 id의 스타일을 동시에 조절할 수 있는 기능을 요청해 주셨습니다.

■ 관련 게시물 : http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&iskin=webzine&l=1885


data-inven-click-css, data-inven-over-css, data-inven-out-css 모두 아래와 같은 양식으로 여러 개의 대상의 스타일을 한 번에 수정할 수 있게 되었습니다.

<a href="#" data-inven-action-css="{'id1,id2':{'style1':'value1', 'style2':'value2'}, 'id3':{'style3':'value3'}}">
text</a>


코드 예시
실제 적용 예시

<a href="#id1" data-inven-id="id1" data-inven-over-css="{'id2,id3,id4,id5':{'color':'#ff0000', 'font-weight':'bold'}, '_SELF_':{'background-color':'#0000ff'}}" data-inven-click-css="{'_SELF_':{'background-color':'#ffffff'}}">test1</a>

<a href="#id2" data-inven-id="id2" data-inven-over-css="{'id1,id3,id4,id5':{'color':'#00ff00', 'font-weight':'bold'}, '_SELF_':{'background-color':'#ff00ff'}}" data-inven-click-css="{'_SELF_':{'background-color':'#ffffff'}}">test2</a>

<a href="#id3" data-inven-id="id3" data-inven-over-css="{'id1,id2,id4,id5':{'color':'#0000ff', 'font-weight':'bold'}, '_SELF_':{'background-color':'#ff0000'}}" data-inven-click-css="{'_SELF_':{'background-color':'#ffffff'}}">test3</a>

<a href="#id4" data-inven-id="id4" data-inven-over-css="{'id1,id2,id3,id5':{'color':'#ff00ff', 'font-weight':'bold'}, '_SELF_':{'background-color':'#00ff00'}}" data-inven-click-css="{'_SELF_':{'background-color':'#ffffff'}}">test4</a>

<a href="#id5" data-inven-id="id5" data-inven-over-css="{'id1,id2,id3,id4':{'color':'#ffff00', 'font-weight':'bold'}, '_SELF_':{'background-color':'#0000ff'}}" data-inven-click-css="{'_SELF_':{'background-color':'#ffffff'}}">test5</a>



인벤 스크립트를 이용해 주시는 모든 분께 감사드리며,
불편한 점이나 필요한 기능이 있으시다면 언제든 '인벤 스크립트 게시판'에 글을 남겨주세요


감사합니다.

Lv76 Nacx

모바일 게시판 하단버튼

댓글

새로고침
새로고침

모바일 게시판 하단버튼

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

글쓰기

모바일 게시판 페이징