une fenêtre à ouvrir et fermer sur l'index

[Saras7]

Bonjour ici ! J'espère ne pas m'etre trompé d'endroit pour poster ^^

Je viens vous exposer un problème ici présent car je n'arrive pas trop à en trouver la solution, et j'avoue ne pas savoir si ma demande est possible ou pas (si elle est faisaible) ni comment la formuler correctement.

Alors voilà mon problème. Pour un nouveau design sur mon forum, j'aurais souhaiter voir apparaitre sur la droit de l'index du forum une sorte de fenêtre, au même titre que les widget, mais à une différence près : J'aimerais que cette fenêtre en question puisse s'ouvrir et se fermer sur demande d'un simple clic. Ainsi une fois ouverte, la fenêtre de déploierait et dévoilerait son utilité.

En gros pour être plus précise je souhaiteras avoir un système similaire à celui de la Chatbox box que l'on place sur les côté du forum et qui s'ouvre si l'on souhaite s'y connecter à l'aide du bouton "ouvrir/fermer".
A l'intérieur de ma fenêtre je souhaitais intègre mon code iframe, qui est en réalité un puzzle en ligne à reconstituer.

Voilà donc mon problème. Je voulais savoir si cette fonctionnalité était possible, si quelqu'un connaissait le genre de code qu'il faudrait mettre, et sur quel template, afin que cette fenêtre puisse fonctionner.

Je me suis permise de faire deux montage, dessin de ce que j'aimerais afin que ma demande soit plus précise :

voilà ce que j'aimerais voir lorsque la fenêtre est fermer : https://i.servimg.com/u/f35/15/45/88/01/caps210.png
et voilà ce que j'aimerais voir apparait une fois la fenêtre ouverte : https://i.servimg.com/u/f35/15/45/88/01/caps310.png

J'espère avoir été assez compréhensible, et j'espère également de tout cœur que ma demande soit réalisable et que l'un d'entre vous puisse me venir en aide

[Alex Fowl]

Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

---

Bonsoir,

Pouvez-vous me fournir le code de votre puzzle ?
De quel côté voulez-vous avoir cette fenêtre ? Gauche ou droite ?

Cordialement,

[Saras7]

Bonsoir, et Merci pour votre rapidité de réponse ainsi que de l'aide que vous m'apportez

Le code du puzzle est le suivant :

Code:

<iframe width="100%" height="600" frameborder="0" src="http://www.jigsawplanet.com/?id=8620fccbcc062a15&amp;iframe=1" title="Kittens - online jigsaw puzzle - 24 pieces">[Your web browser does not support frames or is currently configured not to display frames. However, you may visit <a href="http://www.jigsawplanet.com/?id=8620fccbcc062a15" target="_blank">the related page</a>.]</iframe>

Sachant que celui-ci sera changé une fois par semaine mais ce n'est pas le plus important

Pour ce qui est de la position de cette fenêtre j'aimerais que celle-ci se trouve sur la droite du forum (la chatbox se trouvant déjà sur la gauche)

J'espère avoir répondu correctement à vos questions ?!

[Saras7]

UP !

[Alex Fowl]

Bonjour,

Dans votre panneau d'admin : Affichage ==> Généralités ==> Message sur la page d'accueil.

Coller ce code !

Code:

<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr>

<td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('objet').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td>

<td><iframe src="http://www.jigsawplanet.com/?id=8620fccbcc062a15" id="objet" scrolling="no" style="width: 480px; height: 385px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td></tr></table>


---

-Si le système latéral est trop grand ou trop petit par rapport à l’objet mit dedans :

Dans cette partie du code :

Code:

<iframe src="http://www.jigsawplanet.com/?id=8620fccbcc062a15" id="objet" scrolling="no" style="width: 480px; height: 385px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe>

Il y a : style="width: 480px; height: 385px;
width correspond à la largeur et height à la hauteur !
Donc par exemple si la largeur est trop grande, réduire width jusqu'à ce qu’elle vous convienne !

---

- Pour changer le puzzle : Rechercher cette partie dans le code du puzzle :

Code:

<a href="http://www.jigsawplanet.com/?id=8620fccbcc062a15" target="_blank">the related page</a>

Et copier ce lien : http://www.jigsawplanet.com/?id=8620fccbcc062a15 (Il change bien sur à chaque puzzle).

Rechercher dans le code de la fenètre ceci :

Code:


<td><iframe src="http://www.jigsawplanet.com/?id=8620fccbcc062a15" id="objet" scrolling="no" style="width: 480px; height: 385px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td></tr></table>

Le lien est à mettre ici : src="http://www.jigsawplanet.com/?id=8620fccbcc062a15"

Voilà !

Cordialement,

[Saras7]

C'est génial !! Ca marche Merci infiniment

Je pensais qu'il fallait absolument le mettre dans un template en fait ? d'ailleurs, est-ce que cela est possible de le faire ? (ou est que ce code, ne peut être mis que sur la P.A ?)

Sinon je me contenterais du code dans la page d'accueil, qui marche très bien !! Je n'ai plus qu'a changer les bouton ouvrir et fermer.

Vous m'ôtez une grosse épine du pied, merci à vous !

EDIT : Autres questions ! Si à l'avenir je souhaitais mettre en dessous une autre fenêtre contenant un même iframe de ce type, dois-je changer quelque chose en particulier sur le code, ou je me contente juste de faire le même et de changer l'url de l'objet ?

EDIT 2 : J'ai juste un léger souci en fait, et je ne sais pas si cela vient de moi ou pas...des que j'ouvre la fenêtre, j'ai un encadré blanc qui apparait, comme-ci le puzzle ne souhaitait pas s'afficher.
Capture ici :https://i.servimg.com/u/f35/15/45/88/01/caps211.png

Je suis obliger de cliquer sur le titre le logo du site juste a dessus (pour avoir apparaitre la page d'accueil du site) et ensuite faire un clic-droit "page précédente", pour être sur de voir apparaitre le puzzle. S'agit-il d'un problème d'affichage qui vient de chez moi ? ou est-ce que c'est la page qui a du mal à se lancer sur ce code ?

[Alex Fowl]

Bonjour,

Non, il ne sera pas possible d'en rajouté un deuxième du même côté !

Edit :

Pour le problème d'affichage, il doit s'agir d'un problème de chargement du jeu, en ouvrant et refermant la fenêtre rétractable, le jeu doit s'afficher !

Cordialement,

[Saras7]

Très bien, merci encore pour votre aide ! J'ai placer le sujet en "résolu" ^^