Une fênetre sur une page [Pas de pop-up !]

**Maxow** · 15/03/2008, 19h35

Bonjour à tous,

Comme dab' je vais sur developpez pour tous mes soucis JS !

Je recherche actuellement comment faire pour créer (Surement un script) une petite fenêtre que je peut personnaliser à 100%, que je puisse bouger dans la page et qu'elle se ferme lorsque l'on quitte la page. En gros faire comme si c'était une image sur ma page, sauf que je peut la bouger.

Merci de votre aide,

M@x.

**SpaceFrog** · 16/03/2008, 09h15

window prototype ...

sinon dans les contributions une infobulle ...

**Maxow** · 29/03/2008, 14h14

Salut,

Merci de ta réponse et désolé pour le retard. J'ai recherché sur le web en utilisant les mot clés "Fenêtre DHTML" et j'ai trouve pas mal de résultats qui me correspondent bien. Seulement j'aimerais pouvoir inclure dans cette fenêtre une page web html mais je n'y parvient pas. (J'espère que je ne suis pas obligé d'utiliser une pop-up car ce n'est pas du tout pratique dans mon cas, il faut que la fenêtre reste toujours devant, qu'elle soir redimensionnable et retractable)

Merci beaucoup de votre aide.

J'ai aussi regardé dans les contributions mais j'ai testé et c'est pareil...

Merci,

M@x.

**Jumano** · 29/03/2008, 14h24

Bonjour,
As-tu regardé de "window prototype" comme te l'as dit SpaceFrog :
http://prototype-window.xilinus.com/samples.html

Sinon tu as également LightWindow :
http://www.stickmanlabs.com/lightwindow/

**Maxow** · 29/03/2008, 14h57

Merci de ta réponse.

J'avais déjà testé le script de cette page ; http://prototype-window.xilinus.com/samples.html

Mais seulement je ne peut pas intégré une page web complète dans cette fenêtre... J'ai testé en remplaçant les " par ces \" ou des ' mais rien n'y fait...

Voici une adresse pour vous montrer : http://maraumax.phpnet.org/test/test.php

Merci,
M@x.

**NikoGJ** · 29/03/2008, 21h51

Whaow whaow...
D'après le code source de ta page il y a quelques erreurs à l'utilisation de PWC:

Déjà l'inclusion des css dans la balise head (meme si elle fonctionne comme elle est actuellement) devrait être plus du style:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="themes/default.css" rel="stylesheet" type="text/css" />

au lieu de:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="themes/default.css" rel="stylesheet" type="text/css" >	 </link>

Bon ça, c'était pour faire mon chieur ^^

Ensuite, si j'ai bien compris ce que tu veux faire, c'est une fenêtre avec une autre page web à l'intérieur.
Actuellement, ce que tu fais, c'est de créer une fenêtre et d'affecter son contenu en lui passant une chaine de caractères représentant le code html de la page.

En fait...faudrait pas l'utiliser comme ça ^^''

Premièrement, tu crées une fenêtre comme tu l'as fait, (ne pas oublier l'identifiant unique de la fenetre en premier paramètre de la fonction Window):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
var win = new Window("main", {
       className: "alphacube", 
       width: 350,
       height: 400,
       zIndex: 100,
       resizable: true,
       title: "Prévisualisation du thème",
       showEffect: Effect.BlindDown,
       hideEffect: Effect.SwitchOff,
       draggable:true,
       wiredDrag: true
});

Ensuite, pour remplir le contenu de la fenêtre, tu as 4 méthodes possibles:

Par un appel Ajax: win.setAjaxContent(..)
Depuis une URL: win.setURL('page.html')
Depuis un élément HTML existant déjà sur ta page: win.setContent(..)
Depuis un string représentant du contenu HTML: win.setHTMLContent("<p>balbalbal</p>") (/!\ pas de balises <html>, <head> ou <body> la dedans, juste du contenu html!)

Le mieux, c'est encore d'aller voir la documentation de chacune de ces méthodes sur le site de PWC
Mais pour ce que tu compte faire, je pencherais pour l'une des 3 dernières méthodes

En espérant avoir été utile :p

Une fênetre sur une page [Pas de pop-up !]

JavaScript

Vue hybride

Discussions similaires

Partager

Partager