안녕하세요. 인벤팀 입니다.





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

이번 업데이트를 통해 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>



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


감사합니다.