Задать вопрос
@4uva4ok1905

Как реализовать картинку и 4 ответа?

Есть картинка и 4 кнопки как в передаче "кто хочет стать милионером".
Возникла проблема, как загрузить новое изображение после нажатия на кнопку, а так же менять название кнопок
<img src="#" id="img_load">

<a href="#" name="button1" class="button1">кнопка1</a>
		<a href="#" name="button2" class="button2">кнопка2</a>
		<a href="#" name="button3" class="button3">кнопка3</a>
		<a href="#" name="button4" class="button4">кнопка4</a>

		<div class="results"></div>

	<script language="javascript" type="text/javascript">
                  
	$('.button1').click( function() {
        $.ajax({
          type: 'POST',
          url: 'setings.php',
		  data: "btn=1",
          success: function(data){
            $('.results').html(data);
          }
        });

    });
<script/>
  • Вопрос задан
  • 197 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@dexes56
Back-end engineer
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<img src="#" id="img_load">

<a href="#" name="button1" data-num="1" class="button">кнопка</a>
<a href="#" name="button2" data-num="2" class="button">кнопка</a>
<a href="#" name="button3" data-num="3" class="button">кнопка</a>
<a href="#" name="button4" data-num="4" class="button">кнопка</a>

<div class="results"></div>

<script language="javascript" type="text/javascript">
    $('.button').on('click', function(e){
        e.preventDefault();

        var img = $('#img_load');
        var current = $(this);
        var buttons = $('.button');

        $.ajax({
            type: 'POST',
            url: 'setings.php',
            data: 'btn=' + current.data('num'),
            success: function(data){
                $('.results').html(data);

                buttons.each(function(){
                    $(this).html( 'Кнопка ' + $(this).data('num') );
                });

                current.html( 'Кликнули сюда' );

                img.attr('src', 'image url');
            }
        });

    });
</script>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@LiguidCool
AJAX или Websockets.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы