loopus

loopus supports this item

Supported

This author's response time can be up to 1 business day.

39 comments found.

VERY GOOD PRODUCT! EXCELLENT AND RESPONISIVE SUPPORT!

Is it possible to position relative to a DIV?

Hello,

Yes, like this :

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

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

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 .

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,

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

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,

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

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 ?

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

Supernotice is a perfect implementation of popup notices. And the author support is very good too.

Thanks :)

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

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

Awesome product and superb support. Thanks Charly.

Thank you :)

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>

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 ...
   }
});
by
by
by
by
by
by