jQuery colorbox - get-url-parameter von link geklickt

Ich bin mit Colorbox laden Sie ein Kontakt-Formular in einem iframe.

Allerdings möchte ich die Colorbox url, anders zu sein als die html -, zu dienen, bis ein anderer Kontakt-Seite für JS und nicht-JS-Nutzer.

Ich tun müssen, um die url-parameter von den exakten link geklickt obwohl.

HTML-Code:

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

Colorbox code:

$(document).ready(function(){

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

});

Wo 'Kontakt' ist das nicht-JS-Seite und 'colorboxcontact' ist die Seite geladen, in der Colorbox iframe.

Wie kann ich extrahieren Sie die url-parameter von der geklickt link, und fügen Sie es auf die colorboxcontact' href-Wert in meinem jQuery-Aufruf?

* EDIT *

Ok ich hab mir angekommen, bei den folgenden aber immer noch nicht, das es funktioniert. Kann mir jemand zeigen, wo ich falsch?

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

InformationsquelleAutor Luke | 2010-11-01

2

Bestimmte query-string-info für die url-Zeichenfolge, die Sie benötigen diese Funktion, zu finden unter:

Wie kann ich get-query-string-Werte in JavaScript?

etwas modifiziert:
```
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, " "));
}
```
ja dann werden Sie am Ende mit etwas wie dieses:
```
$('.dialog-open').each(function() {
   $(this).colorbox({
     height: 600, 
     width: 800, 
     iframe: true, 
     href: "contact?id=" + getParameterByName($(this).attr("href"), "id")
   });
});
```
Die "Antwort auf Ihre Frage" - button scheint nicht zu funktionieren in Safari... trotzdem, vielen Dank, ich habe es bereits gelöst, wie diese:
$('.enquiryForm').each(function() { var loc = $(this).attr('href').split('?'), base = loc[0], query = "; if (loc[1]) { $(this).attr('href', 'colorboxcontact' + '?' + loc[1]); } else { $(this).attr('href', 'colorboxcontact?id=XX'); } }); $('.enquiryForm').colorbox({ height:600, width:550, iframe:true });

InformationsquelleAutor Wojciech Szymanski
1

Verwenden .each(), um den Wert, so wie hier:
```
$(document).ready(function(){
  $('.enquiryForm').each(function() {
    $(this).colorbox({
      height: 600, 
      width: 800, 
      iframe: true, 
      href: $(this).attr("href")
    });
  });
});
```
.each() haben Sie Zugriff auf alle <a> als Sie die Schleife über Sie, über this. Wenn Sie nicht kümmern, wenn es einen voll qualifizierten url, oder nicht, können Sie ersetzen Sie $(this).attr("href") mit this.href (IE voll zu qualifizieren), so:
```
$(function(){
  $('.enquiryForm').each(function() {
    $(this).colorbox({ height: 600, width: 800, iframe: true, href: this.href });
  });
});
```
Hallo Nick - ich hatte versucht, etwas ähnlich wie diese, und es wird die ganze url ein, aber was ich wirklich versuche zu tun ist, greifen die '?=XX' parameter, und fügen Sie es an eine andere url, wenn das Sinn macht...
Also anstatt " Kontaktieren?id=XX', wird es 'COLORBOXcontact?id=XX". Dies ist, weil ich habe eine andere Seite Vorlage für die colorbox-form standard-form für nicht-JS-Nutzer (ohne Header, etc). Irgendeine Idee, wie das zu tun?

InformationsquelleAutor Nick Craver

Ich denke, vielleicht ein einfacher Ansatz wäre, um die href auf eine Funktion zurückgibt, die den link.

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

InformationsquelleAutor Greg Alexander

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.