JQuery Challenge

$("#EmailAlertsForm, #EmailAlertsFormRegistered").submit(function (e) {
   e.preventDefault();
   ...

Select all Open in new window

v//Google CookieChoise //
document.addEventListener('DOMContentLoaded', function(event) {
cookieChoices.showCookieConsentBar('mysiteUK uses cookies to deliver jobs and content to you, some of the cookies we use are essential for parts of the site to operate.', 'Close', 'Learn more', 'http://www.mysiteUK.co.uk/terms/cookies/');
});
//End Google Cookie Choise //

$(document).ready(function () {

/* JBE Emailform submit */ 
$("#EmailAlertsForm, #EmailAlertsFormRegistered").submit(function (e) {
   e.preventDefault();
var email = $("#JBEemail").val();
var UserID = $("#JBEUserID").val();
var Validated = $("#JBEValidated").val();
var Sector = $("#JBESector").val();
var Region = $("#JBERegion").val();
var Location = $("#JBELocation").val();
var datastring = $("#EmailAlertsForm, #EmailAlertsFormRegistered").serialize();

if(email=='' || UserID=='') {
$('.error').fadeOut(200).show();
}
else {
$.ajax({
    type: "POST",
    url: "/actions/jbe.asp",
    data: dataString,
    success: function () {
$('.EmailAlertsForm').fadeOut(200).hide();
$('#EmailAlertsFormSuccess').fadeIn('slow');
if(UserID=='') {
$('#EmailAlertsFormSuccess').html('<span>' + email + '</span><br /><p>We have added ' + Sector + 'jobs ' + Region +', ' + Location +' to your alerts</p><div class="clearfix"></div>');
}
else{
$('#EmailAlertsFormSuccess').html('<span>Job Done !</span><p>We\'ll send you daily alerts about the latest ' + Sector + 'jobs in ' + Region +', ' + Location +' but before we do, please click the link on the email we have sent you to validate this email alert</p><div class="clearfix"></div>');
}
}
});
}
return false;
});
/* End JBE Emailform submit */ 


// End this script is the script that returns XML locations //	

$("#loc").autocomplete({
source: function (request, response) {
$.ajax({
url: "/scripts/locations.asp",
dataType: "xml",
data: {
"term": request.term
},
success: function (data) {
var items = [];
$("item", data).each(function (i, v) {
var item = {
location: $("location", v).text(),
region: $("region", v).text(),
label: $("label", v).text()
};
items.push(item);
})
response(items);
}
});
},
//			minLength: 2,
select: function (event, ui) {
$("#location").val(ui.item.location);
$("#region").val(ui.item.region);
$("#loc").val(ui.item.label);
}
});
// End this script is the script that returns XML locations //	

//Date Picker //
$(".datepicker").datepicker({
showOtherMonths: true,
selectOtherMonths: true
});
// End date picker //
/* Enable submitbutton */
$("input[type=submit]").removeAttr('disabled');
$("input[type=button]").removeAttr('disabled');
/* End Enable submitbutton */

//////////////////////////      Account Update    /////////////////////////////////

$("#Settings").submit(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: "/actions/updatesettings.asp",
data:$(this).serialize(),
success:function(result){
if(result==2){
// do something success
$('#SettingsUpdated').html('<p>Your account settings have been updated - thank you</p>');
$('#SettingsUpdated').fadeIn('slow');
}else {
// do something fail
$('#SettingsError').html('<p>Oops - something strange happened there - we were not able to update your settings - please try logging out of your account and logging back in.</p>');
$('#SettingsError').fadeIn('slow');
}
}});
}); 



        // grab the initial top offset of the navigation 
        var stickyNavTop = $('.nav').offset().top;
        // our function that decides weather the navigation bar should have "fixed" css position or not.
        var stickyNav = function () {
            var scrollTop = $(window).scrollTop(); // our current vertical position from the top

            // if we've scrolled more than the navigation, change its position to fixed to stick to top,
            // otherwise change it back to relative
            if (scrollTop > stickyNavTop) {
                $('.nav').addClass('sticky');
            } else {
                $('.nav').removeClass('sticky');
            }
        };
        stickyNav();
        // and run it again every time you scroll
        $(window).scroll(function () {
            stickyNav();
        });
    //End this script is the Sticky script //

	
	    //This script is the Twitter script //
    ! function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
            p = /^http:/.test(d.location) ? 'http' : 'https';
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = p + '://platform.twitter.com/widgets.js';
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, 'script', 'twitter-wjs'); // End this script is the Twitter script //
    //This script is the Facebook script //
    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    //End this script is the Facebook script //
    //This script is the Google + script //
    window.___gcfg = {
        lang: 'en-GB'
    };

    (function () {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
    //End this script is the Google + script //
    //This script is the Sticky script //
	});
