2010-02-18 3 views
0

Je me suis battu avec cela depuis une semaine maintenant et semble frapper les murs partout où je vais ... alors là, je suis à la recherche d'aide avec cela .... hopfullyy c'est possible.Tile 2 popup windows

J'ai besoin carreler 2 fenêtres pop-up .... ne vous inquiétez pas ... pas les ennuyeux et ils seront à la demande de l'utilisateur

ok ... au point. Ce que j'essaie de faire, c'est d'avoir un lien sur mon site qui ouvre deux popups puis redirige vers une page spécifique.

BTW: les deux popups sont sur le même domaine et le lien.

Ce bit est assez facile je suppose, mais ici, il est plus détaillé décrivant les pièges et les raisons ... Je suis peut-être loin sur ce point s'il vous plaît dites-moi s'il y a une meilleure méthode.

OK..so c'est ce que im essayant de faire et pourquoi:

Tout d'abord j'ai le lien sur mon site.

En cliquant dessus, il ouvre une fenêtre qui est: top: 0 gauche: 0 largeur: hauteur screen.width : 100 (ce qui entraîne la hauteur intérieure de la nouvelle fenêtre étant 100px) menubar = 0, barre d'outils = 0, emplacement = 0, redimensionnable = 0, barres de défilement = 0, statut = 0

maintenant .. je veux coller les deux popups pour être exactement au-dessus de & ci-dessous je dois placer le deuxième popup à le fond exact de la première popup ... mais en raison de la taille supplémentaire due à la barre d'adresse et aux différences de navigateur etc. j'ai besoin de l'outer.height.

donc ce que je l'ai fait était placer un script dans popup.1 qui obtient le outer.height et le renvoie avec un message de réussite à l'ouverture (page originale qui a lancé le popup)

Je dois utilisez cette outer.height pour le deuxième popup pour lancer comme: haut: [la hauteur externe de popup.1] left: 0 largeur: screen.width hauteur: screen.height - [la hauteur extérieure de popup.1 ] menubar = 1, barre d'outils = 1, emplacement = 1, redimensionnable = 1, barres de défilement = 1, état = 1

maintenant ... en théorie cela aurait dû me donner deux po chiots qui couvrent complètement l'écran qui colle parfaitement avec popup.2 étant exactement ci-dessous popup.1 sans et l'espace ou le croisement. J'ai alors besoin de popup.2 (qui est la même que la page principale qui l'a lancé) pour envoyer un message de succès à la fenêtre de l'ouvreur/navigateur original et pour la page d'origine pour rediriger vers une autre page (page d'accueil). Parce que c'est la même chose que l'ouvreur, je suppose qu'il faudra vérifier si c'est l'original ou un popup afin qu'il sache envoyer ce message. De toute évidence, l'original n'a pas besoin d'envoyer ce message. Enfin, j'ai besoin de l'avoir ainsi quand popup.2 est fermé il envoie un message à l'ouvreur qui retourne l'ouvreur à la page originale de la lauch. encore une fois, l'original n'aurait pas besoin de faire cela, donc une vérification devrait avoir lieu.

Cela va-t-il fonctionner? sera-t-il cross-navigateur compatible? est-il une meilleure façon de le faire?J'espère que tout cela fait sens et quelqu'un peut aider ... Je ne vais pas poster mon code actuel comme c'est un gâchis et ne fonctionne pas ... hopfullyy mon concept est ok ... s'il vous plaît faites le moi savoir et toute l'aide de code serait être grandement apprécié.

Im heureux d'utiliser des bibliothèques si vous pensez que cela aidera. J'ai joué un peu avec jquery pour cela mais je n'ai toujours pas travaillé.

Si ce n'est pas possible alors quelqu'un s'il vous plaît dites-le moi, je peux repenser cela.

Tout conseil est très apprécié

Vive C

+0

Ceci est impossible avec JavaScript. Vous allez devoir trouver une solution de contournement. J'ai aimé la solution @ benpage ci-dessous. –

Répondre

1

il n'y a aucun moyen que vous pouvez faire exactement ce que vous voulez faire et avoir être identique dans tous les navigateurs/systèmes d'exploitation/environnements

ce Je suggérerais plutôt de montrer deux divs sur la page actuelle (vous pouvez mettre des iframes dans les divs si le contenu provient d'un serveur différent), faites les deux position: absolute et augmentez le zindex afin qu'ils soient toujours au top. De cette façon, vous avez un contrôle complet sur la position des «popups» sur l'écran.

si l'URL doit changer lorsque l'utilisateur clique sur le lien, vous pouvez toujours mettre un querystring sur le lien indiquant à la page suivante que ces « besoin de pop-up à afficher

+0

cool..thanks pour le conseil. – Cybercampbell