Aller au contenu

Rechercher dans la communauté

Affichage des résultats pour les étiquettes 'javascript'.

  • Rechercher par étiquettes

    Saisir les étiquettes en les séparant par une virgule.
  • Rechercher par auteur

Type du contenu


Forums

  • Discussions communautaires
    • Annonces importantes
    • Suggestions
    • Postulation
    • Présentation des membres
    • Discussions générales
    • Multimédias
    • Jeux vidéos
    • Actualités
    • Aide / Support
    • Études
    • Archives
  • Informatique
    • Projets des membres
    • Autres / Divers / Découvertes
    • Crypto-monnaie(s)
    • Hardware / Electronique
    • Réseaux
    • Gestion de serveur
    • Système d'exploitation : Smartphone
    • Système d'exploitation : Ordinateur
  • Programmation
    • Projets des membres
    • Développement web
    • Développement de logiciels
    • Développement d'applications pour smartphones
    • Outils du développeur
    • Aide / Support
  • Emulation
    • Aion
    • Arma III
    • Dofus
    • Dragonica
    • Emulateurs consoles
    • S4 League
    • FlyFF
    • Grand Theft Auto
    • Minecraft
    • Tera
  • Partenariats
    • <b>WoW Emu - La communauté émulation WoW</b>
    • <b>ActuGaming</b>
    • <b>H-Wars</b>
    • <b>EasyChat - Solution gratuite de chat client et serveur (anciennement Melichat)</b>
    • <b>Le Monde des Lunes</b>
    • <b>DansTonCode</b>

Rechercher les résultats dans…

Rechercher les résultats qui…


Date de création

  • Début

    Fin


Dernière mise à jour

  • Début

    Fin


Filtrer par nombre de…

Inscription

  • Début

    Fin


Groupe


Skype


Site web


AIM


MSN


ICQ


Yahoo


Jabber


Tox


Centres d'interêts


Localisation


Niveau d'étude