//This script is the navigation expansion script //
function doSomething(elem) {
$(elem).parents("ul").children("li").show();
$(elem).parent("li").hide();
}
//End this script is the navigation expansion script //
  $(function() {
    $(".tooltip").tooltip();
  });

$('button.closefb').click(function(){
 $(this).fancybox.close();
});

//////////////////////////      Email a friend     /////////////////////////////////

  $("#Alert").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/emailnotification.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==1){
            // do something success
	      $('#AlertSuccess').html('<p>Your message has been sent!</p>');
          $('#AlertSuccess').fadeIn('slow');
     		 $.fancybox.close();
          }else {
            // do something fail
	      $('#AlertError').html('<p>Something strange happened! Please try again!/p>');
          $('#AlertError').fadeIn('slow');
          }
  	  }});
  });
  
  
//////////////////////////      Register    /////////////////////////////////

  $("#Register").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/register.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==2){
            // do something success
     		 $('#RegisterFrm').fadeOut('fast');
			 $('#RegisterClose').fadeIn('slow');
          }else {
            // do something fail
			var email = $('#regemailaddress').val();
	      $('#RegisterError').html('<p>An account already exists with the username ' + email + '. Please either <a class="fancybox" href="#SignIn" rel="nofollow">Login</a> or <a class="fancybox" href="#PasswordRequestfrm" rel="nofollow">Reset your password</a></p>');
          $('#RegisterError').fadeIn('slow');
          }
  	  }});
  });
  
  
//////////////////////////      Login     /////////////////////////////////

  $("#SignIn").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/login.asp",
        data:$(this).serialize(),
		success:function(result){
          $('#SignInError1').hide();
          $('#SignInError2').hide();
         if(result==1){
            // do something fail
			var email = $('#signinusername').val();	
	      $('#SignInError1').html('<p>Sorry there is no account registered with the username ' + email + '. Please <a class="fancybox" href="#Register" rel="nofollow">register</a> an account to continue</p>');
          $('#SignInError1').fadeIn('slow');
          }
		  else if (result==2){
            // do something fail
			var email = $('#signinusername').val();
	      $('#SignInError2').html('<p>The password you have provided is not correct. Please try again or <a class="fancybox" href="#PasswordRequestfrm" rel="nofollow">Reset your password</a></p>');
          $('#SignInError2').fadeIn('slow');
          }
		  else {
            // do something success
     		 $.fancybox.close();
				if (location.pathname == '/passwordreset/passreset.asp') {
				  window.location = '/account/settings.asp';
				}
				else {
				   location.reload();
				}       
			 }
  	  }});
  });

//////////////////////////      Log Out     /////////////////////////////////

