D�buter en JavaScript

Version imprimable

Bonjour � tous et � toutes,

Je suis actuellement sur le d�veloppement d'un site pour les dessinateurs, et jusqu'� l� tout � �t� cod� principalement en php.

Au fur � mesure de mon avancement sur la cr�ation de ce site web, je me rend compte que le javascript et ses fonctions peuvent �tre bien utile et simplifier beaucoup de chose par rapport a des confections de syst�me dynamique.

J'ai commencer � suivre des tutorielles concernant l'apprentissage du javascript,
et je souhaiterai maintenant essayer de mettre en application ce langage.

Je voudrais cr�er un simple syst�me de bouton "On / Off" sur la page de modification de profil d'un membre, lui permettant d'afficher en publique ou pas ses informations priv� ( par exemple, son e-mail, son nom, son pr�nom etc)..

Mais malheureusement je n'ai aucune base sur quoi m'appuyer pour cr�er cet application.

Voici un exemple de mon code, sur lequel je souhaiterai afficher ce fameux bouton on / off ( afficher / cacher ) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $id=($_SESSION['membre_id']); $query = $bdd->prepare('SELECT membre_pseudo, membre_mail, membre_avatar, membre_nom, membre_prenom, membre_naissance, membre_signature, membre_siteweb, membre_biographie, membre_profession, membre_localisation FROM membres WHERE membre_id=:id'); $query->bindValue(':id', $id, PDO::PARAM_INT); $query->execute(); $data = $query->fetch(); echo '<form method="post" action="voirprofil.php?action=modifier" enctype="multipart/form-data"> <p class="textesimple"><label for="nom">Votre Nom : </label><input type="text" name="nom" id="nom" value="'.htmlspecialchars($data['membre_nom']).'"/></p> $query->CloseCursor(); $nom = ($_POST['nom']); $reqmodif=$bdd->prepare('UPDATE membres SET membre_nom=:nom WHERE membre_id=:id'); $reqmodif->bindValue(':nom',$nom,PDO::PARAM_STR); $reqmodif->bindValue(':id',$id,PDO::PARAM_INT); $reqmodif->execute();
je ne vois pas par ou commencer ^^ ou placer mon code, d�clar� ma fonction puis cr�er les variables, :/.

Merci pour votre attention et votre aide.

08/01/2014, 09h09
Kaamo

Citation:

J'ai commencer � suivre des tutorielles concernant l'apprentissage du javascript,

Ici, sur developpez ? :D

Il y a l'introduction succincte mais tr�s efficace
O� placer les scripts dans la page HTML ?

O� est le fameux bouton ? Je ne le vois pas dans ce code.

Pourquoi selon toi le JavaScript est n�cessaire dans ce cas ?
Pour afficher/cacher une zone dans la page, ok.

Mais pour le point di-dessous, je pense que JavaScript n'est pas la solution

Citation:

lui permettant d'afficher en publique ou pas ses informations priv�
08/01/2014, 11h23
reverb94

Salut a toi et merci pour ton attention,

Donc si je comprend bien ce que tu dis, Javascript ne permettrais pas d'effectuer un bouton d'interface marche arr�t, avec un syst�me de boolean, puis modifier ses infos gr�ce a Jquery, puis passer l'info en Ajax en m�me temps que l�animation ?

Merci encore pour ton aide.
08/01/2014, 11h37
Kaamo

Citation:

Javascript ne permettrais pas d'effectuer un bouton d'interface marche arr�t, avec un syst�me de boolean, puis modifier ses infos gr�ce a Jquery, puis passer l'info en Ajax en m�me temps que l�animation ?

J'ai d�croch� :)

Quel est ton besoin ? D'apr�s ton premier post, j'ai cru en saisir deux :

1 - Un bouton afficher/masquer qui, comme son nom l'indique, affiche/cache une zone de l'�cran (� savoir des infos utilisateurs) lorsqu'on clique dessus.

2 - L'utilisateur doit pouvoir choisir quelles informations afficher publiquement sur sa fiche utilisateur.

j'ai bon ?
10/01/2014, 12h48
reverb94

Salut � toi et d�sol� pour le temps de r�ponse :/,

En gros oui ^^

par exemple :

Nom du membre : Dupond
afficher > cacher

Si j'appuie sur afficher, dans le profil publique du membre, le nom de famille ne sera plus afficher publiquement.

Je sais que le syst�me peut s'effectuer en php, mais j'aimerais commencer a confectionner des syst�mes faisant appel � un langage dynamique cot� navigateur, ( pour un meilleur design, une meilleur fluidit�, etc )

Merci pour ton attention et ton aide.
10/01/2014, 20h23
SylvainPV

Citation:

Javascript ne permettrais pas d'effectuer un bouton d'interface marche arr�t, avec un syst�me de boolean, puis modifier ses infos gr�ce a Jquery, puis passer l'info en Ajax en m�me temps que l�animation ?

