jQuery colorbox - Obtenir le paramètre url du lien cliqué

Question

J'utilise Colorbox pour charger un formulaire de contact dans une iframe.

Cependant, je veux que l'URL Colorbox soit différente de celle du HTML, pour servir une page de contact différente pour les utilisateurs JS et non-JS.

J'ai besoin d'obtenir le paramètre url du lien cliqué exactement si.

Code HTML:

<a href="contact?id=XX" class="enquiryForm"> 

Code Colorbox:

$(document).ready(function(){ 

$('.enquiryForm').colorbox({height:600, width:800, iframe:true, href: 'colorboxcontact?id=XX'}); 

}); 

Où 'contact' est la page non-JS et 'colorboxcontact' est la page à charger dans le Colorbox iframe.

Comment puis-je extraire le paramètre url du lien cliqué sur, puis l'ajouter à la valeur href 'colorboxcontact' dans mon appel jQuery?

* EDIT *

Ok je suis arrivé à l'adresse suivante mais ne pas fonctionner. Quelqu'un peut-il indiquer où je vais mal?

$('.enquiryForm').colorbox({ 
    height:600, 
    width:800, 
    iframe:true, 
     href: $('.enquiryForm').each(function() { 
     newhref = 'colorboxcontact' + $(this).attr('href').split("?")[3]; 
     $(this).attr('href', newhref); 
    }); 
    }); 

Answer 1

Pour obtenir des informations de la chaîne de requête spécifique pour la chaîne URL dont vous avez besoin cette fonction à l'adresse:

How can I get query string values in JavaScript?

légèrement modifié:

function getParameterByName(url, name) 
{ 
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
    var regexS = "[\\?&]"+name+"=([^&#]*)"; 
    var regex = new RegExp(regexS); 
    var results = regex.exec(url); 
    if(results == null) 
    return ""; 
    else 
    return decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

donc vous va se retrouver avec quelque chose comme ceci:

$('.dialog-open').each(function() { 
    $(this).colorbox({ 
    height: 600, 
    width: 800, 
    iframe: true, 
    href: "contact?id=" + getParameterByName($(this).attr("href"), "id") 
    }); 
}); 

Answer 2

Utilisez un .each() pour obtenir la valeur, comme celui-ci:

$(document).ready(function(){ 
    $('.enquiryForm').each(function() { 
    $(this).colorbox({ 
     height: 600, 
     width: 800, 
     iframe: true, 
     href: $(this).attr("href") 
    }); 
    }); 
}); 

.each() vous donne accès à chaque <a> que vous en boucle sur eux par l'intermédiaire this. Si vous ne vous inquiétez pas si c'est une URL complète ou non, vous pouvez remplacer $(this).attr("href") avec this.href (IE pleinement nuancer), comme ceci:

$(function(){ 
    $('.enquiryForm').each(function() { 
    $(this).colorbox({ height: 600, width: 800, iframe: true, href: this.href }); 
    }); 
}); 

Answer 3

Je pense que peut-être une approche simple serait de mettre le href à une fonction qui renvoie le lien.

$(document).ready(function(){ 
    $('.enquiryForm').colorbox({ 
     height:600, 
     width:800, 
     iframe:true, 
     href: function(){ 
      return $(this).attr('href'); 
     } 
    }); 
});