MESSAGES VIRTUELS

Commentaire de mickaelpfr le 21/04/2009 09:17:13

De mon coté je viens de regarder le code en détail :

- code non nétoyé /!\ il reste au moins 3 fonctions vide !!
- beaucoup de style en dur dans le code
- pourquoi charger des xml ??????? (en plus directement en page ... )
- POO ? non toujours pas ??
- popup modale ?

voila, en attendant une version revue a la hausse ;)

Commentaire de mickaelpfr le 21/04/2009 10:00:20

"Moi ça me convient très bien comme il est car il fonctionne sous IE et que je ne suis que sur IE. D'ailleurs tout le monde devrait être que sur IE."

rien qu'avec ça tu viens de clore le débat !

bien le bonjour a toi :)

Commentaire de grarestephane le 21/04/2009 11:31:19

C'est pas ce que je voulais dire... Mais moi ça déjà était super dur de faire ça alors voilà quoi !

Commentaire de kazma le 21/04/2009 11:40:15

j'oubliai c'est compatible IE  5.5 a 8 ,FF opera ,chrome
Safari

Commentaire de grarestephane le 21/04/2009 12:16:35

Moi j'adore le XML en même temps je connais pas grand choses, surtout Javascript et XML. Donc voilà la raison du XML dans toutes mes sources. Merci à Kazma pour les indications, t'es un pote ! Je vais prendre note de tes informations.
Pour les autres, moi aussi j'ai poser une question que personne n'a sû y répondre ! VOIR MA SOURCE "GESTION D'UNE VIDEOTHÈQUE SOUS XML"
Il reste un problème à régler concernant les liens "Suivants" et "Précèdents" pour la page Web qui contient du code en VBScript. J'avoue que je n'y suis pas arriver. Pas de problème en Javascript, si quelqu'un peu m'aider concernant i++ en VBScript. MERCI d'avance !
Je suis débutant et que j'essaye juste de contribuer au site afin d'aider d'autres débutants comme moi. Ok pour les PRO ce que je fais c'est clair que c'est bidon, il y a surment des erreurs, alors merci de bien vouloir m'aider car j'ai pas fait d'étude dans l'informatique, je suis juste un amateur mais j'aime bien l'informatique.

Commentaire de mickaelpfr le 27/04/2009 10:09:33

valneandre , justement j'ai préféré clore le débat face a un activiste d'ie , étant dev web, je doit également adapter mes site sous ie 6/7 ff 3, safari et j'en passe :) je n'ai rien contre aucun navigateur ;)

pour la source je ne me permettrais pas de la noté, car l'auteur , n'explique pas grand choses pour ses choix hormis : "vive ie, démerdez vous, j'adore le xml ..."

Commentaire de lakichemole le 27/04/2009 18:35:09

Oui tu as un peu raison peut être qu'on est un peu trop critique, MICKAELPFR propose lui une autre solution que le Xml !:)
  Mais tu sais tu nous "cherche" un peu tu te dis débutant et tu affirmes "D'ailleurs tout le monde devrait être que sur IE." déjà que ce sujet est tabou (sinon ça par en c...) alors si en plus tu n'es pas expert dans ton domaine c'est toute la comunauté qui va te sauter dessus!
  Mais pk pas du Xml c'est vrai que c'est simple à utilisé et lisible pour un non informaticien!

Commentaire de kankrelune le 27/04/2009 20:59:15

