Error de Usabilidad en Cristalab???

Hola a todos, bueno intentando seguir las reglas del foro para no repetir preguntas o temas ya tratados, ydespues de escribir algunas palabras en el campo de texto, hago click en el lupa y no pasa nada,,, despues de hacerlo 2 o 3 veces mas no sucede nada ,, pulso ENTER y ahora si encontre o no encontre ,, eso no importa a lo que voy,,no deberia el icono de la lupa funcionar como boton, para simplemente pulsarlo y que haga la busqueda???se le considera error de usabilidad , sera arreglado?? o todos los usuarios nuevos tendran el mismo resultado .

Sin animo de ofender a nadie envio este post.

Gracias y Salu2 a todos

mmm, si alguien se ofrece de voluntario a decirme como (carajos) hago que el boton envie ese form, lo agradecería y publicaría

considero que es mejor usar el Enter que un clic en el mouse,
¿que es mas rapido en tus manos? ...solo escribes en el campo das enter y ya

Bueno,, creo que en mi calse de computacion me enseñaron,,, no recuerdo si aprobe,, pero se da un click en el mouse o con el mouse???

Ademas llegue a solucionar el problema despues de 3 o 4 clicks,,, pero la interrogante esta hecha,,, al menos Freddy mando una interrogante al cielo (carajo) .

Bueno como dije se solucionar el inconveniente quizas incomodo mucho el post, pero igual fue una inquietud que quise sea resuelta.

Haces un vinculo con la imagen o como quieras y le pones esto:
javascript:document.forms.form_buscar.submit();

alabado sea RAMM
alabado sea RAMM
alabado sea RAMM
bueno vale ya!

ramm escribió:

Ramm, mira bien el codigo con el que esa parte está compuesta. Veras que es mas complicado que eso que dices.

Ok, es la primera vez que participo en el foro y espero que no sea la última

