Hola a todos es pero y me podais a yudar con mi problemita
por que mi innerHTML se aplica a todo mi formulario y no solo al div que le asigne resulta que estoy leyendo condigo xml en javascript y el problema biene cuando intento asignar los datos recividos en mi div con la id="display" con el siguiente codigo funcion leer evento preskey
Código Javascript
:
Ver original/*esperando a que el documento este cargado para poder acceder al evento
*pres key para realizar la busqueda
*/
$(document).ready(function(){
$(".busca").keyup(function() //se crea la funcioin keyup
{
var texto = $(this).val(); //lee contenido de
buscar(texto); //llamo a la funcion para crear la url
});
});
Código Javascript
:
Ver originalvar xmlhttp;
var xmlDoc;
function buscar(txt)
{
var url="search.php?palabra="+txt; //asigno el valor a mi url
envia(url,1); //llamo al funcion para enviar datos
}
Código Javascript
:
Ver originalfunction envia(url,x)
{
// exploradores sportados IE7+, Firefox, Chrome, Opera, Safari
if(window.XMLHttpRequest)
{ xmlhttp=new XMLHttpRequest(); }
else
{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.open("GET",url,false); //envia los datos
xmlhttp.send(null);
switch (x)
{
case 1: recive(); break; //llama a la funcion para recivir los datos
default: alert("default"); break;
}
}
Código Javascript
:
Ver originalfunction recive()
{
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName("padre");
var y=xmlDoc.getElementsByTagName("hijo");
var a=document.getElementById("display");
for(j=0;j<x.length;j++)
{
for(i=0;i<y.length;i++)
{
a.innerHTML=document.write(x[j].getElementsByTagName("age")[i].childNodes[0].nodeValue);
}
}
}
Código Javascript
:
Ver originaljQuery(function($){//funcion jquery que muestra el mensaje "Buscar amigos..." en la caja de texto
$("#caja_busqueda").Watermark("Buscar amigos...");
});
todo esto funciona correctamente pero al insertar los datos desde el innerHTML en el DIV me borra los divs anterores a el
mi index.html es el siguiente Código HTML:
<html>
<head>
<link href="css.css" rel="stylesheet" >
<script language="JavaScript" src="jquery-1.5.1.min.js"></script>
<script language="JavaScript" src="jquery.watermarkinput.js"></script>
<script language="javascript" src="js.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento sin título</title>
</head>
<body>
<form action="usuario_completo.php" method="get">
<div style=" width:100%; padding-left:3px; padding-right:3px; " id="txt">
<input type="text" class="busca" id="caja_busqueda" name="clave" /><br />
</div>
<div id="display"><!--aqui deveria de mostrarme el resultado de la busqueda--></div>
</form><p>
</body>
</html>
pero lo unico que me muestra es el resultado eliminando mi campo texto dentro del div con la id="caja_busqueda"