Let super-popups show fancy messages to your visitors
.. image:: http://www.educalleja.es/misc/super_popups/ok.jpg
.. image:: http://www.educalleja.es/misc/super_popups/ko.jpg
.. image:: http://www.educalleja.es/misc/super_popups/warn.jpg
Install using pip:
pip install django-super-popups
Alternatively, you can install download or clone this repo and call pip install -e ..
Add to INSTALLED_APPS in your settings.py:
'django_super_popups',
In your templates, load the following css and js files:
.. code:: Django
Call your website with the following GET variables to display a message:
http://example.com?tyT=ok&msT=This is the text
Which will display the following popup:
.. image:: http://www.educalleja.es/misc/super_popups/example1.jpg
If you do not want to define the popup using GET variables, you can define the style and content with the following javascript variable.
.. code:: javascript
var superpopups = {
tyT: "ok", // MANDATORY. Possible values are `ok`, `ko` and `warn`
msT: "Everything is great!", // MANDATORY
autohide: 5000, // OPTIONAL. When set, the message will disappear after the defined interval in ms.
}
.. code:: Django
{# Web code #}
<head>
<link rel="stylesheet" type="text/css" media="screen" href="{% static "super_popups/superpopups.css" %}" />
</head>
<body>
<script>
var superpopups = {
tyT: "ok",
msT: "This message will appear at the top of your website for only 5 seconds!",
autohide: 5000, // The message will disappear in 5000 ms.
}
</script>
<script type="text/javascript" src="{% static "super_popups/superpopups.js" %}"></script>
</body>
This is all the documentation we have :)
If you have found a bug or if you have a request for additional functionality, please use the issue tracker on GitHub.
https://github.com/educalleja/django-super-popups/issues
You can use this under Apache 2.0. See LICENSE <LICENSE>_ file for details.
Original author and maintained by Eduardo Calleja <http://www.educalleja.es>_.
FAQs
Add fancy notification popups to a Django project
We found that django-super-popups demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
As vulnerability data bottlenecks grow, the federal government is formally investigating NIST’s handling of the National Vulnerability Database.
Research
Security News
Socket’s Threat Research Team has uncovered 60 npm packages using post-install scripts to silently exfiltrate hostnames, IP addresses, DNS servers, and user directories to a Discord-controlled endpoint.
Security News
TypeScript Native Previews offers a 10x faster Go-based compiler, now available on npm for public testing with early editor and language support.