Ulla... la discussion devient vaseuse... certes les habitués du coin sont des fois trop exigeants vis à vis des sources postées et de leur posteur MAIS ce n'est pas pour rien... c'est aussi comme ça qu'on apprend quand on est autodidacte... bon c'est vrai que les commentaires ne sont pas toujours très tendre mais rappel toi d'une chose... il sagit d'expression écrite, sans intonation ni émotion, donc les commentaires qui peuvent te paraitre dur ne le sont pas forcement... si tu relis les commentaires personne, pro ou non, n'a dit que ta source était toute pourrie bonne à jeter... t'inquiète pas y a pire comme com mais tu es sur un site de dev (au sens large pour moi le professionnalisme n'a rien à voir) donc attend toi à des critiques de dev... ;o) ...après c'est vrai que certain manquent de tact des fois, oublient qu'il y a des débutants... mais c'est comme le vieux loup de mer accoudé au coin du bar... faut pas faire trop gaffe à ses jérémiade et tirer le plus possible des enseignements qu'il a à donner... .. .

"Comment adapter une source sur un autre navigateur qu'on a pas ?"

J'aurais tendance à dire... bah on se les procure... ;o) ...mais ça ne ferait pas avancer le débat... je pense que tu prend le problème à l'envers d'ailleurs le reste de ton argumentation au sujet des navigateurs le prouve à mon avis... .. .

Le problème c'est que sauf cas particulier quand tu développe un code tu ne le développe pas pour toi mais pour des utilisateurs finaux, en général les visiteurs de ton site, et ces utilisateurs que tu le veuille ou non utilisent différents navigateurs... c'est donc à toi et toi seul (non pas aux visiteurs de ton site ou aux lecteurs de cette source) de faire en sorte que ta source tourne sous tous les navigateurs, ou tout du moins le plus possible... imaginons que j'utilise un navigateur que personne n'utilise et que mon script ne tourne que sous mon navigateur et plante sous tous les autres... quel intérêt si je dis "utilisez XXX (comme la lessive) ou démerdez vous"... .. ?

c'est con... c'est chiant... mais c'est comme ça... une des 1001 joies du développement... .. . ;o)

Développe ton code sous IE et Firefox pour un début ça sera déjà pas mal... par la suite tu pourra te pencher sur d'autres navigateurs/Os... d'ailleurs à ce sujet je te conseil d'abandonner le vbs tout du moins pour le web... sauf cas particulier bien entendu... .. .

"Le XML je trouve ça pratique pas vous ? et bien je ne sais faire que ça !"

D'accord... et bien tu va aller loin dans le développement en pensant de la sorte... le dev c'est comme dans la vie c'est pas en disant "c'est comme ça et puis c'est tout prout prout tagada tsouin tsouin et je vous merde" qu'on avance... .. .

"Donc comment faire autre chose quand on ne sait pas faire ? Vous savez ?"

Et bah on apprend... on cherche... on fouine... on questionne plutôt que de poser ce genre de questions... .. !

Tu l'aura pas volée celle là... .. . ;o)

Bref.... pour en revenir à nos moutons... moi ce que je vois c'est qu'on t'a soumis des erreurs de codage et que tu n'a toujours pas fais les modifs... qu'on t'a parlé de POO, de popup modale, de l'externalisation des css, qu'on t'a demandé pourquoi le xml plus qu'autre chose et plutôt que de t'intéresser à ces choses que tu ne connais pas (vraiment) tu passe ton temps à dire que tu es débutant que si on veut faire autrement il faut qu'on te poste le code... mais ce n'est pas à nous de corriger ta source, on te donne notre avis éventuellement des bouts de code mais on va pas tout réécrire pour toi non plus... donc si au lieu de pondre un roman dans ton post précédent tu avait posté ces questions...

Vous me conseillez quels nav(s) pour commencer à coder ?
POO c'est quoi, comment ça fonctionne en Js, quel intérêt/avantages ?
Un popup modale c'est quoi ?
Je stock en xml parce que je ne sais faire qu'avec ça, vous me conseillez quoi ?
Pourquoi écrire les css et mise en forme en dur dans le html est il à éviter ?

5 questions c'est pas compliqué...

Pour en revenir au xml je ne trouve pas le stockage dans un fichier xml soit un problème... au contraire c'est la meilleur solution hors stockage dans une sgdb à mon sens... moi ce qui me choque plus c'est que tu inclu tes xml dans le html c'est pas beau mais alors pas beau du tout... pour moi ton appel vers le xml doit être interne à ton code js d'où l'intérêt du bout de code de kazma qui utilise les XmlHttpRequest pour récupérer le contenu en tache de fond... et c'est là que la POO devient utile car, outre clarifier le code, ton objet devient indépendant et du coup charge et gère ses msg indépendamment... .. .

mesMsg1 = new maClassMsg('monFichier.xml');
mesMsg1.show();

mesMsg2 = new maClassMsg('monAutreFichier.xml');
mesMsg2.show();

mesMsg3 = new maClassMsg('encoreUnAutreFichier.xml');

...

<a href="#" onclick="javascript: mesMsg3.show();return false;">cliquez</a>

Exemple somme tout plus que basique mais imagine en élargissant... on peut imaginer un objet pour surveiller si un nouveau message privé est arrivé (pour un site communautaire) avec un autre objet qui gèrera des news, etc, etc... pour moi le plus gros manque de ce code c'est qui soit en procédural alors que l'idée oriente vraiment vers de l'oo... .. .

Voili voilou pour l'instant... .. .

@ tchaOo°

Commentaire de mickaelpfr le 28/04/2009 13:20:13

tiens un boulet ...
Kankrelune ok je vais donner un exemple a l'appui , l'utilisation par exemple d'une string au format json {'clef':'valeur',...} remplacera efficacement le fichier xml :)

Commentaire de kankrelune le 28/04/2009 14:25:20

Ô_o

J'ai dû louper un épisode là... .. .

@ mickaelpfr... aucun intérêt à mon avis d'utiliser du JSon ici (ou alors étaye l'avantage de passer par du Json plutôt que du xml) sauf pour du contenu de petite taille (msg très court) le xml est bien plus flexible pour ce genre d'utilisation... mais de toute façon la manière de stocker les msg n'est pas le plus important ici, à mon avis, donc je vois pas l'intérêt de s'acharner sur ce genre de détail... .. .