$("a.LogOut").click(function () {
var url = "http://www.mysiteUK.co.uk/actions/logout.asp";    
$(location).attr('href',url);
});

 //////////////////////////      PasswordRequest    /////////////////////////////////

  $("#PasswordRequestfrm").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/passwordrequest.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==2){
            // do something success
     		 $.fancybox.close();
			 location.reload();
          }else {
            // do something fail
			var email = $('#passwordresetinput').val();
	      $('#PasswordResetError').html('<p>Sorry there is no account registered with the username ' + email + '. Please <a class="fancybox" href="#Register" rel="nofollow">register</a> an account to continue</p>');
          $('#PasswordResetError').fadeIn('slow');
          }
  	  }});
  });
  
   
 //////////////////////////      PasswordReset    /////////////////////////////////

  $("#PasswordReset").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/passwordreset.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==2){
            // do something success
	      $('#PasswordResetConfirmation').html('<p>Your password has been reset. You can now <a class="fancybox" href="#SignIn" rel="nofollow">login</a> to your account using your new password.</p>');
          $('#PasswordResetError2').fadeOut('slow');
          $('#PasswordResetConfirmation').fadeIn('slow');

		  }
		  else {
            // do something fail
	      $('#PasswordResetError2').html('<p>Sorry we have experienced an error with your request. Please try to <a class="fancybox" href="#PasswordRequestfrm" rel="nofollow">reset your password</a> again.</p>');
          $('#PasswordResetError2').fadeIn('slow');
          }
  	  }});
  });
  
  
   
 //////////////////////////      Registered PasswordReset    /////////////////////////////////

  $("#RegisteredPasswordReset").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/registeredpasswordreset.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==2){
            // do something success
	      $('#RegisteredPasswordResetConfirmation').html('<p>Your password has been reset.</p>');
          $('#RegisteredPasswordResetError2').fadeOut('slow');
          $('#RegisteredPasswordResetConfirmation').fadeIn('slow');

		  }
		  else {
            // do something fail
	      $('#RegisteredPasswordResetError2').html('<p>Sorry we have experienced an error with your request. Please try to reset your password again.</p>');
          $('#RegisteredPasswordResetError2').fadeIn('slow');
          }
  	  }});
  });
  
 
 //////////////////////////      Close Account    /////////////////////////////////
 
 $('.CloseAccountFancybox').click(function () {
        $.fancybox([
            { href : '#CloseAccount' }
        ]);
    });

  $("#CloseAccount").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/closeaccount.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==2){
            // do something success
     		 $.fancybox.close();
			 $.cookie("UserAuth", null, { path: '/' });
			 var url = "http://www.mysiteUK.co.uk/";    
			 $(location).attr('href',url);
          }else {
            // do something fail
	      $('#CloseAccountError').html('<p>Oops - something strange happened there - we were not able to close your account, perhaps the password you provided was incorrect</p>');
          $('#CloseAccountError').fadeIn('slow');
          }
  	  }});
  }); 
  
  

//////////////////////////      Delete Alert    /////////////////////////////////
$('.deletealert').click(function () {
$("#AlertID").empty();
	$("#DeleteAlertSector").empty();
	$("#DeleteAlertLocation").empty();
	var AlertID = $(this).data('id');
	var DeleteAlertSector = $(this).data('sector');
	var DeleteAlertLocation = $(this).data('location');
	$("#AlertID").val(AlertID);
	$("#DeleteAlertSector").text(DeleteAlertSector);
	$("#DeleteAlertLocation").text(DeleteAlertLocation);
	$.fancybox([
		{ href : '#DeleteAlert' }
	]);
});   
  $("#DeleteAlert").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/deletecv.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==1){
            // do something success
     		 $(this).fancybox.close();
			 location.reload();
          }else {
            // do something fail
	      $('#DeleteAlertError').html('<p>ErrorMessage here</p>');
          $('#DeleteAlertError').fadeIn('slow');
          }
  	  }});
  });
  
 // Contact Us Tinymce Editor Load //
	
        $("#ContactUsLink a").click(function () {
            tinymce.init({
                selector: "textarea.addprofile",
                toolbar1: "paste | bold italic underline  | alignleft aligncenter alignright alignjustify | bullist numlist | ",
                menubar: false,
                toolbar_items_size: 'small',
                paste_as_text: true,
                browser_spellcheck: true,
                statusbar: false,
                height: 400,
                style_formats: [{
                    title: 'Bold text',
                    inline: 'b'
                }, ],
            });
       });	
		
