2009-12-11 3 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> 

Я попытался $("#divTest").append(script); где сценарий является переменным, которая содержит застроенную строку сценария.

+0

Вы пытаетесь обновить фрагмент кода непосредственно в самом файле или вы просто ищете для предварительного просмотра, который выиграл» может быть (но может быть) сохранено? –

+0

Чтобы обновить фрагмент напрямую. Для большего контекста у меня также есть текстовое поле, которое я обновляю с помощью последнего javascript (обновляется с последними изменениями предпочтений пользователей). Поток заключается в том, что пользователь выбирает свои предпочтения, а затем нажимает «обновлять», после чего я хотел бы (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

Смежные вопросы