Foros del Web » Programando para Internet » Javascript »

Se desordenan las capas al ejecutar una busqueda con ajax

Estas en el tema de Se desordenan las capas al ejecutar una busqueda con ajax en el foro de Javascript en Foros del Web. Un Saludo, Estoy haciendo una consulta que funciona por medio de ajax, pero antes muestro una pantalla (tabla con datos traidos de sql server y ...
  #1 (permalink)  
Antiguo 22/01/2013, 15:16
 
Fecha de Ingreso: julio-2009
Mensajes: 64
Antigüedad: 14 años, 9 meses
Puntos: 1
Se desordenan las capas al ejecutar una busqueda con ajax

Un Saludo,

Estoy haciendo una consulta que funciona por medio de ajax, pero antes muestro una pantalla (tabla con datos traidos de sql server y paginacion).

Al cargar la primera pantalla (tabla con datos traidos de sql server y paginacion), los datos se ven bien, con los divs como deben estar unos dentro de otros, al igual que cuando le doy click a la paginacion pues para seguir viendo los registros de la consulta.

Hasta alli todo va bien.

cada registro que trae la tabla tiene un boton, de ver mas

A la hora que se ejecuta la busqueda como tal, trae los registros y los muestra normal, pero cuando le doy clic en mostrar mas.. se pierden los divs de donde esta metida la tabla.


por lo tanto, se pierde los estilos css, y se descuadra todo.

los scripst que manejo en el <head></head> son:

este script esconde la tabla de los registros, y muestra los resultados cuando se le da clic en ver mas...
Código:
<script type="text/javascript">
$(document).ready(function(){
	// mostrar formulario de actualizar datos
	$("table tr .modi a").click(function(){
		$('#tabla').hide();
		$("#formulario").show();
                $.ajax({
			url: this.href,
			type: "GET",
                        success: function(datos){
				$("#formulario").html(datos);
			}
		});
		return false;
	});
	
});

</script>
este es el script de ajax que hace la busqueda instantanea y trae los datos de sql server
Código:
<script type="text/javascript">

		function getScriptPage(div_id,content_id,get_count)
		{
			subject_id = div_id;
			content = document.getElementById(content_id).value;
			http.open("GET", "Search/script_page.php?content=" + escape(content)+"&count="+get_count, true);
			http.onreadystatechange = handleHttpResponse;
			http.send(null);
		}

</script>
este ultimo script llama el archivo .php script_page, alli hago la consulta instantanea (osea la busqueda que hace con ajax) y a su vez es la que genera el
problema, puesto que los registros que trae esta consulta al dar click en ver mas salen imcompletos osea sin estilos.. ni los divs que debe tener

De antemano disculpas si el tema esta mal redactado, cualquier sugerencia para modificar el script de jquery es bienvenida


Etiquetas: ajax, busqueda, capas, formulario, funcion, html, jquery, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:03.