@ tchaOo°

Commentaire de grarestephane le 28/04/2009 17:30:03

Sinon merci à tout le monde de l'intêrét que vous avez porté à cette source

Commentaire de kankrelune le 28/04/2009 18:08:18

@ Grarestephane... faut pas pour autant arrêter... au contraire continu... .. . ;o)

Hésite pas à poster des questions sur le forum... c'est un bon moyen de se perfectionner... .. .

Bon courage et bonne continuation... .. .

@ tchaOo°

Commentaire de kankrelune le 28/04/2009 19:04:45

C'est en forgeant qu'on devient forgeron... .. . ;o)

@ tchaOo°

Commentaire de valneandre le 29/04/2009 08:50:31

Non seulement c'est en forgeant qu'on devient forgeron, mais c'est en sciant que Léonard de Vinci !

Commentaire de mickaelpfr le 29/04/2009 11:31:42

lakichemole non , mais je pense que mes liens serait censuré étant donné qu'ils pointent vers un réseaux concurrent ;-)

Commentaire de mickaelpfr le 29/04/2009 14:40:46

mdrrr kazma kazma kazma...
on ne quitte pas un service de qualité !
par contre on peut aider a améliorer ailleurs :p

Commentaire de grarestephane le 29/04/2009 19:04:27

Par contre je croyais que y'avait que ce site pour les codes sources comme moi, je veux dire des trucs qu'on fait nous même. Y'a d'autres sites dans le genre ?

Commentaire de lakichemole le 29/04/2009 19:41:46

Question piège! ne demande pas a un boulanger* si il y a un autre boulanger* dans le coin il te dira que oui mais qu'il connait pas l'adresse**, au pire tu regarde dans les pages jaunes*** sinon tu demandes à un de ses clients en privé**** ;)





legende:
- * Site web
- ** L'Url
- *** Google
- ****T'envoi un mail

Commentaire de grarestephane le 30/04/2009 17:14:31

KANKRELUNE, au sujet du XML que j'utilise dans ma source, et suite à tes précédant commentaires, tu as indiqué sur ton commentaire qu'on pouvait faire appel au XML avec la méthode suivante :

mesMsg1 = new maClassMsg('monFichier.xml');
mesMsg1.show();

mesMsg2 = new maClassMsg('monAutreFichier.xml');
mesMsg2.show();

mesMsg3 = new maClassMsg('encoreUnAutreFichier.xml');

...

Par contre j'y suis pas arrivé. Pour faire un point sur comment charger le document XML et à ma connaissance (probablement incomplète), avant de pouvoir utiliser toute les fonctions, propriétés ou objets mis a disposition par le DOM il faut d'abord l'instancier. Ceci se fait à l'aide de l'opérateur new en JavaScript. C'est donc un objet ActiveX qui est instancié on aura donc une ligne de code :

var ma_variable = new ActiveXObject("Msxml2.DOMDocument.3.0");

Ainsi par le biais de ma_variable on peut accéder aux propriétés et fonctions de la bibliothèque « Msxml2.DOMDocument.3.0 ». Cette dernière propose une fonction load qui permet de charger un document XML existant en mémoire afin d'agir dynamiquement dessus. Une seconde ligne sera donc :