Si si, il permet tout �a. D'ailleurs tu marques un point en citant jQuery, puisque �a colle assez bien � ton besoin. Mais je te recommande quand m�me d'apprendre les bases de JavaScript avant d'apprendre jQuery, tout comme il faut apprendre � marcher avant de courir :ccool:

Code:

1 2 3 4 5 6 7 8 9 10 { text: 'Marche/Arrêt', type: 'button', handler: function(){ Ext.Ajax({ url: '/services/disable.php', success: function(){....} }); } }
comme tu peux le voir c'est possible. mais je suis sur qu'un code comme celui-ci n'a aucun sens pour toi.

je dirais donc oublie toute les librairies tous les framworks, oublie le serveur, php java et concentre toi sur HTML/JS
fais des essais dans des fichiers HTML statiques apprends les base de javascripts comprend comment fonctionne les �v�nements en JS comprend le mod�le objet de js, comprend comme fonctionne le DOM, comprend la diff�rence entre HTML et le DOM
et tu auras alors tous ce qu'il faut pour utiliser n'imorte quel framework js php java ruby etc.

A+JYT

20/01/2014, 17h26
reverb94

Bonjour et merci � vous pour votre attention et vos conseils,

Je me suis pench� sur les tutoriels du site developpez.net, et je suis tomb� sur un article int�ressant qui disait que javascript ne doit �tre utilis� qu'en compl�ment d'un syst�me d�j� programm�. ( Je ne suis donc pas vraiment sur dans quelle situation je pourrait utiliser ce code ) Sachant qu'un peu plus loin dans cet article il est stipul� :

JavaScript n'est pas s�curis�. Les programmes JS sont ex�cut�s sur le client, on n'est jamais s�r de leurs r�sultats, il ne faut donc jamais faire confiance � une donn�e provenant du client.

Si je comprend bien, par exemple ; pour mon syst�me de visibilit� des informations d'un membre ( si il souhaite afficher son nom, email, etc.. en publique ou pas), je devrais d'abord �laborer le syst�me ( en php par exemple ), et une fois l'action possible, y rajouter les fonctions javascript pour donner l'esth�tique du bouton "on / off".( le petit cot� dynamique ^^' )

Merci encore pour votre temps et votre aide,
Sinc�rement.
21/01/2014, 19h38
sekaijin

non ce n'est exactement �a

javascript s'ex�cute sur ton navigateur
si tu ouvre dans chrome par exemple une page dans le menu outils tu as afficher la source
et tu peux alors voir le code source de la page.

avec les outils d�veloppeur tu peux m�me le modifier.
il ne sera modifi� que dans la page ouverte si tu la recharge les changements disparaissent. donc pas de risque qu'ont de modifie ton code.

mais en faisant �a on peut facilement modifier des choses dans la page et donc le contenu de ce que la page envoie au serveur.

imagine que tu aies un champ dans un formulaire qui doit contenir un entier et une m�thode en javascript qui la limite au valeurs entre 1 et 10
lorsque tu l'envoie � ton serveur tu t'attends � recevoir sur le serveur une valeur entre 1 et 10 mais si l'utilisateur � modifi� le contenu sur son poste il peut tr�s bien t'envoyer autre chose.

mais ce n'est pas propre � javascript tu ne peux avoir aucune garantie sur les requ�te que t'envoie un client. il peut tr�s bien utiliser un outil autre qu'un navigateur lui permettant de modifier tout ce qu'il veut.

ensuite javascript dans une page html n'a acc�s qu'aux �l�ments de cette page (ou li� � celle-ci) tu ne peux donc pas acc�der � des fichiers ou d'autres sources de donn�es. (HTML ouvres des choses mais le principe reste le m�me) ton javascript peut aussi acc�der au serveur qui � fourni la page.
ton javascript peut donc demander au serveur des donn�es pour les mettre dans la page.

si tu mets �a en face de la premi�re remarque tu comprends que peut importe le javascript que tu as �crit le serveur ne doit pas faire confiance au contenu des demandes. il faut toujours consid�rer que la demande peut arriver d'un autre outils les crackeur sont tr�s prolifiques.

avec tout �a tu peux avoir plusieurs fa�on d'utiliser javascript.

ton serveur s'occupe de r�cup�rer les donn�es et cr�e un html contenant la pr�sentation et les donn�es et tu ajoute du javascript pour rendre le truc plus facile � utiliser et aider l'utilisateur.

deuxi�me m�thode ton serveur fournis des pages html statiques et tu utilise javascript pour appeler des services php sur ton serveur pour obtenir les donn�es, le javascript place alors les donn�es dans la page. avantage � chaque rechargement des donn�es tu n'appelle que le service et seule les donn�es transite sur le r�seau. mais il faut alors �crire une url php pour le service.

troisi�me m�thode ton serveur fourni une page vide et tu utilise javascript pour cr�er les �l�ment � afficher invoque le service php et affiche les donn�es. m�me avantage que la m�thode deux mais en plus tu peux plus facilement maitriser les composants complexe affich� et manipul�. mais �a demdane une bonne maitrise de javascript.

A+JYT