Como vemos CL pone el iconillo de la lupa desde CSS, por lo tanto no tenemos un enlace o un botón propiamente dicho para hacer el submit así que vamos a capturar el evento "clic" cuando pulsemos sobre el input de búsqueda que veo que tiene un ID original "busqueda" . Lo que haremos es que al hacer clic sobre el campo, si tenemos algo escrito y el ratón ha pulsado sobre una posición X que corresponde a más o menos donde está la lupa y 15px más entonces es que fijo que hemos pulsado en la lupa y no en el texto para modificarlo . Está claro que la página se mueve para centrarse en nuestro navegador por lo que la lupa en posición absoluta va cambiando de posición, lo que sí sabemos es que siempre está a la misma distancia del header, así que mediremos la distancia a la que está el header del margen izquierdo de la página y de ahí sumarle la distancia hasta la lupa (la he medido con una regla en pantalla muy útil para estas cosas, os la dejo aquí por si la queréis

Ok después de la explicación aquí tenemos un pequeño código.

Código :

window.onload = function(){
      micampobusqueda= document.getElementById("busqueda"); 
      //Escribimos la función que se ejecutará onclick
      micampobusqueda.onclick = function(e){
         if (!e) var e = window.event
         campobusquedacl_left = document.getElementById("header_container").offsetLeft + 750;  //obtenemos la posición X inicial del campo de búsqueda
         if (e.clientX >= campobusquedacl_left && eclientX <= (campobusquedacl_left + 15) && this.value!=""){
            //Si hacemos click en la lupa y hay algo escrito en el input hacemos el submit y detenemos la propagación del evento
            document.form_buscar.submit();
            e.cancelBubble = true;
            if (e.stopPropagation) e.stopPropagation();
         }
      };
      //a capturar se ha dicho, compatible con IE5+,Mozilla1.75+,Safari1.3, Opera8, Netscape4 NO!!!
      if (micampobusqueda.captureEvents) micampobusqueda.captureEvents(Event.CLICK);
   }

Usámos DOM a pelo así que es el código es un poco heavy, lo normal es que nos quitemos de estas tonterías usando una librería JS/AJAX para hacer estas cosas escribiendo mucho menos código, yo uso jQuery y el mismo código me ocuparía 3 líneas con jQuery, voy a ver si escribo algún webtip de cómo usar esta librería, una vez que se usa ya no piensas en nada más, Prototype puag puag

sevir, pero tu probaste eso en otros browsers?

Freddie® escribió:

Perdona pero el foro me la ha vuelto a jugar otra vez y no me deja entrar con mi usuario ;-( así que ooootra vez he tenido que crear uno nuevo. El código que puse como verás tiene algún pequeño fallo. El primero y más sangrante es que en el if hay un eclientX cuando debe ser e.clientX y el segundo es el maldito IE como siempre posiciona los elementos siempre un poquito más cerca o más lejos que lo que debería.

Lo que acabo de hacer es bajarme parte del frontpage de CL y añadirle el siguiente código:

Código :

window.onload = function(){

      micampobusqueda= document.getElementById("form_buscar"); 

      //Escribimos la función que se ejecutará onclick
      
      micampobusqueda.onclick = function(e){

         if (!e)  e = window.event
        
         campobusquedacl_left = document.getElementById("header_container").offsetLeft + 750;  //obtenemos la posición X inicial del campo de búsqueda
         if (navigator.appName == 'Microsoft Internet Explorer') campobusquedacl_left -= 20;
         //alert("clic: " + e.clientX + " y el campo está a: " + campobusquedacl_left);
         
         if (e.clientX >= campobusquedacl_left && e.clientX <= (campobusquedacl_left + 15) && this.value!=""){

            //Si hacemos click en la lupa y hay algo escrito en el input hacemos el submit y detenemos la propagación del evento

            //document.form_buscar.submit();
            alert("hola");

            e.cancelBubble = true;

            if (e.stopPropagation) e.stopPropagation();

         }

      };

      //a capturar se ha dicho, compatible con IE5+,Mozilla1.75+,Safari1.3, Opera8, Netscape4 NO!!!

      if (micampobusqueda.captureEvents) micampobusqueda.captureEvents(Event.CLICK);

}

ya rectificado. El código con el ejemplo lo tienes en http://www.sevir.org/pub/Otros/clfinder.rar

Lo he testeado en:
Netscape 7, Firefox 1.5, Opera 7.5 y 9beta, IE5.5 y 6SP2. Y no tenía más navegadores para probar en mi máquina, sorry
No lo he probado en navegadores basados en KHTML como Safari y Konqueror pero las versiones de safari 1.2 y superior y konqueror 1.3 o superior soportan todos los objetos que he usado, otra cosa es que no lo soporten bien

Ahh y se me olvidaba también he modificado algo más, claro como lo hice con mi código y sin probar en la web de CL hay algun fallo en los que no me había percatado.

El problema es que en el código original obtenía el elemento con ID busqueda pensando que el simbolillo de la lupa puesto con CSS se encontraba dentro del input, pero no es así, la lupa está fuera del area del input por lo que al detectar el evento click del input, no hacía nada al pulsar en la lupa así que mirando el código de CL con el firebug, veo que la lupa sí que está dentro de form_buscar así que capturo ese objeto, un pequeño fallo que no podía saber en un principio hasta que no he me bajado la web de CL

sevir_clone, si tienes problemas con tu usuario, puedes avisarme para poder arreglarlos.

Revisare y tratare de implementar el codigo en cuanto pueda.

PD. Los dos tutos de librerias de AJAX que pusiste estan en formateo para la sección de tutoriales en vez de la de webtips, por eso desaparecieron temporalmente.

Freddie® escribió:

Ya te he contestado al correo

Freddie® escribió:

Ok, es bueno saberlo

sevir, ok, gracias por la estupenda adaptación. espero que por fin podré usar el pseudo-botón de la lupa!