Code

Discussion on jQuery Super Notice

Discussion on jQuery Super Notice

By
Cart 225 sales

loopus supports this item

Supported

This author's response time can be up to 2 business days.

41 comments found.

Ouch, so we can’t expect an update to newer jquery? MIgrate usage is not too cool :(

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?

Hello,
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?

Using the above code, it will open randomly one of the 6 notifications when the page is loaded. To limit to a notification by session, there is the code to use :
$(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

Hello,
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>

Awesome product and superb support. Thanks Charly.

Thank you :)

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

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?

ok , cool , do u have list of example parameters in the documentation , so that we can quickly adapt and use

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

Hello,
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 ?

Thanks :)
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 ?

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)

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 :)

Hi Loopus,

I want to play a movie a lightbox if I press a button.

Normally the code for the link is:

How could I implement to open the lightbox automatically if I press a button in the noticebox?

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 ?

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 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.js

Hi, 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
            }
        }]
    });

Is it possible to position relative to a DIV?

Hello,

Yes, like this :

  $("#myDivID").superNotice("Hello world !");
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey