41 comments found.
Ouch, so we can’t expect an update to newer jquery? MIgrate usage is not too cool
The plugin already works with the last jQuery version .
When you initialize the script, you simply need to use this line :
$(window).on('load',function() {
Instead of this one:
$(window).load(function() {
Hello! Any chance to do an update, with the option to have a progress bar on top or bottom of the notice showing how much is left before auto closing? Like many other similar plugins do here on codecanyon.
Thanks!
Hello,
No, sorry, there is no update planned currently.
At least fix the latest jquery compatibility please… <script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.min.js”></script> throws errors all over the place and the plugin is unusable. Even with migrate. A different initialization is not the way to go, the beauty of the plugin was the quick $(“body”).superNotice(“Hello World !”); usage…. Why don’t you take an hour to update it properly?
Even the css file throws an error for some weird reason, If you don’t mind, since it has not been updated since 2013, I’ll ask for a refund. I can’t use extra stuff to make it “compatible” with the latest versions of jquery and adding this to an existing page is a pain because of it. Too bad it took 4 months to finally get to test this. :/
Also, your demo files, if I just change jquery to latest, it breaks, even if I use your “alternate” initialization method.
Hello,
Please contact me from the support page, sending me the url of the page, I will check it : https://codecanyon.net/item/jquery-super-notice/3206035/support
how to create header notice top – width full screen – height 30px
Hello,
For support requests, please contact me from the support page using your buyer account, I will help you.
Looking for an answer before purchase:
Is there a way to set up the popups to show randomly? For example, one of the sites I am building is running 6 different specials and instead of having one popup that tells them about the specials, I want a popup to show one of the specials, randomly on each page load (or in order from 1-6) along with text to the effect of “click here to view more of our specials” for example. Is something like this capable with your code?
Yes, the plugin allows you to show notifications where you want in your JS code.
You can do that using a such js script :
$(document).ready(function(){ var randomNumber = Math.floor((Math.random() * 6) + 1); switch(randomNumber) { case 1: // paste it the generated code of the notification #1 $("body").superNotice("My notification 1"); break; case 2: // paste it the code of the notification #2 $("body").superNotice("My notification 2"); break; case 3: $("body").superNotice("My notification 3"); break; // etc ... } });
So I can make 6 (for example) popups and the code will show 1 of the 6 randomly once each browser session?
$(document).ready(function(){ if (sessionStorage.notificationLoaded != 1) { sessionStorage.notificationLoaded = 1; var randomNumber = Math.floor((Math.random() * 6) + 1); switch(randomNumber) { case 1: $("body").superNotice("My notification 1"); break; case 2: $("body").superNotice("My notification 2"); break; // etc ... } });
Hi I thinks this will be perfect for what i need. I just have 2 quick pre purchase questions.
1) will it work with responsive themes i.e. a mobile device 2) how easy is it for somebody with no coding to make a notice I need this for my clients site and for them to be able to make the notices
Thanks
Nick
1. As notifications use a width inferior to 480px, it should be ok on all devices.
If needed, you can add this css rule to your page to improve it on smaller devices :
@media screen and (max-width: 1280px) { body .superNotice { max-width: 100%; margin-left:0px; margin-right: 0px; } }2. This jQuery plugin was made for developers that know jQuery. But it can be very easy using the generator . Simply paste the generated code in the wanted page like that, to show the notification on page loading :
<script> $(document).ready(function(){ // paste the generated code here }); </script>Example :
<script> $(document).ready(function(){ $("body").superNotice({ html: "Hello World !", icon: "info", title: "My title", titleIcon: "accept" }); </script>
Hello,
One wanted to know if this code gets into some pages or appears in all ?? where the code gets ??
2- I also wanted to know if you can automate that appear every 45- 60 seconds … stating something like: “this product has been sold 2 minutes ago in Seville” or “last sale made 4 minutes ago in barcelona”
thanks
Hello,
As jQuery plugin, you can start a notification when you want, on the page you want, using javascript (simply copy and paste the generated code where you want to launch the notification in your own js code) .
in the product page you can get the script as custom field ??
that is, I can add the code in the custom field data sheet
I’m not sure to understand. This plugin was made for js/jQuery developers, you shouldn’t buy it if you don’t know js at all .
you could help me realize my web functionality to ?? that budget would have?
thanks
Sorry, I’m not available as freelancer, but you can find good js developers here : http://studio.envato.com/search?utf8=%E2%9C%93&search%5Bquery%5D=js+developer
how are the notices fired ? admin can schedule them ? or when the user enters a new session ? how , do u intend to release a new version with all the bugs fixed and compatible with latest browser versions?
It is a jQuery plugin : notices are launched by you, in js .
If you have problem after purchase, simply contact me .
in js means? pls advise a little detail and will buy thereafter
This is a plugin for jQuery developpers, you need to know js code to use it.
no this is not the question : can the notices be scheduled with date and time ? can the notices be fired realtime by admin? can different notices be fired on different pages which are schedulable ?
$(“body”).superNotice({ /* your params here */ });
ok , cool , do u have list of example parameters in the documentation , so that we can quickly adapt and use
Yes, you can find the documentation here : http://www.biscay-charly.com/_plugins/plug_superNotice/#documentation
ya ok , couldnot find the answer., i have seen in websites , the notices slowly comes from sides say :hello how r u today . User does not click anything , automatically these notices come up .Is there a parameter for that as well .I saw the parameters but i could not find this .
say i see yr demo site and a notice comes slowly to me : did u like the notices ? something like this ? this will be controlled by parameter like first time the user enters or say after 1000 seconds the user is into the session or if the user goes to page x then this notice comes .something like this i am looking forward to which i could not see in yr link , unless i missed it ,thanks for yr understanding
Supernotice is a perfect implementation of popup notices. And the author support is very good too.
Thanks
Hi there, nice script ! Which version of jQuery does it support ?
thank u
Thanks !
With jQuery 1.6+ . If you use 1.9+, you’ll maybe need to include jquery migrate plugin, just after jQuery :
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
wow ! that was fast ! thank you for your reply
Hello, your work is good , and in fact I need to buy this item , but because I’m completely newbie I was wonder if I buy it , it will be easy to configure any notification I’ll need or I should ask you every time I want to create a new notification ? shortly , it needs a programming knowledge , or it’s quite easy to use ?
To create a notification, simply copy/past the code from generator to the page, in a <script> tag.
Ex :
<script> $(document).ready(function(){ // past the generated code here }); </script>
To use on a button click, use a function :
<a href="javascript: startNotification();">test</a> <script> function startNotification(){ // past the generated code here } </script>
Good and thx for your fast replay , so , how can I add the code to my webiste ?
You can find documentation here : http://www.biscay-charly.com/_plugins/plug_superNotice/#documentation
Hello. Thank you for good product. Can you help me? I’d like the content part of the window to be collapsable by clicking the title part (or additional icon)
Hello,
Thanks !
You can try this :
$("body").superNotice({ // your params here onShow: function() { $('.superNotice-header').click(function() { if ($(this).parent().is('.collapsed')){ $(this).parent().removeClass('collapsed'); $(this).parent().find('.superNotice-content').show(250); } else { $(this).parent().addClass('collapsed'); $(this).parent().find('.superNotice-content').hide(250); } }); } });Is it ok ?
Oh, thank you for such quick answer. Yes, smth like that. And how can I rearrange all other windows if one of them is being collapsed?
setTimeout(function(){ $('.superNotice').data('superNotice').refreshPositions(); },300); // timeout for the close effect (250ms)
Thanks a lot
a class=”ilightbox” data-type=”iframe” href=”http://www.youtube.com/embed/abc?autoplay=1&autohide=1&fs=1&rel=0&hd=1&wmode=opaque&enablejsapi=1”
without <>
Hello,
You need to ask this to hemn (the author of the ilightbox plugin) to know how to initialize an iframe lightbox in Javascript .
Thanks,
Hi, how to auto open in header ?
Hello,
<script> $(document).ready(function(){ $('body').superNotice({....}); }); </script>
<script> $(document).ready(function(){ $("body").superNotice({ autoCloseDelay: 23000, buttons: [ { label: "?????? Web Hosting", href: "http://www.5starhost.eu/web-hosting.php", target: "_self", icon: "cart" }, { label: "????????", click: function (){ close }, icon: "error" } ], html: "?????? ?????????? ???????? ??? ?? Five Star Hosting !!!<br /><br />????????? ??????? 50% ?? ??? ?? ?????? <br />Hosting ??? ?? ?????? ??? ?????? ??? ????? ??? 31/12/2013<br /><br />? ???????? ?????? ??? ????? ???????????? <br />??? ?? ?????? ????????? ???? (1) ????? ??? ????.<br /><br />??????? ?????????: OFFER2014<br /><br />??????????????? ?? ??????? ???? ??? ?????????? ???<br />??? ?????? ??? ?? ????????? ??? ?? ?????? ??? ???????.<br /><br />", icon: "advertisment", position: "bottomRight", speed: 900, title: "Web Hosting Christmas Offer" }); }); </script>not show
Strange html code
Please send me the url of the page .
ok, www.5starhost.eu
Thanks.
There are errors in the code line 545 :
<script> $(document).ready(function(), , icon: "error" } ], html: "?????? ?????????? ???????? ??? ?? Five Star Hosting !!!<br /><br />????????? ??????? 50% ?? ??? ?? ?????? <br />Hosting ??? ?? ?????? ??? ?????? ??? ????? ??? 31/12/2013<br /><br />? ???????? ?????? ??? ????? ???????????? <br />??? ?? ?????? ????????? ???? (1) ????? ??? ????.<br /><br />??????? ?????????: OFFER2014<br /><br />??????????????? ?? ??????? ???? ??? ?????????? ???<br />??? ?????? ??? ?? ????????? ??? ?? ?????? ??? ???????.<br /><br />", icon: "advertisment", position: "bottomRight", speed: 900, title: "Web Hosting Christmas Offer" }); }); </script>
You need to fix it :
$(document).ready(function() { $('body').superNotice({ html: "Your html content", icon: "advertisment", position: "bottomRight", speed: 900, title: "Web Hosting Christmas Offer" }); });
You should use firebug or chrome console (F12) to debug your js code .
Hi Loopus, Remember me? Purchased it! Now i wanna know like how to use it with your j query form.
Like a lightbox.
Thanks, cool product!
Hi crio, Yes I remember
Thanks for purchase and your comment ! Have fun with this plugin .
Regards
Hi loopus i cant make it work :/
please check the link and show what i did wrong please
www.focusacutus.com
i used it in the newsletter link below
Thanks a lot!
this link
Subscribe To Our Newsletter
a id=”demo6” ref=”javascript:” onclick=”notice();” class=”btn”>Subscribe To Our Newsletter
Hello,
Sorry, but I don’t see the link. Did you remove it ?
yeah i am trying to put that subscribe by email but is not working :/
http://prntscr.com/2bblx0Now visit this link: focusacutus.com , check below middle for the newsletter button. isnt working
Thanks mate
Ah yes, thanks.
You need to put your JS code between :
$(document).ready(function(){ // the code here });
hi i cannot make it work :/
please check what i did wrong loopus i dont know much abt programming, thanks a lot
No pb .
You need to remove [pre] tags in the script .
Hi sent u a mail
thanks charly, you are really fast in support! 5 star support
Warm Regards
Thanks
hi, it’s not working with jquery-2.0.3.min.js
and getting this error: “TypeError: $.browser is undefined”
Hello,
Simply use the jQuery migrate plugin (load it just after jquery) :
http://code.jquery.com/jquery-migrate-1.2.1.min.jsHi, I purchased Super Notice today through Code Canyon and it works as expected except for one issue, I am passing a simple function to the “onClose” parameter, but the passed function is not invoked when the Notification closes. Any idea what I might be doing wrong, or has this problem been reported earlier. Here is my code
$j(“body”).superNotice({ html:”Test message ”, theme:”yellow”, id:”1”, title: “Welcome”, position:”bottomRight”, autoClose :true, autoCloseDelay : 10000, onClose : function(param) { console.log(‘onClose method of notification called’ + param); } });
Hello,
The bug is fixed, and the new version is sent to CodeCanyon. Thank you for your report and your email.
Hi,
First off, great plugin, however, small issue. $.browser has been deprecated as of jquery 1.3 and removed as of 1.9, I’m using 1.10 – so I’m sure you can see the problem. Can you release a fix or an updated version at all?
Thanks
Hello,
You can use the jQuery Migrate library : https://github.com/jquery/jquery-migrate/#readme$.browser will work .
Regards,
Also, is it possible to make a dark overlay appear on the page behind the popup? (like a lightbox/fancybox)
It’s not an included, but you can do it using a div with background-color: rgba(0,0,0,0.5), and display it using plugin public methods .
Is it possible to make the popup appear in the center of the page? (fully centered – vertically and horizontally)?
Hello,
Yes, I can send you a special version. The notification can be centered, but you can’t display many centered popup at same time .
Please contact me from my profile after purchase, I’ll send it to you.
Thanks for your quick reply!!
Can I make it so that the popup is centered, and then when you click on a button within the popup (like “submit form”) it shows a different popup instead, with a different size?
Yes .
$("body").superNotice({ html: "Demo content", id: "myNoticeID", position: "center", buttons: [{ label: "Click here", click: function(){ $("body").data("superNotice").close("myNoticeID"); // after, initialize your second notice } }] });