2

Диалогови прозорци в блога

Диалогови прозорци
Здравейте, да ви е добър денят. Реших днес да продължим разговора за диалоговите прозорци. Назад във времето имах публикация на тази тематика. Оказа се, че читателите ми проявиха интерес към нея.
Диалогов прозорец (от английски dialog box) в графичния потребителски интерфейс е специален интерфейсен елемент, прозорец, предназначен да показва информация и / или да получава отговор от потребителя.



    Знам, че такива елементи почти винаги дразнят всички. Но все пак на много места ги има и по мое мнение понякога имат положителна функция. И ще говорим за това по-долу.
    Искам да ви предложа няколко варианта на появяващи се диалогови прозорци, а дали имате нужда от тях или не, ще решите сами.

    Първи вариант

    Такъв прозорец съдържа предупреждение за преминаване в друг блог или сайт. Блокира всяко действие на потребителя, за известно време го задържа на страницата и в същото време му дава предупреждение.

    Опитайте да кликнете върху хипервръзката по-долу.

    Блог за блогове


    Кодът е:



    <a href="връзка към страницата" onclick="return confirm('Сигурни ли сте, че искате да преминете на тази страница?')">Блог за блогове</a>


    Втори вариант

    Този вариант на диалогов прозорец може да е правилният за вас. Например, ако искате да пренасочите читателя към друга страница на вашия блог. Да речем, че имате публикация със стара дата, а информацията в нея вече не е актуална, можете, използвайки диалоговия прозорец, тактично да предложите прочитането на друга, актуална публикация или да пренасочвате към страницата със съдържанието на блога си.

    Кодът е:

    <script>
    if(confirm("Ако не сте намерили нужната ви информация тук натиснете ОК, след което е вероятно да стигнете до други много полезни неща! Ако желаете да останете на тази страница натиснете Отказ! "))
    {
    location = "адрес на страницата";
    }
    else
    {
    history.back();
    }
    </script>





    Трети вариант


    Друг диалогов прозорец, който се показва при копиране на материал и блокира действията на потребителя, докато не кликне върху бутона му. Можете да поискате от потребителя да споделя информация или да му напомните да дадете активна хипервръзка към копирания текст.
    Не мога да дам този пример тук, тъй като всички кодове, които публикувам в блога си са предназначени единствено за копиране. И такъв прозорец е напълно неподходящ. Можете да го видите в друг блог. Кликнете по хипервръзката и се опитайте се копирате част от текста.


    Код:


    &lt;body onCopy=&quot;alert(&#39;ВИЕ КОПИРАХТЕ ЧАСТ ОТ СЪДЪРЖАНИЕТО НА БЛОГА! МОЛЯ, СЛОЖЕТЕ ОБРАТНА АКТИВНА ХИПЕРВРЪЗКА ИЛИ НАТИСНЕТЕ ЕДИН ОТ БУТОНИТЕ НА СОЦИАЛНИТЕ МРЕЖИ!&#39;); return true;&quot;&gt;


    Уточнения

    Кодовете на първите два варианта се инсталират директно на страницата на всяка публикация в HTML режим. Диалоговите прозорци ще се показват само на тези страници. Последният код се задава в темата на блога преди затварящия маркер </ head>. Винаги ще се появява, когато потребителят е копирал информация от вашия блог.

    Това е всичко за днес. Благодаря ви за посещението и доскоро!


    Продължение

    2 коментара :

    1. Полезен и лесен урок за пореден път.

      +1, Благодаря!

      ОтговорИзтриване
      Отговори
      1. Благодаря за визитата и оценката. Старая се да бъде хем лесно, хем полезно за всички, които се интересуват.

        Изтриване


    Copyright © БЛОГ ЗА БЛОГОВЕ©2016- | All Rights Reserved
    Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита