AJAX boîte de dialogue modale, fire onload si referer == <whatever>

J'essaie de changer mon index.html pour montrer une fenêtre modale si le referer sur mon site == (par exemple, si elles viennent de Google, afficher un "Bienvenue Googler "boîte de dialogue avec une image à l'intérieur de celui-ci). J'utilise FancyBox, mais je ne suis pas marié à cela.AJAX boîte de dialogue modale, fire onload si referer == <whatever>

Avez-vous des suggestions pour le coder? Je suis un programmeur C++ - Javascript n'est pas mon fort, donc des exemples simples seraient très appréciés.

Merci d'avance.

Source

2009-07-20 Disco

Cela me frappe comme "Argh! Tais-toi, je ne veux pas faire un sondage, je ne veux pas regarder une publicité, je vais m'éloigner de moi et me laisser sur la page!" barrière. Je ne voudrais vraiment pas déranger. – Quentin

Ce n'est pas. C'est une fenêtre de "téléchargement" qui me permet de savoir qui a téléchargé le produit et d'où il vient. Sans entrer dans une discussion sur la raison pour laquelle je devrais utiliser des cookies au lieu de cela (prenez juste ma parole pour dire que c'est la meilleure façon de le faire), c'est la méthode préférée - et je pense que les visiteurs préféreront , ainsi que. FWIW, l'environnement est PHP/Apache. – Disco

Pourquoi avez-vous besoin d'une boîte de dialogue modèle pour identifier automatiquement d'où ils viennent? – Quentin

Vous aurez besoin de deux choses: document.referrer, et jQuery UI. L'interface utilisateur jQuery rend les boîtes de dialogue triviales.

Vous pouvez trouver un dans l'exemple profondeur de la documentation page mais pour la plupart, c'est ce que vous allez avoir besoin:

<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>

nécessaire HTML:

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

Source

2009-07-20 13:39:15 helloandre

Merci. Comment configurer le "# my-dialog" dans le HTML? c'est-à-dire, où dans le HTML dois-je marquer la "fenêtre" (dans ce cas, une image) avec "# my-dialog"? – Disco

"my-dialog" est l'identifiant de la div qui contient le dialogue – helloandre

Scratch cette question ... J'ai trouvé la réponse sur la page de documentation que vous aviez déjà liée. Je vous remercie! – Disco

AJAX boîte de dialogue modale, fire onload si referer == <whatever>

Répondre

Questions connexes