2009-12-11 2 views
0

사용자가 버튼을 클릭 할 때 javascript 스 니펫 (위젯을 렌더링 함)을 업데이트하고 싶습니다.JQuery update javascript snippet

아이디어는 사용자가 매개 변수를 입력하여 위젯을 구성한 다음 단추를 클릭하여 미리보기를 볼 수 있다는 것입니다.

jquery를 통해이 작업을 수행 할 수있는 방법이 있습니까?

코드 조각은 다음과 같이 보일 것입니다 :

<script type="text/javascript"><!-- 
var yoc_w_frame = "SiteName"; 
var yoc_home = "HomePath"; 
var yoc_w_width = 300; 
var yoc_w_height = 250; 
//--><script> 
<script type="text/javascript" src="http://domain.com/js/js.js"></script> 

내가 스크립트가 구축 스크립트 문자열을 보유하고 VAR입니다 $("#divTest").append(script);을 시도했다.

+0

당신이 파일 자체에 직접 조각을 업데이트하려고 아니면 그냥 '원 미리보기를 찾고 있습니다 구원받을 수 있습니까? –

+0

스 니펫을 직접 업데이트하려면. 더 많은 컨텍스트를 위해, 나는 또한 최신 자바 스크립트로 업데이트하는 텍스트 박스를 가지고있다. 흐름은 사용자가 자신의 환경 설정을 선택한 다음 "업데이트"를 클릭하여 (1) 텍스트 상자에 잘라내어 붙여 넣어야하는 코드를 표시하고 싶습니다. (2) 작성하고 싶습니다. 같은 코드를 페이지에 붙여서 위젯의 최신 미리보기를 볼 수 있습니다. – lambs

답변

1

은 내가 (못생긴 코드는 다음과) 같이 그것을 할 관리했습니다 :

<!DOCTYPE html> 
<html> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    </head> 
    <body> 
     <script type="text/javascript"> 
     var i = 0; 

     function update() { 
      i++; 
      var script = '<script type="text/javascript"> function test() { alert(' + i + ');}<\/script>'; 
      $(script).appendTo(document.body); 
      test(); 
     } 
     </script> 

     <a href="javascript:update()">click</a> 
    </body> 
</html> 
+0

응답 해 주셔서 감사합니다. 그러나 src attr : 위 예제에서 보았을 때 실제로 렌더링을 수행하는 부분입니다. 어떤 아이디어? – lambs

+0

$ .getScript()를 사용해 보셨습니까? –

+0

나는 페이지 위 부분에 렌더링 할 위젯을 가질 수 있었지만 그것을 div에 추가하여 렌더링 할 수있는 행운을 얻지 못했습니다 (배치 용). $ .getScript() 메서드와 작동 방법에 대해 더 자세히 읽어야합니다. – lambs