Problema innerHTML con ajax

[lfc]

Hola a tod@s!!!

Tengo un pequeño problema con la propiedad innerHTML. Me gustaría insertar un datetimepicker (tag ajax de struts2) mediante ésta propiedad de la siguiente manera:

Código:

<div id = 'datetime'></div>

dt = '<s:datetimepicker name="picker" /><s:datetimepicker type="time" name="picker" />';
document.getElementById('datetime').innerHTML = dt;

Pero al cargar la página aparecen los textields para coger una fecha y una hora pero también aparece el código escrito a partir de este punto. Es como si al encontrar este tag no ejecutara más javascript y imprime todo el código por pantalla... estraño...

Alguine me puede ayudar?

GRACIAS!!!!

[KarlanKas]

Igual es una tontería, pero.... no sería mejor ponerlo así?

Código PHP:

  <div id = 'datetime'></div>
<script type="text/javascript">
dt = '<s:datetimepicker name="picker" /><s:datetimepicker type="time" name="picker" />';
document.getElementById('datetime').innerHTML = dt;
</script>  
  

[lfc]

Lo he probado como me has dicho y no funciona, pasa lo mismo.

De hecho el código que he puesto ya está dentro de código script, el código exacto que tengo es:

Código:

[...]

function addReservationConstraints(event)
{
	var event = event || window.event;	
	var obj = this;
				
	divdest = obj.nextSibling.nextSibling.nextSibling;
        dt = '<s:datetimepicker name="picker" /><s:datetimepicker type="time" name="picker" />';
	divdest.innerHTML = dt;

       [...]
}

[...]

Antes he puesto la definición del div para que se entendiera de donde venia (un descuido lo siento!)

Gracias!

[caricatos]

Hola:

Por lo que veo, obj se refiere a un objeto e innerHTML se aplica a etiquetas... supongo que te falta una cosilla:
obj = (window.event) ? event.srcElement:event.target;

Saludos

[lfc]

Muchas gracias, pero esto no me ha solucionado el problema, ya que si hago esto:

Código:

function addReservationConstraints(event)
{
	var event = event || window.event;	
	var obj = this;
				
	divdest = obj.nextSibling.nextSibling.nextSibling;
			
	txt = document.createTextNode('Start Time: ');
	divdest.appendChild(txt);
	st = document.createElement('input');
	st.name = 'txtdate';
	st.value = '';
	divdest.appendChild(st);
	divdest.appendChild(document.createTextNode("\u00a0")); //space
	
        myImg = document.createElement('img');
	myImg.name = 'dateimg';
	myImg.src = 'date-icon.gif';
	myImg.width = 20;
	myImg.height = 20;
	myImg.border = 0;
	myImg.alt = 'Pick a date';
	myImg.onclick = showDateTimePicker;
	divdest.appendChild(myImg);
}

Me funciona bien, encuentra el div destino. Pero si hago esto no:

Código:

function addReservationConstraints(event)
{
	var event = event || window.event;	
	var obj = this;
				
	divdest = obj.nextSibling.nextSibling.nextSibling;
			
	dt = '<s:datetimepicker name="picker" /><s:datetimepicker type="time" name="picker" />';
	divdest.innerHTML = dt;
}

Tampoco me funciona con la modificación que me has comentado....

Saludos