jQuery ajax googleapis fitering lenta ayuda por favor

  • bayliner75
  • Student
  • Student
  • No Avatar
  • Registrado: Jun 08, 2007
  • Mensajes: 78
  • Status: Offline

Nota Octubre 13th, 2011, 6:44 am

Hola

Este sitio antes he usado y su resultado muy útil con temas sobre clasificación de ect...pero esta vez tengo problema que realmente necesito su ayuda sobre.

Creo que su algo que ver con JQUERY GOOGLEAPIS, a continuación es el código de mi sitio

Tengo un nuevo sitio Web desarrollado, su un sitio de vacaciones y viajes. En cada página tengo una caja de filtro de búsqueda. Con cinco opciones es decir desde el desplegable seleccione un país y luego en la siguiente desplegable seleccione una región desplegable siguiente se selecciona una ciudad. Ahora el problema es que si bien desaparece y filtra la información que debe mostrar para el siguiente menú desplegable del cuadro propio y el salto de página y ver lo que creo que es el código detrás del cuadro de búsqueda para un segundo 1 a veces 2 ocurre principalmente a páginas con un mapa de google que hemos colocado allí. Hay alguna forma para acelerar esto y no tienen los saltos de página, sólo para hacerla fluir mejor.

Lo siento si no he explicado esto en una forma de tecnología, pero sólo estoy tratando de encontrar alguna información para dar a la gente la obra que les resulta difícil encontrar una solución.

Cualquier ayuda será apreciada

Paolo
Código: [ Select ]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript" src="js/jquery.selectbox-0.1.3.js"></script>
<script type="text/javascript">
    $(function ()
    {
        $("#country_id, #region_id, #resort_id, #guests_id, #accommodation_id").selectbox();
    });