ma_variable.load("Chemin/fichier.xml");

(Ce qui rejoint le commentaire de Kazma pour expliquer le chargement du XML)

Chose que je n'utilise pas dans ma source et je comprend que la méthode utiliser n'est pas la meilleur. En revanche ce que tu me proposes me semble intéressant, mais j'ai fait un test en prenant un exemple mais j'ai pas réussi avec ce que tu me proposes. Mais à mon avis Show que tu utilises c'est pas plutôt du Visual Basic genre pour chargé un UserForm ?

Si tu peux m'expliquer avec un petit exemple, cela serait sympa. Prenons par exemple l'exemple suivant.

Je vais te montrer les deux méthodes que moi je connais, pour cela on utilisera le fichier XML suivant : fichierxml.xml. J'espère qu'a partir de cette exemple tu pourras m'expliquer ta méthode.

<?xml version="1.0" encoding="iso-8859-1"?>
<videotheque>
<film>
<titre reference="1-94082-865-0"
jaquette="Jaquettes\La Colo Des Gourmands (DivX).jpg">La Colo Des Gourmands (DivX)</titre>
<acteur>Ben Stiller</acteur>
<genre>Comédie</genre>
<descriptif>
Jerry est un garçon obèse. Il est envoyé dans un centre spécial pour personnes de son poids mais
lorsqu'il arrive, il doit faire face à un entraîneur physique quelque peu dérangé. Avec ses amis,
il décide de ne pas se laisser faire. (Durée : 1h40 - Réalisé par Steven Brill - 1995)
</descriptif>
<DATECREATION>12</DATECREATION>
</film>
<film>
<titre reference="12-84082-865-0"
jaquette="Jaquettes\La Nuit Au Musée (DivX).jpg">La Nuit Au Musée (DivX)</titre>
<acteur>Ben Stiller</acteur>
<acteur>Robin Williams</acteur>
<genre>Comédie</genre>
<descriptif>
Le Muséum d'Histoire Naturelle renferme dans ses murs un secret mystérieux et stupéfiant que Larry,
nouveau gardien de sécurité, ne va pas tarder à découvrir avec affolement : La nuit, toutes les
expositions prennent vie ! Sous ses yeux, les soldats romains et les cow-boys miniatures se lancent
dans une guerre acharnée, Attila et ses Huns commencent à piller les expositions avoisinantes,
la momie tente de sortir de son sarcophage, le squelette du redoutable ? Mais néanmoins attachant ?
Tyrannosaure rôde dans les couloirs... Le chaos est total ! Larry pourra-t-il remettre de l'ordre
dans ses collections et sauver le musée ? (Durée : 1h48 - Réalisé par Shawn Levy - 2007)
</descriptif>
<DATECREATION>11</DATECREATION>
</film>
<film>
<titre reference="3-84559-174-1"
jaquette="Jaquettes\Mary A Tous Prix (DivX).jpg">Mary A Tous Prix (DivX)</titre>
<acteur>Ben Stiller</acteur>
<genre>Comédie</genre>
<descriptif>
Ted, le loser, décide de retrouver son amour de jeunesse, la splendide Mary. Il engage un détective privé,
Pat Healy, pour la retrouver. Persuadé qu'il a affaire à un dégénéré, Healy file à Miami et retrouve Mary.
Elle est belle, gentille, s'occupe d'enfants handicapés et elle est célibataire. Décidé à garder Mary pour
lui, il raconte à Ted qu'elle est devenue grosse, qu'elle est paralytique et qu'elle a quatre enfants.
Mais Tucker, un architecte, est également amoureux de Mary. Il va faire cause commune avec Healy pour se
débarrasser de Ted qui finalement a décidé de venir à Miami. (Durée : 1h59 - Réalisé par Peter Farrelly,
Bobby Farrelly - 1998)
</descriptif>
<DATECREATION>14</DATECREATION>
</film>
<film>
<titre reference="3-84559-174-1"
jaquette="Jaquettes\Mary A Tous Prix (DivX).jpg">Mary A Tous Prix (DivX)</titre>
<acteur>Ben Stiller</acteur>
<genre>Comédie</genre>
<descriptif>
Ted, le loser, décide de retrouver son amour de jeunesse, la splendide Mary. Il engage un détective privé,
Pat Healy, pour la retrouver. Persuadé qu'il a affaire à un dégénéré, Healy file à Miami et retrouve Mary.
Elle est belle, gentille, s'occupe d'enfants handicapés et elle est célibataire. Décidé à garder Mary pour
lui, il raconte à Ted qu'elle est devenue grosse, qu'elle est paralytique et qu'elle a quatre enfants.
Mais Tucker, un architecte, est également amoureux de Mary. Il va faire cause commune avec Healy pour se
débarrasser de Ted qui finalement a décidé de venir à Miami. (Durée : 1h59 - Réalisé par Peter Farrelly,
Bobby Farrelly - 1998)
</descriptif>
<DATECREATION>10</DATECREATION>
</film>
</videotheque>

