|
[필독] 처음 오시는 분을 위한 안내 (736) |
정은준1 |
2014-05 |
5207033 |
0 |
2014-05
5207033
1 정은준1
|
|
(광고) 단통법 시대의 인터넷가입 가이드(ver2.0) (234) |
백메가 |
2015-12 |
1738860 |
25 |
2015-12
1738860
1 백메가
|
31907 |
메모리 갯수에 관련하여. (4) |
박문형 |
2014-07 |
4009 |
0 |
2014-07
4009
1 박문형
|
31906 |
버추얼덥과 x264 vfw 로 멀티패스 인코딩하는법이 궁금합니다 (4) |
탁영길 |
2017-08 |
4009 |
0 |
2017-08
4009
1 탁영길
|
31905 |
자바스크립트 대괄호와 중괄호 의미와 변수에 대해서 문의 (5) |
허인구마틴 |
2019-12 |
4009 |
0 |
2019-12
4009
1 허인구마틴
|
31904 |
네트워크 시나리오 질문드립니다! (6) |
Nicoffeine |
2014-08 |
4009 |
0 |
2014-08
4009
1 Nicoffeine
|
31903 |
국내에 점퍼 뭐라고 검색해야될가요? (7) |
izegtob |
2015-07 |
4009 |
0 |
2015-07
4009
1 izegtob
|
31902 |
동시에 두개의 네트워크를 쓸수 있을까요? (7) |
이덕호 |
2020-12 |
4009 |
0 |
2020-12
4009
1 이덕호
|
31901 |
1155소켓 1230 v2 꼭 외장 그래픽 카드가 필요한가요? (3) |
inquisitive |
2016-01 |
4009 |
0 |
2016-01
4009
1 inquisitive
|
31900 |
udp 서버용 vpn쓸만한게있을까요?(유료도 괜찬습니다) (2) |
케리스 |
2016-12 |
4009 |
0 |
2016-12
4009
1 케리스
|
31899 |
P45-8D MEMORY LOVER 개조제온 바이오스 구합니다 (2) |
뉴클래식 |
2015-05 |
4009 |
0 |
2015-05
4009
1 뉴클래식
|
31898 |
산업용 장비 전원부 질문입니다. (4) |
Psychophysi… |
2016-03 |
4009 |
0 |
2016-03
4009
1 Psychophysi…
|
31897 |
서버 랙에 사용하는 선반은 아무거나 장착 가능한가요. (2) |
제주김재민 |
2014-11 |
4009 |
0 |
2014-11
4009
1 제주김재민
|
31896 |
간만에 맘에 드는 타블렛을 하나 구매했다 싶었는데...불량?품이네요..어찌이런일이.. (3) |
김건우 |
2016-02 |
4009 |
0 |
2016-02
4009
1 김건우
|
31895 |
요즘은 윈도우 10 USB 설치 파일 만들어 윈도우 키 없이 설치 하려고 해도 안되는게 … (10) |
신은왜 |
2017-05 |
4009 |
1 |
2017-05
4009
1 신은왜
|
31894 |
kvm 본체의 d-sub포트가 문제가 있는거 같은데 수리비가 많이 나올까요? (4) |
김건우 |
2017-12 |
4009 |
0 |
2017-12
4009
1 김건우
|
31893 |
랜섬웨어 대책에 관하여.. (2) |
이해하면오… |
2015-12 |
4009 |
0 |
2015-12
4009
1 이해하면오…
|
31892 |
인텔 레퍼런스 보드 DG45ID 개조제온 바이오스 삽입 (3) |
루벤 |
2017-05 |
4008 |
0 |
2017-05
4008
1 루벤
|
31891 |
[ 이어폰/헤드폰 (마이크 포함) ] PC(윈도우, 맥) 및 아이폰 연동 (4) |
전설속의미… |
2017-12 |
4008 |
0 |
2017-12
4008
1 전설속의미…
|
31890 |
VDBench 테스트간 파일생성 질문입니다. |
Harde |
2018-03 |
4008 |
0 |
2018-03
4008
1 Harde
|
31889 |
z600 램 문의 (4) |
악남 |
2017-03 |
4008 |
0 |
2017-03
4008
1 악남
|
31888 |
아 띠.....왜이리 정신이 없는거야. (3) |
명성호 |
2018-03 |
4008 |
0 |
2018-03
4008
1 명성호
|
불당님의 자료가 도움이 조금 되고 있습니다.
이것이라면
alert()에 넣고 싶지요
즉 아멘을 클릭하셨습니다 라고 하고 싶습니다.
이게 맞지 싶은데... 값이 안 올라오네요. ㅠㅠ
그냥
psm_vote_click('아멘')
이나 .. switch 문이나 if 문 써서
1이면 아멘
2면.. 할렐루야
이렇게 하면 되지 않나요?
하위 엘리먼트를 알아낸뒤에 ..텍스트를 가져오셔야 할껄요?
아니면 저 페이지 만들어질때
동적인 값을 button 에 data필드로 내장시켜서
this.dataset로 접근 하셔도 될것 같구요 .
this로는window 가 오네요
지금꺼 그대로 사용하시고
event.srcElement.text()
하시면 아멘을 가져올 수 있습니다.
가져올때 공백같은것도 다 가져오니
변수값으로 사용하실때는 trim 한번 해주세요.
<html lang="ko">
<head>
<meta charset="utf-8">
<title>button Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$( document ).ready( function() {
$("#button").click(function(){
alert($(this).text());
});
});
</script>
</head>
<body>
<button id="button"> 아멘~ 감사합니다. </button>
</body>
</html>
// 아래 이부분이 되게 하고 싶습니다.
// alert($(this).text());
1. 펑션 선언문에서 psm_vote_click() --> psm_vote_click(r) 이렇게 r파라미터를 받도록 선언합니다.
r은 제가 붙인 임의 변수니까 다른거 맘대로 쓰세요.
2. button태그던 a태그던, onclick="psm_vote_click(this);" 라고 this를 넘겨서 위의 r파라미터로 받습니다.
3. psm_vote_click 펑션에서는 받은 r로 innerText를 출력합니다.
alert(r.innerText); 이런식일까요.
자바는 안좋은게 방법이 너무도 많아서 뭐가 좋은건지 모른다는게..
<html lang="ko">
<head>
<meta charset="utf-8">
<title>button Test</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$( document ).ready( function() {
$("#button").click(function(){
alert($(this).text());
});
});
function psm_vote_click() {
// 아래 이부분이 되게 하고 싶습니다.
// alert($(this).text());
}
</script>
</head>
<body>
<button id="button" onclick="psm_vote_click();"> 클릭 </button>
</body>
</html>
alert(e.textContent);
}
여기에 답이 있네요.
참조하실 분을 위해서 남겨둡니다.
button으로 마찬가지로 동일합니다.
------------------------
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>button Test</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function clickfunc(obj, vote) {
var t = $(obj).text();
alert(t);
alert(vote+"번을 선택하셨습니다.");
}
</script>
</head>
<body>
<a href='#' onclick='clickfunc(this, "1")'>아멘~ 사랑해요</a>
</body>
</html>
참 힘들었습니다. ㅠㅠㅠ
빠르고 간단하고 쉽습니다
오늘 정말 귀한 정보를 받는 것 같습니다.
이런 정보를 가르쳐 주시는 분이 없어서 오늘 눈이 번쩍 입니다.
혹시라도 조금 더 지도해주실 수 있는지요? ㅎㅎㅎ
ppcmmc@naver.com으로 라도 샘플을 하나 알려주시면
고맙겠습니다.
제 전화번호는 전세계 오픈이라.. ...ㅋㅋㅋ
VueJS 공식 홈페이지에 문서화가 상당히 잘 되어 있습니다
예. VueJS는 제이쿼리와 같은 JS 프론트엔드 라이브러리입니다.
Vue를 통하면 let msg = "HelloWorld!"; 와 같은 자바스크립트 변수를
사용자 화면에 출력되는 html 요소와 연결시킬 수 있습니다.
msg 변수를 수정하면 Vue가 그것을 감지하고 사용자의 화면에 출력되는 메시지도 알아서 바꾸어 줍니다.
그래서 제이쿼리처럼 일일히 $('#msg').innerHTML = "new message"; ... 이런식으로 하나하나 신경을 쓸 필요가 없습니다
원글의 질문처럼 사용자가 ~을 클릭했을 때, ~위에 마우스를 올렸을 때... 등의 상황에 어떠한 일을 수행해야 하는지도
v-bind 디렉티브로 간단히 설정 가능합니다. v-bind 쓰는것 하나로 사용자가 폼에 글자를 입력하면 자동으로 그것이 자바스크립트 변수에 저장되게 할 수 있고
그 반대 혹은 양방향도 가능합니다.
또한 React 처럼 화면을 구성 요소로 나누어 만들 수 있고... 동시에 React 처럼 JSX 같은 이상한 문법을 배울 필요없이 html, css를 그대로 사용할 수 있습니다
React, JQuery, VueJS 중에서는 Vue가 가장 쉽고 간편한것 같습니다
그야말로 획기적인 것 같습니다.
내 주위의 사람들이 이런 정보를 잘 모르시는 것 같습니다.
자바와 제이쿼리와 필수적인데..
VueJS는 한글로 뭐라고 하나요?
이것을 배우고 싶네요.
샘플문서를 몇개 만들어 놓고 응용하는 법을 조금씩 하면서
실력을 쌓아야 할 것 같습니다.
혹시라도 공부와 연습이 될만한 좋은 샘플 문서 있으면 좀 부탁드리겠습니다.
ppcmmc@naver.com 아니면 쪽지에 첨부파일로 부탁드리고 싶습니다.
정말 획기적이네요
사람의 생각의 틀을 완전히 더 엎어놓은 것 같습니다.
쉽게 말해서 반응형이라고 할 개념이네요.
이젠 제이쿼리와 이것을 같이 사용하다가
서서히 vue로 이동을 하고 싶어집니다.
샘플 문서는, 제가 알기로는 저 Vue 공식 가이드 홈페이지에 가장 정리가 잘 되어있습니다.
저도 저 사이트에서 하나씩 예제 따라해보고 공부를 했습니다.