7 résultats trouvés

  1. Salut, oui sa fait longtemps que je suis absents, mais je suis la maintenant. Je vous présente un petit tchat que j'ai codé vite fait........... Petit photo Les source ! https://www.dropbox.com/sh/bq3q096cx2eojm1/AACtH6ijKqBOKl-JTXIt0uLLa?dl=0
  2. Bonjour à tous, Encore une fois je réécris ce sujet, car c'est plus intéressent que d'en recréer un. Certains d'entres vous le connaissent déjà, le projet Rulemasters World est en train d'arriver dans une version bientôt utilisable (l'engine étant terminé à 80%). Je sais aussi que Melinyel recherche absolument un projet communautaire, et RMW n'en était pas un, avant quelques modifications ;). J'ai complètement adapté le code source de l'engine pour en faire un "Entity engine". Ainsi, toutes les entités sont scriptées. Pourquoi ce choix? Je souhaite proposer à tous le choix de créer leurs propres contenus en jeu, et les voir apparaître au fil des mises à jour. Ainsi, tout est scriptable: Les entités (monstres, objets en jeu, projectiles, etc...), les sorts, les effets, etc... Le but était de permettre à tous de créer leur propre contenu, et donc, améliorer le jeu à leur guise. Même les GameModes (liés à une instance) seront éditables! Un moba apparaîtra peut être sur RMW, qui sait? Avant tout, et avant de continuer, je souhaite vous proposer de lire toutes les informations sur le jeu ici: https://drive.google.com/open?id=0B-d6mCeNGv5UfnhFdlA0UDN4amZGNmRWRXhwMlE4aGFtLWpMUjlKSVp3d1Q2OHJQVVlINWs Ainsi, avant de donner votre avis, et proposer votre aide, il est OBLIGATOIRE d'avoir tout lu. (c'est pas long! Aller!). Bref, on arrive au vif du sujet: Dans les prochains mois, je vais ajouter un éditeur de scripts sur notre site internet, et autoriser certains membres à pouvoir créer leur contenu en jeu (qui sera validé par l'administration), ainsi qu'une documentation complète pour la création de contenus. Une API très complète vous sera proposée, ainsi qu'un éditeur en ligne vous permettant de faire du débugage "basique". (il faudra néanmoins attendre le "testeur de créatures" qui arrivera bientôt sur le site pour voir la réalité de sa création). Bref, j'aimerais savoir si certains d'entres vous se sentent capables de m'aider, et de tenter de créer leur propre contenu en jeu. Une fois que vous serez dans l'équipe de création, vous serez considéré comme "Operator" dans le jeu, et aurez un grade spécial sur le site internet et les futurs jeux développés par MogCreations. Vous aurez aussi un accès au serveur de test et aux outils de développement du projet, de manière prioritaire (mais n'aurez pas accès au code source). Prérequis: Une connaissance solide de Javascript en temps que langage de scriptingUne experience dans le domaine des MMO (en temps que joueur)Une experience dans le domaine du développement de jeux est un plusSavoir lire une documentationSavoir rédiger des issue Si vous êtes intéresses, merci de me le faire savoir par MP, ou via ce sujet. J'attends vos retours. Cordialement, AlexMog.
  3. Présentation de Meteor Meteor est un framework opensource basée sur Node.js qui vous permettra de développer des applications en temps réel. C'est lui qui va faire les liens entre votre base de données et l'interface utilisateur de votre application en étant parfaitement synchronisée. Meteor utilise à la fois le Javascript pour le serveur (Node.js) et pour le client donc il n'est pas necessaire de connaitre un autre langage que la Javascript. Même si vous n'êtes pas très à l'aise au Javascript, vous pourrez quand même avoir une bonne prise en main. Parce que Meteor, est, en plus d'être efficace, il est simple d’accès ! Il possède de nombreuses fonctions très utile qui accélère le développement et le simplifie que vous découvrirait bientôt, je l'espère ! Installation Sous Windows, vous aurez besoin de télécharger un exécutable téléchargeable ici : https://install.meteor.com/windows Sous Mac , ouvrez le terminale et tapez ceci : curl https://install.meteor.com | sh Voilà, vous avez installez Meteor ? Bonne découverte ! Site offciel de Meteor : https://www.meteor.com/ Documentation offcielle : http://docs.meteor.com/#/basic/ GitHub : https://github.com/meteor/meteor
  4. Bonjour, voici une petite méthode pour faire de l'ajax simple sans aucun plugin : le DSL Dans l'idée nous allons apprendre à créer une page qui affiche un nombre et un bouton pour incrémenter ce nombre. Afin de stocker ce nombre, nous allons le ranger bien au chaud dans une BDD. Notre page devra donc : incrémenter ce nombre dans la BDD sans rechargement de la page mettre à jour l'affichage du nombre, toujours sans recharger la page (sinon c'est trop simple ) L'utilisation d'une BDD juste pour un nombre peut paraitre exhaustive, mais l'idée est d'appliquer la méthode avec plusieurs nombres, possédants chacun un id... on verra ça après Nous allons utiliser deux pages : index.php et incrementation.php. Voici index.php : <?php $bdd = new PDO('mysql:host=kpsoftware.fr;dbname= toto','jean-michel','fjhbqfkqsfhgsjkgbs'); ?> /* connexion à la BDD */ <div style="text-align: center;"> <span class="leNombre"> <?php $nombre=$bdd->query('SELECT nombre FROM nombre'); $nombre=$nombre->fetch(); echo $nombre['nombre']; ?> </span> /* on à notre nombre ! */ <input value="Plus un !" type="button"/> </div> <script> /* les choses sérieuses commencent ici */ function addEvent(element, event, func){ if (element.attachEvent) { element.attachEvent('on'+event, func); } else { element.addEventListener(event, func, true); } } /* ceci est notre fonction pour ajouter des évènement en javascript */ (function(){ var elements = document.getElementsByTagName('input') for (var i=0;i<elements.length;i++){ addEvent(elements[i],'click',function(e){ /* on ajoute un évènement sur les "input" */ var target=e.target || e.srcElement; if(target.value == 'Plus un !'){ /* quand un "input" est cliqué, on teste sa "value" */ /* si cette "value" est "plus un !", alors on créer un script, dont la source est une page php : incrementation.php. Il ne reste plus qu'à l'ajouter ! */ var scriptElement = document.createElement('script'); scriptElement.src ='incrementation.php'; document.body.appendChild(scriptElement); } }); } })(); /* à ce stade, incrementation.php à été exécuté, je vous invite à aller voir cette page avant de lire la fin de index.php */ function refreshNombre(newNombre){ var spanElements = document.getElementsByTagName('span'); var newSpan = document.createTextNode(' ' + newNombre + ' '); /* on créer notre nouveau span contenant le nouveau nombre */ for (var i=0;i<spanElements.length;i++){ var classSpan = spanElements[i].className; if (classSpan == "leNombre"){ /* on test pour trouver le bon span */ spanElements[i].replaceChild(newSpan.cloneNode(false),spanElements[i].firstChild); /* et là on remplace le firstChild (le texte) de spanElements[i] ( le span contenant l'ancien nombre ) par un clone de newSpan (celui créer juste au dessus contenant le nouveau nombre */ } } } </script> voici maintenant incrementation.php : <?php header("Content-type: text/javascript"); $nombre=$bdd->query('SELECT nombre FROM nombre'); $nombre=$nombre->fetch(); $newNombre=$nombre['nombre']+1; //on récupère le nombre $nombre->closecursor(); $upNbr=$bdd->prepare('UPDATE nombre SET nombre = :newNombre'); $upNbr->execute(array('newNombre'=>$newNombre)); $upNbr->closecursor(); // on l'incrémente ?> refreshNombre(<?php echo $newNombre ?>); /* on execute enfin la dernière fonction de index.php qui va se charger de rafraichir le nombre sur la page, il n'y à eu aucun reload de la part du navigateur ! */ Si les commentaires ne sont pas assez explicatifs dites-le moi ! je me ferais un plaisir de détailler tout ça ! Bien, si vous avez compris l'idée de l'appel d'une page externe via JS pour exécuter un code php sans reload de page, vous avez tout compris. Mais pour exploiter pleinement la puissance du DSL et de la BDD, il nous faudrait avoir plusieurs bouton et nombres dynamiques. Pour cela il suffirait d'envoyer au script incrementation.php une id afin de transformer la requête SQL en : $upNbr=$bdd->prepare('UPDATE nombre SET nombre = :newNombre' WHERE id= :id); $upNbr->execute(array('newNombre'=>$newNombre, 'id'=>$_GET['id'])); $upNbr->closecursor(); et on change la fonction refresh pour qu'elle contienne un paramètre en plus : l'id function refreshNombre(id,newNombre){ var spanElements = document.getElementsByTagName('span'); var newSpan = document.createTextNode(' ' + newNombre + ' '); for (var i=0;i<spanElements.length;i++){ var classSpan = spanElements[i].className; var idSpan = classSpan.substring(classSpan.lastIndexOf('a')+1); if (idSpan == id){ spanElements[i].replaceChild(newNombre.cloneNode(false),spanElements[i].firstChild); } } } avec son appel : refreshNombre(<?php echo $_GET['id']; ?>,<?php echo $newNombre; ?>); Avez-vous vu la subtilité du : var idSpan = classSpan.substring(classSpan.lastIndexOf('a')+1); ? En fait, en HTML il est impossible de mettre un nom de class commençant par un chiffre... du coup, on met un "a" devant et on utilise "substring" pour découper ce "a" on prend la dernière apparition de "a" et on ajoute 1 au rang, il ne nous reste plus que l'id ! celui-ci est donc afficher sur index.php comme ceci : <span class="a<?php echo $nombre['id'];?>"> <?php echo $nombre['nombre']; ?> </span> bien sûr la requere SQL change légèrement : SELECT * FROM nombre Voilà voilà ! DSL dans toute sa grandeur ! Si vous avez des questions n'hésitez pas !
  5. Salut all, Aujourd'hui je vais vous montrer les événement de base des éléments en JQuery lié au clavier et à la souris. Les événements les plus utilisés sont lié à la souris donc je vais commencer par cela, la disposition du code est expliquée dans mon intro donc je vais mettre moins de code... D: petit exemple quand même avec l'event .click() en interaction avec un objet donc l'id est "MrPoke": $("#MrPoke").click(function() { // code à exécuter lors de l’événement }); Événements liés à la souris les plus utilisés: - .click() : à quoi ça sert quoi déjà... c'est quand on clique sur l'élément. - .dbclick() : double clique sur l'élèment. - .mousedown() : lorsque vous enfoncez un bouton de la souris sur l’élément. - .mouseup() : event successif à .mousedown(), c'est à dire que c'est lorsque que vous arrêtez d'enfoncer le bouton sur l’élément. - .mouseenter() : lorsque vous placez votre curseur sur l’élément ou un de ses enfants. - .mouseleave() : lorsque vous retirez votre curseur de l'élément. - .mousemove() : lorsque vous déplacez le curseur sur l'élèment. Pour le clavier je vais donner un exemple de raccourcis clavier on va dire faire un mouvement de mon #MrPoke, je vous passe le code html, et css: $(document).keypress(function(e) { // lorsque une touche est pressée sur le document ou un de ses enfantés en bref tout... avec une récupération d'entrée (la variable "e"). switch (e.which) { // on test l'entrée sous forme de chiffre case 90: $("#MrPoke").stop().animate({top : '-=100px'}); break; // Si la touche est 90 (=z) on déplace #MrPoke vers le haut. case 68: $("#MrPoke").stop().animate({left : '+=100px'}); break; // 68 = d case 83: $("#MrPoke").stop().animate({top : '+=100px'}); break; // 83 = s case 81: $("#MrPoke").stop().animate({left : '-=100px'}); break; // 81 = q } }); Événements liés à la souris: - .keydown() : lorsque l'on appuie sur une touche. - .keyup() : lorsque l'on relâche la touche. - .keypress() : lorsque l'on presse une touche, continuel contrairement à .keydown(). et encore une fonction: - .focus() : lorsque l’élément est sélectionné. ps: pour les raccourcis clavier je vous invite à cliquer sur ce lien ou il y a un tuto + liste Bonne programmation à tous! Cordialement, Mars073
  6. Salut all, Aujourd'hui je vais vous faire une intro au jquery, ce qui n'est en faite qu'une libraire en javascript mais bon la plupart des gens considèrent ça comme un langage appart .-. le plus gros avantage du jquery c'est qu'il permet de faire des animations fluide sur la plupart des navigateur internet et qu'il est simple d'utilisation. Pour "installer" jquery sur son site c'est très simple, dans la balise head de votre site ajoutez la balise suivante avant l'appel d'autres scripts utilisant jquery: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> vous pouvez aussi télécharger jquery et le mettre directement sur votre site et mettre votre lien à la place (jquery.com) créez un fichier en *.js (ex: main.js) et ajoutez le de la même manière ci-dessus et dans votre jolie fichier on va ajouter ce que j'appel des balises jquery au même titre que le php (<?php ?>) même si ça n'a rien à voire, ce n'est pas obligé il existe différent type d'ouverture mais j'ai pris l’habitude d’utiliser celle-ci et ça évite des bugs de chargement: $(function() { // corps... }); dans l'exemple suivant on va faire un carré rouge qui change d'opacité si le curseur se trouve dessus ou non: -code html: <!DOCTYPE html> <html> <head> <title>MmoTrick - Intro au Jquery</title> <script type="text/javascript" src="_js/jquery.min.js"></script> <script type="text/javascript" src="_js/main.js"></script> </head> <body> <div id="carre" style="background: #ff0000; height: 100px; width: 100px; opacity: 0;"></div> </body> </html> -code Jquery ("_js/main.js" dans mon exemple): $(function() { $(document).ready(function() { $("#carre").fadeto(1, 1000); // 1 = opacité qu'il doit atteindre; 1000 durée de l'animation (1000 = 1sec) }); $("#carre").mouseenter(function() { // quand le curseur est sur le carré $("#carre").fadeto(0.2, 500); }); $("#carre").mouseleave(function() { // quand le curseur quitte le carré $("#carre").fadeto(1, 3000); }); }); -même code Jquery mais avec une syntaxe différente mais le même effet: $(function() { $("#carre").fadeto(1, 1000); // 1 = opacité qu'il doit atteindre; 1000 durée de l'animation (1000 = 1sec) $("#carre").mouseenter(function() { // quand le curseur est sur le carré $(this).fadeto(0.2, 500); }).mouseleave(function() { // quand le curseur quitte le carré $(this).animate({opacity: 1}, 3000); }); }); Légende: - $(document), $(this), $("#carre") sont des selecteurs ils permettent de désigner le ou les éléments auquel vous voulez apporter une modification, un evenemnt ou une fonction quelconque, "#carre" est un selecteur similaire au css vous pouvez donc le remplacer par quelque chose du style: ".carre:first" ce qui selectionne le premier element de la class "carre". - .ready(), .mouseenter(), .mouseleave() sont des evenements propre à jquery (ce qui permet une interaction plus fluide et contrôlée avec l'utilisateur). - .fadeTo, .animate() sont des fonctions propre à jquery ce qui permet l'interaction avec les élèments du site (surtout le css); Les différence entre les deux syntaxes: - suppression de l'evenement .ready (l’exécute le code dans le document est chargé), la balise jquery à +/- le même effet ce qui le rend inutile dans ce cas. - remplacement de $("#carre") par $(this), "this" indique que la modification ne s'applique que à l’élément concerné par l'evenement ce qui est utile dans le selecteur est une class (ex: ".carre" à la place de "#carre"). - .mouseleave() mit à la suite quand vous avez plusieurs evenement pour le même selecteur vous pouvez les accrocher. - remplacement de .fadeTo() par .animate(), fadeTo est une version raccourcis pour l'opacité, l'avantage de .animate() et que vous pouvez modifier plusieurs éléèment du css en même temps (ex: '$(this).animate({opacity: 1, width: 250}, 3000);' ). Si vous reprenez mes codes vous verrez que si vous passez plusieurs fois le curseur sur le curseur l'animation va se répéter en boucle pour empêcher cela il suffit d'ajouter la fonction .stop() avant .fadeTo() ou .animate. Pour créer des variables c'est exactement la même chose que en javascript... car c'est du javascript mais certains puristes mettent un "$" devant le nom ce qui ne change absolument rien. Bonne programmation à tous! Cordialement, Mars073
  7. Salut all, Je me suis enfin motivé à faire une intro sur l'ajax et son utilisation simplifié avec JQuery. Comme le veut la tradition du manque d'humour avec l'ajax: Donc pour ceux qui ne savent pas ce qu'est l'ajax, en gros c'est à la place de faire recharger votre site pour quelques données vous faites une requêtes en arrière plan, c'est utile dans les shoutboxs ou pour faire certain effet sur les sites (par exemple). L'ajax c'est du javascript rien à foutre de ce que vous dites et NON son utilisation par JQuery ne fait pas de vous un "dev" en ajax... Comme je l'ai dis au dessus c'est l’exécution d'une requête en arrière-plan donc il faut l'initialiser > configurer la requête > l'envoyer (> récupérer réponse) Initialisation: var request; if (window.XMLHttpRequest) { request = new XMLHttpRequest(); } else if (window.ActiveXObject) { // Un petit test pour IE car ils savent pas faire comme les autres... request = new ActiveXObject("Microsoft.XMLHTTP"); } else { alert("Votre système d'exploitation internet ne semble pas supporter l'ajax.."); } Envoyer une simple requête (comme si vous alliez sur la page): request.open("GET", "fichier.php", true); request.send(null); donc vous avez dans ce cas 2 fonctions .open() et .send(): -open(): vous "ouvrez" une requête enfin de lui expliquer comment elle doit s’exécuter en 3 paramètres: -- "GET" : type d'envoie de la requête -- "fichier.php" : le fichier/page sur le quel il va être exécute -- true : mode asynchrone -send(): envoie de la requête dans ce cas présent il y a null car il n'y a aucun envoie de donnée maintenant un envoie un peut plus complexe, on va faire un système d'inscription à un newsletter par requête post ._. code html (compliqué *tousse*): <input id="mail" type="email"> <input id="send" type="button" onClick="inscription();"> El js (ajax): function inscription() { var mail = document.getElementById("mail").value; request.open("POST", "fichier.php", true); request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); request.send("?mail=" + mail); request.onreadystatechange = function() { if (request.readyState == 4 && request.status == 200) { alert(request.responseText); } } } Dans cet exemple j'ai fais une fonction du nom d'inscription, le fichier "fichier.php" dit si l'inscription a été validé ou non, -open(): cette fois-ci ce n'est pas une requête GET mais POST donc je récupére les données en php avec $_POST[]; -setRequestHeader(): fonction optionnel pour préciser des paramètres dans l'entête de la requête -send(): je mets en forme la variable que j'ai récupéré du nom de mail, les variables doivent être mit selon la norme RFC-1738 exemple : ?variable=123&var2=Bonjour&page=recherche&patati=p atata -onreadystatechange : c'est l'eventement qui est généré lors de l'envoie des différents étapes de l'envoie -readyState et status : je test le stade de la requête pour voir si elle est valide:: --readyState: --- 0 : requête non initialisé --- 1 : connexion au serveur établie --- 2 : requête envoyée --- 3 : traitement de la requête --- 4 : réponse reçu --status: --- 200: "Ok"... je sais pas comment expliquer --- 404: page non trouvée -responseText : retourne la reponse de la requête sous forme de texte brut et la version simplifiée (en JQuery): vous avez 3 possibilité qui reviennent presque au même : $.ajax, $.get et $.post, j'ai expliqué la différence au dessus (le $.ajax et similaire au $.get). La syntaxe pour un simple envoie avec $.ajax: $.ajax({url:"fichier.php"}); La syntaxe pour un simple envoie avec $.get et un petit message à la fin de l'envoie: $.get("fichier.php", function() { alert("requête envoyée"); }); La syntaxe pour envoie avec variables avec $.post et recupération des données (fonctionnel avec $.get sans les variables entre {}): $.post("fichier.php", { page : "mmotrick", methode : "ajax", version : 3 }, function(data, statut){ alert("Réponse requête: " + statut + "# " + data); }); ...
×
×
  • Créer...