<div><span style="line-height:22.1px;color:#404040;font-family:gulim, sans-serif;font-size:13px;">안녕하세요 제가 지금 짜려고 하는 자바 스크립트 소스는 만약 들어오는 변수의 값이 '0'~'1'로 실시간으로 바뀐다면 </span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"><span style="margin:0px;padding:0px;line-height:1.5;">'0'일때는 '안정'을 표현하고 '1'일때는 '위험'으로 실시간으로 텍스트를 변화시켜줄려고 합니다.</span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"><span style="margin:0px;padding:0px;line-height:1.5;">여기서 '0'~'1'로 바뀌는건 버튼으로 바뀌는게 아니라 외부에서 값을 주고있습니다.(.js <-여기까지는 성공했습니다.)</span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"><span style="margin:0px;padding:0px;line-height:1.5;">제가 자바스크립트를 한번도 안해봐서 여기까지는 소스를 짰는데 이후로는 힘들더라구요..ㅠ</span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"><span style="margin:0px;padding:0px;line-height:1.5;"><br style="margin:0px;padding:0px;"></span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"><span style="margin:0px;padding:0px;line-height:1.5;">자바스트립트를 하시는 분이라면 쉽게 나온다고 듣긴 들었는데 제가 너무 몰라서 이렇게 질문드려요!</span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"><span style="margin:0px;padding:0px;line-height:1.5;"><br style="margin:0px;padding:0px;"></span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"><span style="margin:0px;padding:0px;line-height:1.5;"><br style="margin:0px;padding:0px;"></span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"> <div style="margin:0px;padding:0px;"><!DOCTYPE html></div> <div style="margin:0px;padding:0px;"><html></div> <div style="margin:0px;padding:0px;"><head></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><title>Hello!</title></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><link rel="stylesheet" href="javascripts/jquery-ui-1.11.4.custom/jquery-ui.css" /> </div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><script src="javascripts/jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script> </div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><script src="javascripts/jquery-ui-1.11.4.custom/jquery-ui.js"></script> </div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><script src="javascripts/jquery-1.11.2.min.js"></script> </div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><script src="/socket.io/socket.io.js"></script> </div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><script type="text/javascript"> </div> <div style="margin:0px;padding:0px;"> </div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>var socket;</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>socket = io.connect('<a target="_blank" href="">http://220.69.000.000:3333</a>');</div> <div style="margin:0px;padding:0px;"> </div></div><blockquote style="margin:0px 0px 0px 40px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;border:none;"> <div style="margin:0px;padding:0px;"> <div style="margin:0px;padding:0px;"> socket.on('connect', function(){ </div></div></blockquote> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>console.log('connect!!!'); </div> <div style="margin:0px;padding:0px;"> });</div></div><blockquote style="margin:0px 0px 0px 40px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;border:none;"> <div style="margin:0px;padding:0px;"> <div style="margin:0px;padding:0px;"> <font color="#ff0000" style="margin:0px;padding:0px;">여기서 위에 문장은 제가 하는 소스 전 문장입니다.</font></div></div></blockquote> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"> <div style="margin:0px;padding:0px;"> socket.on('server_data', function(data){ </div> <div style="margin:0px;padding:0px;"> console.log('data:'+data); </div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>document.getElementById('all_data').value = data; </div></div><blockquote style="margin:0px 0px 0px 40px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;border:none;"><blockquote style="margin:0px 0px 0px 40px;padding:0px;border:none;"><blockquote style="margin:0px 0px 0px 40px;padding:0px;border:none;"> <div style="margin:0px;padding:0px;"> <div style="margin:0px;padding:0px;"><font color="#ff0000" style="margin:0px;padding:0px;">외부에서 data값을 뿌려줍니다. ('0','1')중 하나 <-받는건 성공했습니다.</font></div></div></blockquote></blockquote></blockquote> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:22.1px;"> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>var soso = data;<span class="Apple-tab-span" style="margin:0px;padding:0px;line-height:1.5;white-space:pre;"></span></div> <div style="margin:0px;padding:0px;"> });<span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span></div> <div style="margin:0px;padding:0px;"> socket.on('disconnect', function(){ </div> <div style="margin:0px;padding:0px;"> console.log('disconected'); </div> <div style="margin:0px;padding:0px;"> }); <font color="#ff0000" style="margin:0px;padding:0px;">여기서부터는 일반 자바스트립트입니다.</font></div> <div style="margin:0px;padding:0px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>$(document).ready(function () {</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>change(); <font color="#ff0000" style="margin:0px;padding:0px;">이 위에 ready 말고 뭘 써야될지 모르겠습니다.</font></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>});</div> <div style="margin:0px;padding:0px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>function change() {</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>switch (data){</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>case '0' : server_data1 = "안정";</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>case '1' : server_data1 = "위험!";</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>default : server_data1 = "안정";</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>}</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span>}</div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span></script></div> <div style="margin:0px;padding:0px;"></head></div> <div style="margin:0px;padding:0px;"><body></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span><div></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;line-height:1.5;white-space:pre;"></span><span style="margin:0px;padding:0px;line-height:1.5;"><input class="change", type="text" id="server_data1" value='' /></span></div> <div style="margin:0px;padding:0px;"><span class="Apple-tab-span" style="margin:0px;padding:0px;white-space:pre;"></span></div></div> <div style="margin:0px;padding:0px;"></body></div> <div><br></div></div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.