jquery 7

[삽잡이::Web] 왜 브라우저별로 css가 먹히고 안먹히느냐...

업무 특성상 Selenium을 사용할 일이 가끔 있습니다.웹 페이지에서 요소들의 값을 가져오거나, input box에 원하는 값을 넣어줘야할 때가 있지요. 그런데, 이 element에 접근하기 위해 사용하는 css selector가참으로 변덕스러운 것이 아니겠습니까?어디에서는 먹히고, 어디에서는 안먹히고... 으어어~ 장난 지금 나랑 하냐~~ 언제는 되는 것 같은데, 또 언제는 안되고...특히 이놈의(?) IE가 정말... 이놈의 IE는 심지어 제가 인턴생활을 하던 시절 비슷한 고민을 하며 내렸던 결론도 있더군요... Web Testing 시, Selenium을 사용할 일이 많다. Selenium을 사용할 때 테스트하는 웹 브라우저 중에 IE에서 수월하게 테스팅을 하기 위해서는 사전 작업을 해야 할 것이..

[삽잡이::jQuery] ajax의 error, success 그리고 complete

불금입니다.그래요 불금이에요.그런데, 어느 순간부터 그냥 집돌이가 되고 싶었어요. 불타는 금요일에 불타게 공부해봅시다! 예전에 ajax에 대해서 공부한 기억이 있습니다.(참고_ ajax가 뭐니? 축구팀이니?) ajax call을 하게 되면 비동기식으로 http 요청을 수행합니다.Server가 받아서 처리하고 결과를 보내주겠지요. Server에서 보낸 결과에 대한 응답에 따라Client에서는 처리할 준비를 해야합니다. 우리는 크게 3가지의 statement를 통해 결과에 대한 처리를 할 수 있습니다.(물론, 더 많아요...) 1234567891011121314$.ajax({ type : 'POST', url : sUrl, data : data, error : function(error) { alert("E..

[삽잡이::javascript] 새로운 페이지를 가져다주는 href와 replace

javascript를 야매(?)로 살금살금 가져다가 사용하다보니,그냥 아무 생각없이 쓰던 메서드들에 대한 대충 기능들만 알고 있지비슷한 기능인데 뭔 차이가 있는지 생각해본 적이 그리 많지 않습니다. 하지만 역시,,, 언젠간 왜!? 안되!!!! 라는 미스테리를 던져주고 기다리지요... 글쎄, jQuery로 작업 처리를 했는데,뒤로 가면 이전 주소가 남아있지 않는게 아니겠습니까... 왜...왜...왜!?!?!?!?!? 페이지 이동 시킬 때 많이들 href를 사용합니다.그런데, 제가 위에서도 말씀드렸듯이 야매(?)로 가져다 쓰다보니작업 처리를 하고 replace를 사용하여 새로운 페이지로 변경시키고 있었습니다. 그런데, 뒤로가기 버튼을 누르니... 이전 페이지는 행방불명이 되버렸지요... 그러한 이유는 바로!..

[삽잡이::Javascript] Form으로 한큐에 요소 찾자

자 여러분... 저는 요즘 jQuery를 공부하고 있습니다. 그럼 어디 한번 기분좋게 Element 를 찾아 다이나믹하게 웹 화면에 힘 좀 줘볼까요!? ... 이렇게 막일 하시렵니까....?(* 노가다는 일본말인거 아시죠? 한글을 사랑합시다!) 그럴 필요가 없습니다... 물론 경우에 따라 요소 하나하나를 찾아서 가공해야할 때도 있지만,한번에 가져올 필요가 있을 때에는바로, Form Filter를 사용하면 됩니다. form은 말이죠 '서식', '방식', '종류' 및 '유형'이라는 뜻을 가지고 있습니다. HTML에도 Form 요소가 있는데요,text, checkbox, radio등의 형식들이 해당됩니다. 더 자세한 내용은 역시 공식 홈페이지를 보면 되겠지요!?(참고_ http://www.w3schools.c..

[삽잡이::Javascript] 요소를 찾아야 jQuery를 씹어먹지~

jQuery에 대한 설명입니다.(출처_ http://www.w3schools.com/jquery/jquery_intro.asp) 영어를 다들 잘 하실 것이라 믿습니다. 하하...뭐 보이시는것과 같이 JavaScript의 라이브러리이구요,기존의 JavaScript를 사용할때에 비해 쉽고 간편하게 사용하도록 도와주는 고마운 녀석입니다. JavaScript보다 쉽게 프로그래밍 할 수 있고, 더욱 역동적인 인터페이스를 제공해주는 라이브러리가 바로 jQuery라는 것이군! HTML에는 여러가지의 Tag들이 있습니다.(굳이 외우우셔도 되지만, 이것 저것 건드리다보면 자연스레 익혀질 것입니다.) 아무튼, 이 Tag들은 각각 맡고있는 기능들이 있지요.이때, 이 Tag라는 요소들을 쉽게 제어할 수 있는 기능을 제공해주는..

[삽잡이::Javascript] ajax가 뭐니? 축구팀이니?

(출처_ http://english.ajax.nl/streams/ajax-now.htm) 마치, 네덜란드 프로축구팀을 연상하는 Ajax...웹은 아직 낯설지만... jQuery를 사용하여 웹브라우저와 웹서버간 통신을 위해 사용하는 코드가 간간이 찾아보고 있습니다. Ajax는 Asynchronous JavaScript and XML의 줄임말이지요...Asynchronous... 예전에 공부할 때 한창 애먹이던녀석... 하지만 난 너가 필요해... 우리는 서버와 통신하기 위해 HTTP 프로토콜을 사용합니다.이때 두가지의 방식이 존재하는데요,바로, GET과 POST 방식입니다. 모든 것을 다 보여주는 녀석과, 다 감추는 녀석.. 이 둘의 큰 차이는 URL에 정보가 표시되느냐, 아니냐 입니다.물론, 그 외에 차..

href target none (#none) 어이없는 삽질...

웹 개발 경험이 거의 없는데... 최근에 게시판을 만들며 삽질중이다... 글삭제 여기서 버튼을 누르면 게시글을 삭제하도록 만들기 위해 자바스크립트를 사용하여 이벤트를 걸어두었다. 뭐... jQuery를 사용하여 js파일에서 eventHandler로 'click.#btnDelete' : 으로 걸어두었다. if (confirm('해당 데이터를 삭제하시겠습니까?')) {// blah blah blah} else {return;} 그런데, 게시글을 선택하여 삭제를 하면 삭제가 되지만, 취소를 누를경우 url에 #none이 붙어버려 뒤로가려면 두번 눌러야되는 사서 고생이 필요했다. 뭐지... 뭘까... 그런데, 금방 해결했다. return 뒤에 false만 붙이면 될 것을... 껄껄... 나란녀석... 삽질...