Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > [Web 2.0] TP: Système de gestion de fenêtres de votre webOS ! > Création d'une fenêtre dynamiquement avec Javascript > Création de la fonction qui ouvre une fenêtre > Lecture des commentaires

Création de la fonction qui ouvre une fenêtre

Vous devez être inscrit pour pouvoir poster des messages

Page : 1 
Pseudo Commentaire
Page : 1 
Hors ligne php-man # Posté le 07/10/2007 à 17:47:17 - Ce membre n'a pas mis de note
voir ma signature
Avatar
Groupe : Bannis
Excéllent tuto,je met 19/20 car rien n'est parfait :p
 
Hors ligne zarnergun # Posté le 23/11/2007 à 18:09:37 - Ce membre a mis la note : 18
Zer0 n°1680
Avatar
Groupe : Membres
Salut, moi je me demandais ou est ce que et comment l'on ajoute des éléments dans le milieu centre, car la j'avoue j'ai pas tout capter !
On créer le milieu centre :

Code : JavaScript - Afficher / masquer les numéros de ligne
  1. var milieu_centre = document.createElement("div");
  2.         milieu_centre.className="milieu_centre";


.

Merci

My Z@rnerguN
Et l'homme créa le net !
Un petit jeu
 
Hors ligne cookieslover # Posté le 23/11/2007 à 18:19:45 - Ce membre n'a pas mis de note
CookieKiss !
Avatar
Groupe : Membres
Voila comment on ajoute du contenu à notre fenêtre:

Tu ajoutes un argument à la fonction creer_fenetre
Code : JavaScript - Afficher / masquer les numéros de ligne
  1. function creer_fenetre(left,top,width,height,contenu){
  2. /* ... */
  3. }

La variable sera donc un bloc créé dynamiquement que tu insères dans le bloc "milieu_centre":
Code : JavaScript - Afficher / masquer les numéros de ligne
  1. milieu_centre.appendChild(contenu);


Maintenant imaginons que tu veuilles ouvrir une fenêtre avec dedans un texte, tu créés une fonction:
Code : JavaScript - Afficher / masquer les numéros de ligne
  1. function fenetre_texte() {
  2.   var contenu=document.createElement("contenu"); //On créé notre bloc "contenu"
  3.   var texte=document.createTextNode("Ici le texte que contient la fenêtre"); //On créé un texte
  4.   contenu.appendChild(texte); //On insère le texte dans le bloc contenu
  5.   creer_fenetre(100,100,400,200,contenu); //On ouvre une fenêtre avec le contenu
  6. }


Voila ;)

Image utilisateur
 
Hors ligne zarnergun # Posté le 23/11/2007 à 18:30:01 - Ce membre a mis la note : 18
Zer0 n°1680
Avatar
Groupe : Membres
Voila donc 20 :D merci bien ca va me donner la base car j'avoue que j'arrive pas à comprendre (même dans le tuto sur le dom) l'histoire des childs et tout c'est d'un compliqué ^^

edit : La j'ai du loupé un wagon !

J'ai mis la fonction fenetre_texte() j'ai includer
Code : JavaScript - Afficher / masquer les numéros de ligne
  1. milieu_centre.appendChild(contenu);

derriere
Code : JavaScript - Afficher / masquer les numéros de ligne
  1. milieu_centre.className="milieu_centre";


Et j'ai rajouter contenu à la fonction creer_fenetre, ainsi qu'au bouton de création d'une fenetre !

My Z@rnerguN
Et l'homme créa le net !
Un petit jeu
 
Hors ligne cookieslover # Posté le 23/11/2007 à 20:05:36 - Ce membre n'a pas mis de note
CookieKiss !
Avatar
Groupe : Membres
Et donc ? Ca ne marche pas ?
Peux tu donner le code entier ?

Image utilisateur
 
Hors ligne Dufresne # Posté le 11/02/2008 à 13:40:46 - Ce membre a mis la note : 18
Allez VA !!
Avatar
Groupe : Membres
Super tuto ! :)
Je mets 18/20, car il n'y a aucune indication pour savoir comment fermer la fenêtre :o

Image utilisateur
 
Hors ligne Inateno # Posté le 13/10/2008 à 16:29:18 - Ce membre a mis la note : 18
The Boss ^^
Groupe : Membres
Salut, vraiment super ton tuto je met 18 :D
Sinon j'ai une question.
J'ai essayé de rajouter une image pour fermer la fenêtre de cette façon :
Code : JavaScript
1
2
var fermer = document.createTextNode('<img src="images/fermer.png" onclick="fermer_fenetre(fenetre) title="Fermer la fenetre" Alt="Fermer" />');
haut_droite.appendChild(fermer);

Mais ça ne m'affiche pas l'image, ça me marque juste les balises et tout tel quel o_O

A vrai dire cela ne me prends en compte aucune balise HTML je crois que c'est un trucs avec innerHTML ? mais où le mettre ?

Bon je débute un peu en javascript alors je suis pas encore au top >_<

Merci

Vaut 1 qui sait que 100 qui cherchent :p

MMORPG 2D amateur en construction : http://lendemain.dynalias.com
 

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 68 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.04s (0.0288s)