onclick Ссылка скрыть img для той же самой идеи уведомления - PullRequest
0 голосов
/ 16 мая 2018

У меня есть страница php, и у меня есть ссылка для скачивания файла. Мне нужен код, покажите его один раз ИЛИ нажмите на ссылку (Загрузить файл) Скрыть изображение (nof1.gif)

Теперь я заменяю изображение (nof1.gif) в пустом img (empty_img.png) Но при перезагрузке страницы изображения снова

Идея показать изображение только один раз

<a   href="<?php echo base_url($l['admin_file']); ?>" target="_blank" >Download File </a> 



<img id="my_images" src="nof1.gif" style="width:40px;height:30px" 
  onclick="this.src='empty_img.png'; "
  >

или посмотрите код Произошла ошибка, и я не знаю решения !!!

<html>

<button onclick="hideImage()'"> Remove img </button>
<img id="my_images" src="http://karachiairport.com.pk/images/data-section/airline/24-11.png">
<script>

document.addEventListener('DOMContentLoaded', function() {
    // If cookie exist
    if (document.cookie.indexOf('image_clicked') > -1) {
        document.getElementById("my_images").src="http://www.1dmag.com/all_asset/img/no-image.png";
    }
	

    function hideImage() {
        document.getElementById("my_images").src="http://www.1dmag.com/all_asset/img/no-image.png";
        document.cookie = "image_clicked=true";
    }
});


</script>

1 Ответ

0 голосов
/ 16 мая 2018

Простой способ - использовать cookie

if (document.cookie.indexOf('image_clicked') > -1) {
    document.getElementById("my_images").src="empty_img.png";
}

function hideImage() {
    document.getElementById("my_images").src="empty_img.png";
    document.cookie = "image_clicked=true";
}

Ваш html:

<a href="<?php echo base_url($l['admin_file']); ?>" onclick="hideImage()'" target="_blank" >Download File </a>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...