Categories
Related Products
Follow @expbuilder
Subscribe to to get latest news
|
| Visit ExpBuilder group |
ExpBuilder MSN PopUp messages script v1.0
Create your own ads on your page with sound effect, see the test demo on left bottom corner of page…
Format:
$(“selected element”).msnpopup(options{soundsrc, align, showagian,close,closeforever,playsound});
To create one:
1- include the jquery file like this inside the <head> tag:
- <script type=”text/javascript” src=”jquery-1.4.4.min.js”></script>
to download it from here: Jquery.com
2- include the msnpopup script file like this inside the <head> tag:
- <script type=”text/javascript” src=”msnpopup.expbuilder.js”></script>
3- create your own form like:
<div id="myownform">
Put here what you want !!
To make the close button create button or link or any element you want and add it to your own form with class name: closebutton
<input type="button" class="closebutton" value="No Thanks!">
to close the form and never open again until restart the browser use class : closeme
<input type="button" class="closeme" value="Don't show this message again">
</div>
4- Now call the script by the next javascript lines:
- <script type="text/javascript">
$("#myownform").msnpopup();
</script>
How i can change the settings ?
1- set your own sound by using soundsrc option
- <script type="text/javascript">
$("#myownform").msnpopup({'soundsrc':'myownsound.mp3'});
</script>
2- stop sound by using playsound option:
- <script type="text/javascript">
$("#myownform").msnpopup({'playsound':false});
</script>
3- set the popup area corner by align option: default is right
- <script type="text/javascript">
$("#myownform").msnpopup({'align':'left'});
</script>
4- set the remaining time when close the popup seconds by showagian option: default is 30 sec
- <script type="text/javascript">
$("#myownform").msnpopup({'showagian':60});
</script>
5- change the close button selector by close option: default is ‘.closebutton’
- <script type="text/javascript">
$("#myownform").msnpopup({'close':'#my_own_ID_for_close_button'});
</script>
6- change the selector button of close for ever by using closeforever option: default is ‘.closeme’
- <script type="text/javascript">
$("#myownform").msnpopup({'closeforever ':'#my_own_ID_for_close_button_forever'});
</script>









