search

D2CampusFest / 3rd

27 stars 4 forks source link

Textbox의 특정 line no.로 자동 스크롤 #7

Closed minarc closed 8 years ago

MyeongKim commented 8 years ago

다른 방법은 아니지만, http://alexgorbatchev.com/SyntaxHighlighter/ 와 http://sunlightjs.com/ 홈페이지 예제의 경우 class 와 name 을 이용해 라인(넘버)별로 다른 속성을 가지고 있습니다.

github 에서도 data-line-number 라는 속성으로 숫자값을 각각 다르게 주고 있네요.

2016-01-19 7 52 59

kbu1564 commented 8 years ago

그냥 아이디어인데 라인별로 해시태그를 이용해서 해당 줄로 이동하는 것은 어떨까요? 깃허브에서 사용중인 방식처럼 제공해 주셔도 좋을것 같습니다.

egaoneko commented 8 years ago

설정해 놓으신 ID값을 url로 접근하면 안되는 건가요?

예를 들면,

https://github.com/D2CAMPUS-FEST/2015/issues/7#issuecomment-173061652

이렇게 url뒤에 #을 붙여서요.

egaoneko commented 8 years ago

@Rumo-Arf 어떤 곳에서 사용되는 부분인가요?

https://jsperf.com/id-vs-class-vs-tag-selectors/2 http://stackoverflow.com/questions/1230636/css-optimization-element-id-vs-class 이 사이트의 내용대로라면 id, atribute 나 class를 써야만 되는 상황이라면 id값도 괜찮지 않을까요?

egaoneko commented 8 years ago

@Rumo-Arf 그렇시군요. @mingkim 님 말씀대로 github에서 id값을 설정해서 사용하는 것이면 괜찮지 않을까요?

https://github.com/egaoneko/ward/blob/master/www/archive/views.py#L1189 이런식으로 id값을 사용하고 있는거보면요. :)

kbu1564 commented 8 years ago

@Rumo-Arf 지금에서야 봤네요. 제가 말하려던것이 해시 태그를 이용한 "주소#L13" 방식이 맞습니다.

링크태그의 name 속성값으로 이동하는 방식이 해시태그 이므로 아마 수정에 문제가 없으실것 같아 한번 작성해 보았었습니다.

제 생각으로는 id 옵션을 너무 많이 사용하는것은 좋지 않을 것 같습니다.

id 옵션을 부여한 값이 많아 질 수록 브라우져의 javascript 엔진 dom 객체가 컨트롤하고 관리해야 할 객체의 아이디가 증가하게 되므로 a 태그에 name 값 부여를 통해 해시주소와 같이 페이지 리다이렉션 없이 단순히 해당 위치로 스크롤만 이동하도록 해도 좋을 것 같습니다.