Отключить элемент после нажатия?

Question

<img src="images/get_info.png" onclick="do_ajax('get.php?id=5');this.src='images/get_info_disabled.png';" style="cursor:pointer;border:0;">

У меня есть список изображений, подобных этому, и когда пользователь нажимает на него, будет сделан запрос AJAX, и изображение будет изменено, но как я могу сделать изображение кликабельным только один раз?

Answer 1

Измените свою функцию do_ajax, чтобы она выглядела следующим образом:

function do_ajax(url, elem) {
    var click = elem.onclick;
    elem.onclick = null;
    // Do your Ajax stuff
    elem.onclick = click;
}

, а затем вызовите ее как:

<img src="images/get_info.png" onclick="do_ajax('get.php?id=5', this); this.src='images/get_info_disabled.png';" style="cursor:pointer;border:0;">

Answer 2

Это можно сделать, получив элемент в стиле Javascript,

var h = documentgetbyid ("id").display = "none";

Answer 3

Чтобы элемент можно было щелкнуть только один раз, я мог бы подумать о простейшем способе:

<img src="path/to/image.png" onclick="alert('you clicked the image'); this.removeAttribute('onclick');" />

JS Fiddle demo of concept.

Хотя я бы лично добавил this.removeAttribute('onclick'); в вашу функцию.