1er Méthode :

<?xml version="1.0" encoding="iso-8859-1"?>
<html>
<head>
<script language="JavaScript" type="text/javascript">
function GestionXML(){
i=1;
doc = fichierxml.XMLDocument;
collectionfilm = doc.documentElement.getElementsByTagName("film");
strTitre = collectionfilm.item(i).childNodes(0).text;
strReference = collectionfilm.item(i).childNodes(0).attributes(0).nodeValue;
strGenre = collectionfilm.item(i).getElementsByTagName("genre").item(0).text;
alert(strTitre+ " - Référence : " +strReference+ " - Un film du genre : " +strGenre);
}//Fin De La Fonction
</script>
</head>
<body>
<xml id="fichierxml" src="fichierxml.xml"/>
<a href="#" onclick="GestionXML()">Lecture Du Fichier XML</a>
</body>
</html>

2ème Méthode :

<?xml version="1.0" encoding="iso-8859-1"?>
<html>
<head>
<script language="JavaScript" type="text/javascript">
function GestionXML(){
i=1;
var mavariable = new ActiveXObject("Msxml2.DOMDocument.3.0");
mavariable.load("fichierxml.xml");
collectionfilm = mavariable.documentElement.getElementsByTagName("film");
strTitre = collectionfilm.item(i).childNodes(0).text;
strReference = collectionfilm.item(i).childNodes(0).attributes(0).nodeValue;
strGenre = collectionfilm.item(i).getElementsByTagName("genre").item(0).text;
alert(strTitre+ " - Référence : " +strReference+ " - Un film du genre : " +strGenre);
}//Fin De La Fonction
</script>
</head>
<body>
<a href="#" onclick="GestionXML()">Lecture Du Fichier XML</a>
</body>
</html>

Voilà ce sont des exemples complet que tu peux directement copier / coller qui fonctionne avec IE. Mais j'y pense, peut-être que t'a méthode ne fonctionne pas sous IE.

Voilà espérant pouvoir y voir plus clair, cela m'aidera beaucoup. En te remerciant.

PS : C'est un peu long comme commentaires mais j'aile bien avoir des exemples concrets. MERCI DE VOTRE COMPHEHENSION

Commentaire de kazma le 30/04/2009 17:41:26

a un moment tu a

docXml.onreadystatechange = erreur

qui veut dire quand le chargement de la page xml par le navigateur se fait on appel la fonction erreur

ensuite
function erreur(){
if (docXml.readyState ==4){

ca correspond a l'etat de chargement

0: non initialisé.
1: connexion établie.
2: requête reçue.
3: réponse en cours.
4: terminé.
donc si c'est termine on peut passer a la suite


if(docXml.parseError == 0 || docXml.status== 200){

cette ligne c'est pour savoir si le chargement c'est effectue correctement (docXml.parseError pour IE ;docXml.status== 200 pour les autres navigateurs


return false;

sa arête la fonction si c'est ok sinon sa affiche une alerte pour prévenir que le chargement a echoue
}
alert('echec au chargement')
}
}

pour plus de precision sur les differents etats tu peut aller voir sur cette page http://www.xul.fr/xml-ajax.html

Commentaire de kankrelune le 30/04/2009 18:36:34

l'exemple que je te donne n'est qu'un exemple d'utilisation si ton code était mis en objet c'était juste pour te montrer qu'on pourrait utiliser différents objets de la même classe indépendamment les un des autres... il est donc normal que la methode show() ne marche pas puisqu'elle n'existe pas... .. . ;o)

Je me pencherais sur ton post quand j'aurais le temps... .. .

@ tchaOo°