AJAX modald dialog, fire onload wenn referer == <whatever>

Question

Ich versuche meine index.html zu ändern, um ein modales Fenster anzuzeigen, wenn der Referer zu meiner Site == (z. B. wenn sie von Google kommen, ein "Willkommen Google-Dialogfeld mit einem Bild darin.

Ich benutze FancyBox, aber ich bin nicht damit verheiratet.

Irgendwelche Vorschläge, wie man es kodiert? Ich bin ein C++ Programmierer - Javascript ist nicht meine Stärke, also würden gerade Beispiele sehr geschätzt werden.

Vielen Dank im Voraus.

Answer 1

Sie werden ein paar Dinge benötigen: document.referrer und jQuery UI. jQuery UI macht Dialogfelder trivial einfach.

Sie können eine eingehende Beispiel aus dem documentation page aber zum größten Teil finden, ist es das, was Sie gehen zu müssen:

<script type="javascript/text"> 
    if (document.referrer.indexOf('google.com') > -1){ 
     $("#my-dialog").dialog("open"); 
    } 

    // this is the jquery code to set up the dialog box 
    $(function() { 
      // options would go inside the dialog() function 
    $("#dialog").dialog(); 
}); 

</script> 

benötigt HTML:

<div id="my-dialog"> 
This is where things get displayed 
</div>