Видалення параметрів "x" і "y" у кнопки image

Ті, хто використовував кнопку type = "image" і метод GET, звернули увагу, що в адресному рядку з`являються додаткові параметри "x"І"y", Які містять координати натискання курсора миші. Багатьом вони не подобаються, і в цій статті я розберу кілька способів, як від них позбутися.

Нехай у нас буде наступний HTML-код:

Відео: Live Table Add Edit Delete using Ajax Jquery in PHP Mysql

Найперший спосіб позбутися від зайвих параметрів у кнопки image - це зробити редирект в окремому файлі. Для цього ставимо в action, наприклад, request.php, а вже в ньому пишемо наступний код:

lt ;?php 
 header("Location: search.php? Query =".$ _REQUEST["Query"]) - 
exit- 
?gt;

Другий спосіб - це скористатися jаvascript. Для цього в тег form треба додати атрибут onsubmit = "return formSubmit (this)". далі в jаvascript треба створити ось таку функцію:

function formSubmit(form){ 
 document.location ="Search.php? Query ="+ form.query.value-// Робимо редирект 
returnfalse-// Прибираємо стандартну надсилання форми 
}

І, нарешті, третій варіант, який я сам останнім часом використовую і який рекомендую використовувати Вам - це використовувати type = "submit" і задавати зовнішній вигляд кнопки через CSS. Наприклад, це можна зробити так:

input[type="Submit"]{ 
 background: url("Images / button.jpg")no-repeat- 
 border: none- 
 cursor: pointer- 
 height:40px- 
 width:250px- 
}

Таким чином, ми фактично через CSS зробили зовнішній вигляд як у type = "image", але при цьому використовували всього лише type = "submit", у якого зайвих параметрів вже немає.