Comment définir et utiliser une variable avec iframes?

Question

J'ai écrit une petite page Web qui permet l'affichage en écran partagé dans n'importe quel navigateur compatible iframe. Il a des boutons de retour, des boutons vers l'avant, des boutons d'accueil, et des liens vers Bing et Google. Ce que j'essaie de comprendre, c'est comment stocker une valeur de la page d'accueil entrée par l'utilisateur. Je ne peux pas pour la vie de moi comprendre comment faire cela; J'ai essayé plusieurs tutoriels pour définir des variables dans les cookies. (Les cookies sont la bonne façon de le faire, non?)

This est la page à ce jour. Je souhaite supprimer les boutons Bing et Google et les remplacer par un bouton "Définir comme page d'accueil" à droite du bouton "Aller". Quel javascript, CSS, et magie HTML suis-je manquant ici?

La personne dont le travail sera réalisé sera crédité sur la page, à la fois sur la page d'accueil de l'iframe et dans le code source de la page principale.

Answer 1

Pour vous encourager à faire le codage vous plutôt que copy-and-pasting snippets from the Internet, je vais effectivement décrire la façon dont je le ferais, laissant à vous d'écrire le code réel. Le jQuery documentation site est très bien écrit et utile, mais vous devez également connaître le basics of JavaScript programming pour écrire de vrais scripts.

1. Le jQuery cookie plugin peut aider (la documentation est dans le code source). Exemple:

   // Setting the cookie 
   $.cookie('url1', 'http://www.google.com', { expires: 999 }); 
   
   
   // Reading the cookie 
   alert($.cookie('url1')); 
   

2. jQuery permet de joindre facilement les gestionnaires d'événements aux éléments, tels que when an element is clicked (pour effectuer une action lorsque le bouton « Set page d'accueil » est cliqué, par exemple).

   Il vous permet également de get values of form fields (pour obtenir l'URL pour définir la page d'accueil de), set the src URL of an iframe et run code when the page has loaded (les deux derniers pour charger les pages d'accueil dans les iframes lorsque l'utilisateur ouvre la page externe).

   Vous utilisez déjà tout cela dans l'extrait que vous avez soulevé pour le bouton Aller; c'est vraiment assez facile pour n'importe quel programmeur d'ajouter un stockage de cookie (utilisez des variables et une instruction if pour effectuer différentes actions selon que l'utilisateur a sélectionné une page d'accueil). En raison du same-origin policy utilisé pour protéger la confidentialité et la sécurité des utilisateurs sur le Web, il n'est pas possible d'obtenir l'URL d'une page chargée dans l'iframe. Vous seriez uniquement en mesure d'ajouter un support pour définir l'URL de la page d'accueil à ce qui est dans la zone de texte.