Popu au dessus de la page ?

[oliver70]

Bonjour,

J'ai une page avec une petite photo (Photo.htm). Quand on clique sur le menu de ma page principale, j'ai cette image (Photo.htm) qui s'ouvre dans un popup de 200x200.

Je voudrais savoir comment faire pour que cette petite fenêtre (photo) reste au dessus de toute les autres tant que la personne ne la ferme.

Voici mon code :

<a href="http://mon-site/Photo.htm" onclick="window.open(this.href, 'exemple', 'height=200, width=200, top=100, left=300, toolbar=yes, menubar=no, location=no, resizable=no, scrollbars=no, status=yes'); return false;">La photo du jour</a>

Cela fonctionne. Il me reste juste à trouver ce qu'il faut rajouter pour que cette fenêtre reste au dessus des autres ?

Merci de votre aide car j'ai cherché sans rien réussir

a +++

[Mumuri]

utilise light box, c'est plus joli et c'est fait pour çà

http://www.dynamicdrive.com/dynamicinde ... /index.htm

[oliver70]

Bonjour Mumuri,

Merci pour le lien. C'est vrai que cela est super bien fait. Je vais sûrement essayé de l'utiliser pour mes galeries photos.

Mais là je voudrais que mon popup reste au dessus des autres pages et qu'en même temps, la page du dessous soit utilisable.

Voici mon lien :

http://www.allo-olivier.com/Forums/index.php

en haut de la page sur le menu à droite de Carte, tu as webcam.

Cela ouvre (webcam), un petit popup. Et je voudrais seulement qu'elle reste au dessus de mon forum même si le membre ce ballade sur le forum ou que la personne ferme elle même le popup.

Il est peut être possible de rajouter une commande dans ma ligne de code ?

a +++ bonne après midi

Olivier

[julienr]

non ce n'est pas possible, d'ailleur as-tu déjà vu ce que tu demandes sur un autre site ?
une solution serait de l'intégrer sous ton header par exemple, si l'utilisateur le souhaite...

[oliver70]

Bonsoir Julienr

non ce n'est pas possible, d'ailleur as-tu déjà vu ce que tu demandes sur un autre site ?

[quote-humour-vaseux]Maintenant que tu me dis ça, c'est vrai que je n'ai jamais trouvé cela sur un site !!! mais cela veut peut être dire que si je trouve comment faire, je pourrais devenir riche et arrêter de grimper dans les arbres pour le boulot mais juste pour le plaisir [/quote-humour-vaseux]

Bon, je laisse tomber et je vais plutôt suivre ton conseil, essayer de l'intégrer dans le forum. Ce qui vat pas être facile. Je risque de revenir poser la question si je ne trouve pas

Merci de ton aide (de votre aide) et bon week end

[oliver70]

Rebonsoir,

Désoler, je ne savais pas si je devais recréer un nouveau message mais je ne voulais pas polluer.


Ayant décider d'intégrer mon image dans mon forum, je viens de le faire sur mon forum qui me sert juste à tester :

-http://www.allo-olivier.com/Forum-TEST/index.php

En bas de page. A droite, la pub Adsense et à gauche mon image de ma webcam en petit.

J'ai 2 petites questions que je n'arrive pas à résoudre. Le code HTML que j'ai fait (avec du mal) est celui ci :

<table width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="325"><div align="center"><img src="http://olivierchristelle.chez-alice.fr/mini_photo.jpg" width="118" height="88"></div></td>
<td width="325"><div align="center">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxx";
google_ad_width =
google_ad_height =
google_ad_format =
google_cpa_choice =
google_ad_channel =
//-->
</script>
<script type="text/javascript" src="http://pagea.googlesyndication.com">
</script></div></td>
</tr>
</table>

Je n'arrive pas à trouver ce qu'il faut rajouter pour :

En premier : effacer les lignes blanches qui sont autour et qui apparaissent seulement avec ce code ci dessus.

En deuxième : rajouter un lien cliquable qui ouvre un popup externe avec mon image de webcam en plus grand.

Merci de votre aide car je n'y arrive plus

Olivier

[julienr]

non non pas de problème, je pense qu'avec ce code ca devrait le faire :

Code: Tout sélectionner

<table width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="325" style="border:0px" align="center"><a href="http://mon-site/Photo.htm" onclick="window.open(this.href, 'exemple', 'height=200, width=200, top=100, left=300, toolbar=yes, menubar=no, location=no, resizable=no, scrollbars=no, status=yes'); return false;"> <img src="http://olivierchristelle.chez-alice.fr/mini_photo.jpg" width="118" height="88" border="0"><br>La photo du jour</a></td>
<td width="325" style="border:0px" align="center">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxx";
google_ad_width =
google_ad_height =
google_ad_format =
google_cpa_choice =
google_ad_channel =
//-->
</script>
<script type="text/javascript" src="http://pagea.googlesyndication.com">
</script></td>
</tr>
</table>

en faite pour ton 1°) tu dois avoir un style global de défini pour la balise td qui défini un border top et left de 1px
pour 2°) il suffit de reprendre ton premier bout de code

[oliver70]

Rebonsoir julienr,

Comment te remercier... ça marche super bien. C'est exactement ce que je désirais.

Encore merci pour ton aide. Je te souhaite un bon week end.

Olivier