JQuery HowTo

De Wikifago.

• Pour vérifier que JQuery est chargé avant le chargement d'un fichier javascript qui utilise Jquery, insérer le code suivant au début du fichier js. Ainsi si l'import de JQuery n'est pas réalisé avant avant l'import du fichier un message d'alerte s'affichera.

isJqueryLoaded();

//Il faut que jquery soit importé avant ce fichier
function isJqueryLoaded(){if (typeof jQuery == 'undefined') {alert('fichier.js a besoin que jquery.js soit charg\u00E9');}}

• Exemple de boucle sur éléments DOM avec un selector JQuery complexe :

La code suivant boucle sur tous les enfants de l'élément div d'id "content_2" n'étant pas de la classe "product"

//affichage de la taille de tous les element fils de content_2 sauf de classe 'product'
$.each( $('div#content_2 > *:not(.product)'), function(i){
  alert($(this).height());
});

• Exemple de selecteur ramenant le troisième input de type text contenu dans un div dont la classe est hdrcell

elem=$("div .hdrcell > :input[@type=text]")[2];

• Exemple de ratachement d'un event avec un selecteur ramenant les input de type checkbox contenus dans un div dont la classe est hdrcell

$('.hdrcell :checkbox').change(function() {
  masterChkChange($(this).attr('checked')?1:0);
});

• Exemple permettant de forcer la déconnexion en vidant le cache d'authentification, en cas d'utilisation de la BASIC authentification.

A mettre dans la page de login de l'application !

$(document).ready(function(){
  var ua = window.navigator.userAgent;
  var msie = ua.indexOf('MSIE ')>=0;
  var isIE11 = ua.indexOf('Trident/7')>=0;

  if (msie || isIE11) {
    document.execCommand("ClearAuthenticationCache");
  } else {
      jQuery.ajax({
      username: 'exit401',
      password: 'bad',
      url: "/login.jsp",
      type: 'GET',
      beforeSend: function(xhr){
        xhr.setRequestHeader("Authorization", "Basic logout");
      },
      error: function(err) {/*normal il faut un status 401*/}
    });
  }
});