¿Cómo funciona Digg remove “& x = 0 & y = 0” de su URL de resultados de búsqueda?

Question

Estoy usando una imagen como el botón de enviar un formulario de búsqueda, es decir .:

<input id="search" type="image" alt="Search" src="/images/searchButton.png" name=""/>

Esto tiene un efecto secundario desafortunado en Chrome y Firefox - los parámetros y x = 0 & y = 0 aparecerá en la final de los resultados de búsqueda de URL, por ejemplo, si la búsqueda "food" Me han dirigido a la página:

main/search?search=food&x=0&y=0

Algunos de caza alrededor en línea ha indicado que este es el comportamiento estándar cuando se utiliza una imagen para enviar un formulario.

Me di cuenta de que Digg.com utiliza una imagen para presentar su formulario de búsqueda pero que evite este comportamiento. No puedo imaginar cómo lo hacen. Ellos no parecen estar usando Javascript para enviar el formulario. ¿Puede alguien dice esto?

Answer 1

Digg es el uso de JavaScript para hacer eso. Intente enviar el formulario de búsqueda con JavaScript desactivado en su navegador.

Answer 2

En lugar de utilizar un <input type="image">, se puede utilizar un elemento de <button>:

<button type="submit" style="border: 0; background: transparent">
  <img src="image.png"></img>
</button>

Answer 3

Estos parámetros indican la ubicación en la que el clic se ejerció sobre la imagen, que es el comportamiento por defecto de la mayoría, si no todos los navegadores cuando se trata de usar imágenes como botones de envío. Se puede utilizar una solución que básicamente pasa por JavaScript para enviar su formulario, al igual que lo que se ve en el ejemplo de Watain. O puede crear un botón de envío eso no es un elemento de formulario, mediante la utilización de form.submit () como la acción que acompañe a esa imagen.

Answer 4

Se podría utilizar Javascript para enviar el formulario de esa manera, sigue siendo la forma más fácil:

<script>
yourForm.onSubmit = function() {
 location.href = 'main/search?search=' + encodeURIComponent(yourForm.elements['query'].value);
 return false;
}
</script>

Por desgracia, no sé cómo lo hacen sin Javascript.

EDIT:. Por cierto también se puede utilizar un sencillo que enviar el formulario cuando se hace clic