Simple Modal Window + jQuery Cookie -

-

i use plugin jquery simple modal window display modal window. use jquery cookie plugin (jquery.cookie.js) set cookies. how can mix jquery simple modal window , jquery cookie? it`s necessary after clicking on "continue" button, cookies set , modal window in future doesnt appear users. i'm sorry, i'm beginner.

this code:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript"> $(document).ready(function() {    //put in div id want display  launchwindow('#alert');   //if close button clicked  $('.window .close').click(function (e) {   $('#mask').hide();   $('.window').hide();  });   });   //if close button clicked  $('.window .close').click(function (e) {   //cancel link behavior   e.preventdefault();    $('#mask').hide();   $('.window').hide();  });     //if mask clicked  $('#mask').click(function () {   $(this).hide();   $('.window').hide();  });  function launchwindow(id) {    //get screen height , width   var maskheight = $(document).height();   var maskwidth = $(window).width();    //set heigth , width mask fill whole screen   $('#mask').css({'width':maskwidth,'height':maskheight});     //transition effect     $('#mask').fadein(1000);    $('#mask').fadeto("slow",0.95);    //get window height , width   var winh = $(window).height();   var winw = $(window).width();                //set popup window center   $(id).css('top',  winh/2-$(id).height()/2);   $(id).css('left', winw/2-$(id).width()/2);    //transition effect   $(id).fadein(2000); } </script>  <script type="text/javascript"> $(function() { $('#button').click(function(e) { $.cookie('the_cookie', '1', { expires: 999 }); }); }); </script>  </head> <body> <!-- start alert block --> <div id='boxes'> <div id='alert' class='window'> text... <input type="button" id="button" value="" class='close warn_buttons'/>  </div> <!-- mask --> <div id='mask'></div> </div> <!-- end alert block --> </body> </html>

don't call launchwindow() if cookie set.

if(!$.cookie('the_cookie')){   launchwindow('#alert'); }

Comments

Post a Comment

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

-
ho can set spacing beween stars? thats ratingbar: ratingbar = (ratingbar) inflater.inflate(r.layout.ratingbar, null); ratingbar.setlayoutparams(new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content)); the layout: <?xml version="1.0" encoding="utf-8"?> <ratingbar xmlns:android="http://schemas.android.com/apk/res/android" style="@style/mystyle" android:layout_alignparentright="true" android:layout_height="19dp" android:layout_width="wrap_content" android:numstars="5"> </ratingbar> the style: <style name="mystyle" parent="@android:style/widget.ratingbar"> <item name="android:progressdrawable">@drawable/android_r2_ratingstar_yellow</item> <item name="android:indeterminatedrawable">@drawable/android_r2_ratingstar_grey</item> </style> thanks, cheers you have
Read more

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

-
i'm using devexpress grid , i'm trying 'country' column display header filter properly: <dx:gridviewdatacolumn caption="country" fieldname="countryname" showincustomizationform="true" visible="false"> <settings allowheaderfilter="true"/> </dx:gridviewdatacolumn> if 'country' column set visible='true', header filter displayed should(it shows value option list). however, want 'country' column hidden, available in customization window(like in code above). in case, when column dragged outside customization window , grid , header filter clicked, javascript error encountered: element null element.addeventlistener(eventname, func, true); is known bug? there workarounds? set aspxgridview.settings.showheaderfilterbutton property true resolve problem. the following markup works fine me (i using dxperience 10.1.7): <asp:accessdatasource id="accessda
Read more

c# - How to execute a particular part of code asynchronously in a class -

-
i creating speech recognition engine that's going respond user commands.i have created button enable , disable speech recognition per user convenience.i have used dispose() of speech engine disable speech recoginition.here code private void button1_click(object sender, routedeventargs e) { engineon = !engineon; if (engineon) { speechengine = speech.createspeechengine(); //speech class creates , returns new speech engine. speechengine.audiolevelupdated += new eventhandler<audiolevelupdatedeventargs>(speechengine_audiolevelupdated); // use system's default microphone speechengine.setinputtodefaultaudiodevice(); speechengine.loadgrammar(new dictationgrammar()); // start listening speechengine.recognizeasync(recognizemode.multiple); } else { speechclass.myengine.dispose(); } } but disposal of speech obj
Read more