añadir etiqueta <script> con jquery

pedro622 · #1 (**permalink**) 17/01/2012, 05:42

Hola muy buenas, estoy con un problemilla en jquery.
Necesito generar inputs para cargar diferentes fechas a traves de esos inputs con un calendario.
Pero cada vez que genero los inputs necesito generar en el html un codigo con etiqueta <script> ademas de los inputs de las fechas.
El codigo jquery que me carga los elementos html es:
newTextBoxDiv.after().html('<label>Tarifa #'+ counter + ' : </label>  <b>+</b>Nombre Tarifa ->' +
'<input type="textbox" name="textbox' + counter +
'" id="nombreTarifa' + counter + '" value="" >    <b>+</b>Fecha Inicio ->\n\
<input type="text" value="" name="fechaInicio' + counter +'" id="fechaInicio'+ counter +'">\n\
<button style="cursor:pointer;background-color:transparent; border:0;" id="botonCalfechaInicio' + counter +'" name="botonCalfechaInicio' + counter +'">\n\
<script type="text/javascript">Calendar.setup({inputField: "fechaInicio' + counter +'",ifFormat: "%Y/%m/%d",button: "botonCalfechaInicio' + counter +'"});</script>\n\
<img border="0" src="images/calendar.gif" class="boton_imagen"></button>\n\
    <b>+</b>Fecha Fin -><input type="text" value="" name="fechafin' + counter +'" id="fechafin'+ counter +'">\n\
<button style="cursor:pointer;background-color:transparent; border:0;" id="botonCalfechafin1" name="botonCalfechafin1">\n\
<script type="text/javascript">Calendar.setup({inputField: "fechafin' + counter +'",ifFormat: "%Y/%m/%d",button: "botonCalfechafin' + counter +'"});</script>\n\
<img border="0" src="images/calendar.gif" class="boton_imagen"></button>');

Pues resulta que al ponerle la etiqueta <script> no la inserta y por tanto no funciona y me da error al cargar el input con los valores del calendario.
¿Hay alguna solucion a esto?
Muchas gracias, se agradece cualquier idea o solucion para insertar esto, gracias de nuevo, muy amables.

pedro622 · #2 (**permalink**) 18/01/2012, 04:09

Nadie tiene una solucion??

chicohot20 · #3 (**permalink**) 18/01/2012, 07:34

Código HTML:

Ver original<html>
<head>
<title>Jejeje</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#contenido").append("<script>alert('BU')<\/script>");
});
</script>
</head>
<body>
    <div id="contenido">
    </div>
</body>
</html>

En el firebug no debería mostrarse el codigo asi?

Código HTML:

Ver original<div id="contenido"><script>alert('BU')</script></div>

no lo veo por ninguna parte.