</script>
<script type="text/javascript">
  $(function()
    {
    $('.slide-out-div').tabSlideOut(
        {
      tabHandle: '.handle',           //class of the element that will become your tab
      pathToTabImage: 'images/assets/feedback-button-pink.png', //path to the image for the tab //Optionally can be set using css
      imageHeight: '120px',           //height of tab image      //Optionally can be set using css
      imageWidth: '31px',            //width of tab image      //Optionally can be set using css
      tabLocation: 'right',           //side of screen where tab lives, top, right, bottom, or left
      speed: 300,                //speed of animation
      action: 'click',             //options: 'click' or 'hover', action to trigger animation
      topPos: '80px',             //position from the top/ use if tabLocation is left or right
      leftPos: '20px',             //position from left/ use if tabLocation is bottom or top
      fixedPosition: true           //options: true makes it stick(fixed position) on scroll
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  2. <script type="text/javascript" src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
  3. <script type="text/javascript" src="js/jquery.selectbox-0.1.3.js"></script>
  4. <script type="text/javascript">
  5.     $(function ()
  6.     {
  7.         $("#country_id, #region_id, #resort_id, #guests_id, #accommodation_id").selectbox();
  8.     });
  9. </script>
  10. <script type="text/javascript">
  11.   $(function()
  12.     {
  13.     $('.slide-out-div').tabSlideOut(
  14.         {
  15.       tabHandle: '.handle',           //class of the element that will become your tab
  16.       pathToTabImage: 'images/assets/feedback-button-pink.png', //path to the image for the tab //Optionally can be set using css
  17.       imageHeight: '120px',           //height of tab image      //Optionally can be set using css
  18.       imageWidth: '31px',            //width of tab image      //Optionally can be set using css
  19.       tabLocation: 'right',           //side of screen where tab lives, top, right, bottom, or left
  20.       speed: 300,                //speed of animation
  21.       action: 'click',             //options: 'click' or 'hover', action to trigger animation
  22.       topPos: '80px',             //position from the top/ use if tabLocation is left or right
  23.       leftPos: '20px',             //position from left/ use if tabLocation is bottom or top
  24.       fixedPosition: true           //options: true makes it stick(fixed position) on scroll
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Octubre 13th, 2011, 6:44 am

  • WritingBadCode
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Abr 28, 2011
  • Mensajes: 214
  • Loc: Sweden
  • Status: Offline

Nota Octubre 13th, 2011, 7:14 am

bayliner75 escribió:
Lo siento si no he explicado esto en una forma de tecnología, pero sólo estoy tratando de encontrar alguna información para dar a la gente la obra que les resulta difícil encontrar una solución.


¿Puedo decir que han puesto en un esfuerzo por explicar a lo mejor de sus capacidades pero no las personas al sitio de construcción fuera allí buscando una solución si se carece de conocimientos? Bueno eso es off topic.

bayliner75 escribió:
Código: [ Select ]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript" src="js/jquery.selectbox-0.1.3.js"></script>
<script type="text/javascript">
    $(function ()
    {
        $("#country_id, #region_id, #resort_id, #guests_id, #accommodation_id").selectbox();
    });
</script>
<script type="text/javascript">
  $(function()
    {
    $('.slide-out-div').tabSlideOut(
        {
      tabHandle: '.handle',           //class of the element that will become your tab
      pathToTabImage: 'images/assets/feedback-button-pink.png', //path to the image for the tab //Optionally can be set using css
      imageHeight: '120px',           //height of tab image      //Optionally can be set using css
      imageWidth: '31px',            //width of tab image      //Optionally can be set using css
      tabLocation: 'right',           //side of screen where tab lives, top, right, bottom, or left
      speed: 300,                //speed of animation
      action: 'click',             //options: 'click' or 'hover', action to trigger animation
      topPos: '80px',             //position from the top/ use if tabLocation is left or right
      leftPos: '20px',             //position from left/ use if tabLocation is bottom or top
      fixedPosition: true           //options: true makes it stick(fixed position) on scroll
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  2. <script type="text/javascript" src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
  3. <script type="text/javascript" src="js/jquery.selectbox-0.1.3.js"></script>
  4. <script type="text/javascript">
  5.     $(function ()
  6.     {
  7.         $("#country_id, #region_id, #resort_id, #guests_id, #accommodation_id").selectbox();
  8.     });
  9. </script>
  10. <script type="text/javascript">
  11.   $(function()
  12.     {
  13.     $('.slide-out-div').tabSlideOut(
  14.         {
  15.       tabHandle: '.handle',           //class of the element that will become your tab
  16.       pathToTabImage: 'images/assets/feedback-button-pink.png', //path to the image for the tab //Optionally can be set using css
  17.       imageHeight: '120px',           //height of tab image      //Optionally can be set using css
  18.       imageWidth: '31px',            //width of tab image      //Optionally can be set using css
  19.       tabLocation: 'right',           //side of screen where tab lives, top, right, bottom, or left
  20.       speed: 300,                //speed of animation
  21.       action: 'click',             //options: 'click' or 'hover', action to trigger animation
  22.       topPos: '80px',             //position from the top/ use if tabLocation is left or right
  23.       leftPos: '20px',             //position from left/ use if tabLocation is bottom or top
  24.       fixedPosition: true           //options: true makes it stick(fixed position) on scroll


El código han "conectado" es completo no lo puedo ver y deja demasiado trabajo supongo que para mi gusto. Buena suerte encontrar alguna ayuda tho.:o
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Octubre 13th, 2011, 9:45 am

Quote:
Ahora el problema es que si bien desaparece y filtra la información que debe mostrar para el siguiente menú desplegable del cuadro propio y el salto de página y ver lo que creo que es el código detrás del cuadro de búsqueda para un segundo 1 a veces 2.


¿Podría darnos el vínculo donde podríamos duplicar el comportamiento. ¿Es posible que el equipo en que está cargando la página Web un equipo lento? Suena como podría haber muchas en el navegador y su posible que sólo darían cuenta en los equipos más lentos.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • bayliner75
  • Student
  • Student
  • No Avatar
  • Registrado: Jun 08, 2007
  • Mensajes: 78
  • Status: Offline

Nota Octubre 13th, 2011, 12:22 pm

Hola chicos

Gracias por tu ayuda, es el vínculo a una páginahttp://www.thesnowtraveller.com/contact.php

Y en la parte superior izquierda es el cuadro de búsqueda, cualquier ayuda será apreciada, por favor, desnudo en mente el sitio no está terminado.

Me gustaría obtener una soulution a este problema como yo estoy muy interesada en lanzar como sson como sea posible.

Atentamente
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Octubre 17th, 2011, 6:50 pm

Bien me tomó un vistazo y había cambiado algunos de los valores en los cuadros. Noté un poco de lo que se siente como un salto, pero como su diseñador de programador lo hizo la página es que cuando uno de los valores en el cuadro Cambiar realmente va a una página totalmente nueva que hace una solicitud completa al servidor y actualiza la página entera. Si se quieren evitar cualquier tipo de salto como esta debe tener su desarrollador utilice AJAX en su lugar para realizar las solicitudes y modificar los valores de la lista desplegable sin hacer una actualización de la página completa. Ahora ellos realmente ir una página totalmente nueva cada vez que cambia una opción para que toda la página es re-rendering que está provocando lo que siente un salto a veces dependiendo de qué tan rápido el navegador procesa la página. Los tiempos no lo noto un salto es probablemente porque es cargar desde la memoria caché del navegador.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • bayliner75
  • Student
  • Student
  • No Avatar
  • Registrado: Jun 08, 2007
  • Mensajes: 78
  • Status: Offline

Nota Octubre 19th, 2011, 11:26 am

Hola

Gracias por la respuesta, aceptar tiene sentido para mí

Cuando dice que necesitan usar Ajax

src="http://Ajax.googleapis.com/AJAX/libs/jQuery/1.5.2/jQuery.min.js" &gt;&lt; / script &gt;

El código anterior, dice Ajax.googleapis, esto significa ya están utilizando o se hace referencia a algo diferente.

Gracias por tu ayuda

Paolo
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Octubre 19th, 2011, 11:49 am

Eso es sólo la biblioteca jQuery, que tienen alguna funcionalidad AJAX con ella. Sólo porque está cargando el script no significaba que están usando AJAX. Hay un montón de cosas que puede hacer con ese guión jQuery y utilizar cero AJAX. En su caso no está utilizando AJAX para el formulario desplegable dinámico.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • bayliner75
  • Student
  • Student
  • No Avatar
  • Registrado: Jun 08, 2007
  • Mensajes: 78
  • Status: Offline

Nota Octubre 19th, 2011, 12:20 pm

Ok gracias otra vez

Recomendamos las páginas Web que se pueda dar el código de la lista DESPLEGABLE de AJAX dinámico, o simplemente haciendo una búsqueda en google me dará la información. Tratando de obtener tanta información que pueda ayudar a conseguir mi sitio listo para ir directo

Agradezco su ayuda

Gracias

Paolo
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Octubre 20th, 2011, 12:05 pm

Podría ser capaz de encontrar a algún tipo de menú desplegable AJAX basado. El funcionamiento AJAX es que tiene que comunicarse con los scripts de back-end como para poder rellenar los datos sobre la marcha, así que hay probablemente tendrá que ser algún tipo de personalización para llegar a todo el trabajo correctamente.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • bayliner75
  • Student
  • Student
  • No Avatar
  • Registrado: Jun 08, 2007
  • Mensajes: 78
  • Status: Offline

Nota Noviembre 8th, 2011, 10:48 am

Hola

Gracias por su ayuda, pregunta rápida, el sitio ahora es directo y el filtro funciona lindo y suave en Mozilla firefox, ¿crees que su error con IE, ¿crees que su posible para encontrar una solución para esto si es el caso?

Gracias de nuevo

Paolo
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Noviembre 9th, 2011, 6:32 am

Yo sólo creo que es cómo IE representa las páginas. No estoy seguro que yo consideraría cualquier salto un error. Sólo miraba a su enlace nuevamente y volver a cargar todos los elementos de cada selección, lo causaría una página completa a cargar y re-rendering. Si no va a hacer nada AJAX basado para evitar, otra cosa que podría investigar es asegurarse que todas las imágenes y elementos de diseño han fijado anchos y alturas para que no tengan el explorador dinámicamente averiguar durante tiempo de procesamiento. Que en sí mismo podría evitar el "salto" mientras que los elementos son renderizados.
Ozzu Hosting - Want your website on a fast server like Ozzu?

Publicar Información

  • Total de mensajes en este tema: 11 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 152 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC