За последние 24 часа нас посетили 17713 программистов и 1712 роботов. Сейчас ищут 1623 программиста ...

показать блок по клику на ссылку

Тема в разделе "Сделайте за меня", создана пользователем Paxan-1, 3 май 2019.

  1. Paxan-1

    Paxan-1 Активный пользователь

    С нами с:
    26 окт 2017
    Сообщения:
    14
    Симпатии:
    1
    Приветствую,
    Кому не в лом - помогите.

    есть ссылка вида:
    <a href="javascript:c('25614','1680')">Добавить</a>

    надо чтобы при нажатии ссылки появлялся окошко div со словом "Добавлено"
    и через секунду исчезало.

    Заранее спасибо за помощь!
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.794
    Симпатии:
    1.330
    Адрес:
    Лень
    мне не в лом.

    надо тебе хотя бы найти примеры кода с нажатием/появлением контента, изучить что к чему с документацией в лапе.

    да не за что
     
  3. Paxan-1

    Paxan-1 Активный пользователь

    С нами с:
    26 окт 2017
    Сообщения:
    14
    Симпатии:
    1
    вот из соседней ветки
    Код (Text):
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    5. <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"></script>
    6. <script>
    7. $(document).ready(function() {
    8. setTimeout ("$('#popup').show('drop');", 1000);
    9. setTimeout ("$('#popup').hide('drop');", 4000);
    10. setTimeout ("$('#popup2').fadeIn('fast');", 6000);
    11. setTimeout ("$('#popup2').fadeOut('slow');", 9000);
    12. });
    13. </script>
    14. </head>
    15. <body>
    16.     <div id='popup' style="display: none; background-color: pink; border: 1px solid lightblue; width: 150px; padding: 10px;"><h2>Лалалала!</h2>Лососните все леща!</div>
    17.     <div id='popup2' style="display: none; background-color: lightblue; border: 1px solid black; width: 150px; padding: 10px;"><h2>Опачки!</h2>Кому леща копченого с лососем запеченого?!</div>
    18. </body>
    19. </html>
     
  4. Paxan-1

    Paxan-1 Активный пользователь

    С нами с:
    26 окт 2017
    Сообщения:
    14
    Симпатии:
    1
    нашел такой код:

    function winOpen(){
    var obj=document.getElementById("divWin").style;
    obj.visibility="visible";
    };

    setTimeout(function(){
    document.getElementById('divWin').style.display = 'none';
    }, 2000);




    <a href="javascript:c('25614','1680')" onclick="winOpen();">Купить</a>


    все работает,
    но при повторном нажатии уже не работает.
     
    #4 Paxan-1, 3 май 2019
    Последнее редактирование: 3 май 2019
  5. Paxan-1

    Paxan-1 Активный пользователь

    С нами с:
    26 окт 2017
    Сообщения:
    14
    Симпатии:
    1
    как сделать чтобы каждый раз показывало окно при нажатии ссылки?