За последние 24 часа нас посетил 22421 программист и 1148 роботов. Сейчас ищут 574 программиста ...

чтобы окно само закрылось через секунду?

Тема в разделе "JavaScript и AJAX", создана пользователем Perez, 19 июн 2012.

  1. Perez

    Perez Активный пользователь

    С нами с:
    24 апр 2012
    Сообщения:
    22
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    Как сделать, чтобы окно с предупреждением (типо Alert) само закрылось через определенное время?
    Просто хочу на одну секунду показать пользователю сообщение, и чтобы он не утруждал себя его закрытием по кнопке...
    Вроде задачка то простая, а найти не могу нигде ответа, помогите!
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.410
    Симпатии:
    1.768
    Сделай в том же окне
     
  3. Perez

    Perez Активный пользователь

    С нами с:
    24 апр 2012
    Сообщения:
    22
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    А как?
    Я вывожу на php: echo "<script>alert('Запись сохранена!');</script>";
    При загрузке страницы открывается такой алерт, только он висит, пока кнопку не нажмёшь...
    И вот так пробовал, тоже окно алерта само не закрывается: <script>setTimeout(alert('Запись сохранена!'),1);</script>
     
  4. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.410
    Симпатии:
    1.768
    дык, брат, осваивай js. одними алертами сыт не будешь.

    подцепляй jQuery, пиши дивчик, его прячь, при загрузке страницы js его показывай и запускай таймер, когда таймер отработает - делай красивый эффект
    Код (PHP):
    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>
     
  5. Perez

    Perez Активный пользователь

    С нами с:
    24 апр 2012
    Сообщения:
    22
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    igordata, спасибо в очередной раз!!

    P.S.: А я то думал, как то проще будет, типо alert("Опачки",1000);
     
  6. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.410
    Симпатии:
    1.768
    ну вобще
    $('#popup').show();
    проще некуда. просто я добавил эффектов =) и задержку, чтобы не сразу вываливались.
     
  7. Paxan-1

    Paxan-1 Новичок

    С нами с:
    26 окт 2017
    Сообщения:
    12
    Симпатии:
    1
    Привет всем, тоже нужна такая штучка. Посетитель нажимает Добавить, после этого появляется на секунду окошко "Добавлено" и исчезает.
    а как это подцепить к моему коду?
    <a class="in" href="javascript:c('1013','9230')" onClick="alert('Добавлено')">Добавить</a>
     
  8. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.553
    Симпатии:
    631
    @Paxan-1 выше полный пример страницы с такими окнами, попробуй её целиком, потом возьми сто надо.
     
  9. Paxan-1

    Paxan-1 Новичок

    С нами с:
    26 окт 2017
    Сообщения:
    12
    Симпатии:
    1
    я попробовал, при загрузке страницы эти окна появляются,
    но как сделать, чтобы они появлялись только при нажатии на "Добавить" ???