Nacx
2017-05-29 17:29
조회: 2,227
추천: 6
5.29일자 업데이트, data-inven-action-css 스크립트 개선안녕하세요. 인벤팀 입니다.
인벤 스크립트에 많은 관심을 가져주셔서 감사합니다. 이번 업데이트를 통해 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> 인벤 스크립트를 이용해 주시는 모든 분께 감사드리며, 불편한 점이나 필요한 기능이 있으시다면 언제든 '인벤 스크립트 게시판'에 글을 남겨주세요 감사합니다. |