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

**Maxow** · 29/03/2008, 23h24

Envoyé par NikoGJ

En espérant avoir été utile :p

Je t'aime ^^ Un GRAND MERCI pour ton aide. En ce qui concerne les </link> c'était dans la source d'un des pages de leurs sites... J'ai donc tout copier mais c'est corrigé

THX !

M@x.

**Maxow** · 30/03/2008, 15h47

Hop hop hop ^^

Je ne créer pas un nouveau sujet parce qu'il concerne le même. (PWC)

Je souhaite utiliser des id dans une fenêtre ouverte sur ma page ou même tester avant si elle est ouverte. (Avant de faire des modifs) Seulement je n'ai jamais "apprit" a testé ce genre de chose.

Merci de votre aide,
Je pense qu'il faut utiliser ce morceau de code :

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
});

(Attribut win ?)

Merci,
M@x.

**Maxow** · 04/04/2008, 08h40

Personne ne peut m'aider ?!

M@x.

**SpaceFrog** · 04/04/2008, 09h12

???
ben c'est une fausse fenetre, les id sont donc sur la même page...
ils sont atteignable avec

Code :

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

document.getElementById('...')

comme tous les autres id de la page ...

**Maxow** · 04/04/2008, 10h59

Ah, si simple que ça ^^

J'ai ajouté un système pour ouvrir le "fenêtre" en cliquant un lien : seulement j'aimerais modifier les valeurs que si cette "fenêtre" est ouverte. Quelqu'un aurait une idée pour moi ?

M@x.

**SpaceFrog** · 04/04/2008, 11h03

teste le style.display ou vibility de la fenetre ...
quoi que ... si tu regardes dans la doc il me semble me rappeler qu'il y a une prorpiété de la pseudo fenetre qui te retourne true ou false en focntion de son état de visibilité ...

**Maxow** · 04/04/2008, 18h42

Envoyé par SpaceFrog

teste le style.display ou vibility de la fenetre ...

Oulà c'est trop compliqué pour moi !

Je vais regarder sur Google.

Envoyé par SpaceFrog

quoi que ... si tu regardes dans la doc il me semble me rappeler qu'il y a une prorpiété de la pseudo fenetre qui te retourne true ou false en focntion de son état de visibilité ...

Je vais regarder si je trouve.

Sinon j'ai pensé (Si ça m'arrive ^^) à un solution en testant si un ID existe. Je test si un ID existe donc en fonction de si la fenêtre est ouverte ou pas... seulement encore je ne sais pas trop comment faire !

M@x.

**Maxow** · 04/04/2008, 18h51

C'est bon je pense avoir trouvé !

http://javascript.developpez.com/sou...tips#objexiste

Merci encore pour votre aide.

**Maxow** · 06/04/2008, 02h16

Et je remonte encore pour demander quelques trucs (Un seul pour le moment ^^)

Est-ce possible de modifier taille/couleurs des bordures (tableau, formulaires...) en javascript ?

Merci de votre aide,

M@x.

**SpaceFrog** · 06/04/2008, 11h59

Code :

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

1
2
3
4
var Obj =document.getElementById('truc');
 
Obj.style.borderWidth= "???px"
Obj.style.borderColor= "???px"

**NikoGJ** · 06/04/2008, 12h05

Est-ce possible de modifier taille/couleurs des bordures (tableau, formulaires...) en javascript ?

Si t'utilises la lib PWC pour les fenêtres, tu dois surement utiliser la lib Prototype, puisqu'il me semble que la première utilise la seconde.

Auquel cas tu peux aussi changer le style en passant par les méthodes fournies par Prototype:

Code :

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

1
2
3
4
5
6
Element.setStyle('id_de_mon_element', {
     borderColor: 'red',
     width: '120px',
     marginLeft: '102px',
     etc...(tous les autres styles css possibles)
});

**Maxow** · 06/04/2008, 14h20

Envoyé par SpaceFrog

Code :

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

1
2
3
4
var Obj =document.getElementById('truc');
 
Obj.style.borderWidth= "???px"
Obj.style.borderColor= "???px"

Merci beaucoup je vais testé ça tout à l'heure. Je n'ai pas trouvé ce morceau de code en recherchant sur le web. (J'ai d'ailleurs rien trouvé !)
Je pense que tu as fait une micro erreur :

Code :

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

Obj.style.borderColor= "???px"

doit surement être :

Code :

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

Obj.style.borderColor= "#??????"

Envoyé par NikoGJ

Si t'utilises la lib PWC pour les fenêtres, tu dois surement utiliser la lib Prototype, puisqu'il me semble que la première utilise la seconde.

Auquel cas tu peux aussi changer le style en passant par les méthodes fournies par Prototype:

Code :

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

1
2
3
4
5
6
Element.setStyle('id_de_mon_element', {
     borderColor: 'red',
     width: '120px',
     marginLeft: '102px',
     etc...(tous les autres styles css possibles)
});

Merci de ta réponse mais je pense que le modification que tu m'a donné na s'applique que pour la "fenêtre" ouverte via PWC ? Si c'est le cas je souhaite juste modifier une tableau DANS cette fenêtre.

Merci de vos réponses.

M@x.

**NikoGJ** · 06/04/2008, 14h51

Merci de ta réponse mais je pense que le modification que tu m'a donné na s'applique que pour la "fenêtre" ouverte via PWC ?

Non, elle s'applique pour n'importe quel élément de ta page web, c'est le même principe que celui énoncé par Spacefrog, mais avec une écriture différente ^^

**Maxow** · 06/04/2008, 15h00

A ok ^^ Dans ce cas merci encore plus beaucoup

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

JavaScript

Discussions similaires

Partager

Partager