milosev.com
  • Home
    • List all categories
    • Sitemap
  • Downloads
    • WebSphere
    • Hitachi902
    • Hospital
    • Kryptonite
    • OCR
    • APK
  • About me
    • Gallery
      • Italy2022
    • Curriculum vitae
      • Resume
      • Lebenslauf
    • Social networks
      • Facebook
      • Twitter
      • LinkedIn
      • Xing
      • GitHub
      • Google Maps
      • Sports tracker
    • Adventures planning
  1. You are here:  
  2. Home
  3. JavaScript
  4. jQuery

Change page in the middle of Ajax request

Details
Written by: Stanko Milosev
Category: jQuery
Published: 31 May 2013
Last Updated: 31 May 2013
Hits: 3569

So, I had a problem where ajax call was started, but user changed the page, and after ajax call was finished some js script will be executed and inf bubble will be shown to the user, in a place where it shouldn't be.

To check if page has changed you can use hash of a page:

$(window).hashchange(function () {
	self.xhr.abort();
	console.log("abort");
});

Test self.xhr.abort() is actually aborting ajax call...

Checking whether a click event was triggered by physically mouse clicking or not

Details
Written by: Stanko Milosev
Category: jQuery
Published: 29 May 2013
Last Updated: 29 May 2013
Hits: 3215
$('#button').click(function (e) {
    if (e.clientX) {
        // physical click
    } else {
        // program click
    } 
});

From here.

Do not select hidden type

Details
Written by: Stanko Milosev
Category: jQuery
Published: 23 May 2013
Last Updated: 23 May 2013
Hits: 3509

As much as I understood, razor's

@Html.CheckBox("myInputName", false)

Will create HTML like:

<input id="myInputName" name="myInputName" type="checkbox" value="true" checked="checked">

<input name="myInputName" type="hidden" value="false" checked="checked">

If you want with jQuery to select just input which is not hidden, use following code:

$('input[name=myInputName]:not([type=hidden])'

Change form post method

Details
Written by: Stanko Milosev
Category: jQuery
Published: 01 May 2013
Last Updated: 01 May 2013
Hits: 3275

If you have form post method, like:

<form name="myForm" action="/myController/DoSomething?someId=myId" method="post">

and you want myId to change to something else, then you can use this code: 

var myPom = $("form[name=myForm]").attr('action');
myPom = myPom.replace("myId", "123");
$("form[name=myForm]").get(0).setAttribute('action', myPom);
  1. Send a string
  2. Few tips
  3. Unobtrusive validation
  4. Element select

Page 3 of 5

  • 1
  • 2
  • 3
  • 4
  • 5