//////////////////////////      ContactUs    /////////////////////////////////

  $("#Contact").submit(function(e){
      e.preventDefault();
    $.ajax({
		type: "POST",
        url: "/actions/contactus.asp",
        data:$(this).serialize(),
		success:function(result){
          if(result==2){
            // do something success
     		 $.fancybox.close();
			 location.reload();
          }else {
            // do something fail
	      $('#ContactError').html('<p>Oops - something strange happened there. Your email has not been sent. Please try again!</p>');
          }
  	  }});
  });
  
 

////////////////////////////// Fancy box ///////////////////////////////////////////////////
$('.fancybox:not(.fancybox\\.iframe)').fancybox(
{
fitToView: false,
autoDimensions : true,
padding : 8,
scrolling : false,
closeBtn: false,
speedIn : 100,
//overlayOpacity : 1,
//overlayColor : '#222',
autoScale     :   false,
autoSize : true
});

$("a.fancybox.fancybox\\.iframe").fancybox({
fitToView: false,
autoScale     :   false,
autoSize : false,				
height : 139,
width : 498,
scrolling : false,
closeBtn: false
});

////////////////////////////////////////////////////////////////////////////////////////////////////// 

Select all Open in new window

<% if ResultsCount >= 10 then %>
<% If (Request("Region") <> "") OR (Request("Sector") <> "") OR (Request("Location") <> "") OR (Request("id") <> "") then %>
<!--% If (Request("clientid") = "") AND (Request("jobtype") = "") AND (Request("hours") <> "") AND (Request("keywords") <> "") then %-->
<%if Session("UID") = ""  then %>
<!--#include virtual="/parts/unregisterjbe.asp" -->
<%Else%>
<!--#include virtual="/parts/registerjbe.asp" -->
<!--%End if%-->
<%End if%>
<%End if%>
<%End if%>

Select all Open in new window

<form action="" method="post" name="EmailAlertsForm" class="EmailAlertsForm clearfix" id="EmailAlertsForm">
  <legend>Get <%=(MetaPage)%> emailed job alerts
  <input name="Validated" type="hidden" id="JBEValidated" value="N">
  <input type="hidden" name="Sector" id="JBESector" value="<%=Request("Sector")%>">
  <input type="hidden" name="Region" id="JBERegion" value="<%=Request("Region")%>">
  <input type="hidden" name="Location" id="JBELocation" value="<%=Request("Location")%>">
  </legend>
  <label for="Username">Get the latest <%=(MetaPage)%> direct to your inbox</label>
  <div style="float: left; width: 278px; padding: 0px 4px 4px 4px; margin-top: 8px; background-color: #608EC7; border-radius: 4px;">
  <div style="float:left; width:236px; padding-top:4px;">
  <input name="Username" type="email" required id="JBEemail" placeholder="Email address" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" maxlength="255"/>
  </div>
  <div style="float: left; width: 42px; padding-top: 5px;">
  <input name="EmailSignUp" type="submit" disabled="disabled" id="EmailSignUp"  value="GO"/>
  </div>
  </div>
  <!--div class="paperPlane"></div-->
  <div class="clearfix"></div>
</form>
<div id="EmailAlertsFormSuccess" style="display:none;"></div>

Select all Open in new window

$(document).ready(function () {
/* JBE Emailform submit */ 
$("#EmailAlertsForm").submit(function () {
var email = $("#JBEemail").val();
if(email=='') {
$('.error').fadeOut(200).show();
}
else {
$.ajax({
    type: "POST",
    url: "/actions/jbe.asp",
	data:$(this).serialize(),
    success: function () {
$('#EmailAlertsForm').fadeOut(200).hide();
$('#EmailAlertsFormSuccess').fadeIn('slow');
$('#EmailAlertsFormSuccess').html('<span>Job Done !</span><p>We\'ll send you daily alerts about the latest ' + Sector + 'jobs in ' + Region +', ' + Location +' but before we do, please click the link on the email we have sent you to validate this email alert</p><div class="clearfix"></div>');
}
});
}
return false;
});
});

Select all Open in new window