Search code examples
javascriptdjangowebpopupmessage

Adding Pop-up Message in Django


i want to display popup message like (welcome <user>) when user will log in.
i can add this message to a section of the page by using Django messages

Like messages.success(request,welcome {request.user}')

and in template
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li class="{{ message.tags }}">{{ message }}</li>
{% endfor %}
</ul>
{% endif %}

but i don't want that. i just want a popup message for few seconds
How can i do that in a Django project?
Or, is there any way of doing that by using java script event listener?
Thanks is advance


Solution

  • <li id="message_container" class="{{ message.tags }}">{{ message }}</li>
    
    <script>
    var message_ele = document.getElementById("message_container");
    
    setTimeout(function(){ 
    message_ele.style.display = "none"; 
    }, 10000);
    </script>