자바 스크립트/라파엘 함수

사용자가 단어를 입력하고 그 단어를 같은 페이지에 반환하도록 할 수 있기를 바랍니다. 그 부분은 다른 stackoverflow 사용자의 도움 덕분에 완벽하게 작동합니다. 이제 라파엘 (Raphael) 라이브러리를 사용하고 싶습니다. 사용자가 타원을 그리거나 표시 할 단추를 선택할 때 그렇게해야합니다. 올바른 코드를 그리는 코드가 있지만 표시되지 않습니다. 누군가 나를 도울 수 있습니까?자바 스크립트/라파엘 함수

Live Long and Prosper.

<html> 
<head> 
<script src="raphael-min.js"></script> 
<script src="jquery-1.7.2.js"></script> 

<script type="text/javascript">  
function animate() {  
    var txt = document.getElementById("words").value;  
    document.getElementById("msg").innerHTML = txt;  
    return false; 
     // Make our pink rectangle 
ellipse = r.ellipse(50, 50, 30, 5).attr({"fill": "#969696", "stroke": "none"}); 
ellipse.glow({width:10}); 
}  
</script> 

</head> 

<body> 

<div id="draw-here-raphael" style="height: 200px; width: 400px; margin-top:-50px; margin-left:-20px"> 
</div> 

Text: <input type="text" id="words" value="" /> 
<input type="button" value="Animate" onclick="animate()" /> 
<div id='msg'></div> 

<div id="elps" style="margin-left:100px;"/> 

<script type="text/javascript"> 
//all your javascript goes here 

var r = new Raphael("draw-here-raphael"); 

</script> 
</body> 
</html>

출처

2012-06-29 John Doe

문제는 js의 return false입니다. 끝까지 이동하거나 제거하십시오.

function animate() {  
    var txt = document.getElementById("words").value;  
    document.getElementById("msg").innerHTML = txt;  

     // Make our pink rectangle 
    ellipse = r.ellipse(50, 50, 30, 5).attr({"fill": "#969696", "stroke": "none"}); 
    ellipse.glow({width:10}); 
    return false; 
}

출처

2012-06-29 16:24:44

'return' 문을 만나면 함수의 실행이 끝납니다. –

와우, 남자. "return false;"다음의 코드 아무것도 생산하지 않습니다! 놀랍지 않습니까?

출처

2012-06-29 16:22:50 Qnan

자바 스크립트/라파엘 함수

답변

관련 문제