Показать изображение после нажатия кнопки

Question

Я использую скрипт PHP для записи на изображении.

Источник: http://papermashup.com/demos/php-gd-image-and-text/

Я хочу, чтобы скрыть изображение и после нажатия на кнопку «Обновить изображение» сгенерированный файл затем будет отображаться?

Answer 1

Использование JQuery Hide(); , show() для достижения функциональности.

Если вы можете поместить фрагмент кода здесь это поможет людям понять проблему более четко

Answer 2

Вам нужно JavaScript для этого. В принципе, php работает только один раз до загрузки страницы, поэтому он не может изменить содержимое страницы после ее загрузки.

Вы можете использовать document.InnerHTML (посмотреть его) или JQuery .load

Answer 3

Вы можете сделать это с помощью JQuery, как

Пусть ваш input button имеет идентификатор типа clickme и изображения, которые вы хотите скрыть имеет id как hideme, затем привязывает событие jQuery к этому.

$('#clickme').click(function(){ 
    $('#hideme').hide(); 
}); 

Просто включите базовые библиотеки jQuery на свою страницу.

Answer 4

<div id="hidden_div" style="display:none"> 
    <img src=<?=$filename;?>?id=<?=rand(0,1292938);?>" width="800" height='600'/> 



    </div> 


<input name="submit" type="submit" class="btn btn-primary" value="Update Image" onclick="showHide()"/> 
</form> 
</div> 
<script type="text/javascript"> 
    function showHide() { 
      document.getElementById("hidden_div").style.display = "block"; 
    } 
</script> 

Я использовал это. Работает, но показывается сгенерированное изображение всего за секунду, затем оно освежает.