Jump to content

Cloudfordream -  NabboHotel -  CloudCMS

Bienvenue sur Habbo-Dev !

Search the Community

Showing results for tags 'javascript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Habbo-Dev
    • Forum Announcements
    • presentations
    • suggestions
  • General Forums
  • Développement
    • Discussions - Développement
    • Tutos
    • Release
    • Aide & support
    • Services
  • Zone-Premium
    • Discussion générale
    • Concours Premium
    • Jeux vidéo
  • Ressources Habbo
    • Tutoriels
    • CMS & TEMPLATES
    • SWFS
    • Émulateurs
    • Autres ressources
  • Divers Habbo
  • Graphisme
  • Génération Développement's Template - Cms
  • Génération Développement's Information
  • Génération Développement's Demande de Aide
  • Génération Développement's Script Habbo & Hors Habbo
  • Génération Développement's Cours de Développement
  • Génération Développement's Graphisme & Graphiste
  • Les beaugoss !'s Sujets
  • Les beaugoss !'s Sujets
  • Habbo R63a Revival's Mobis (officiels)
  • Habbo R63a Revival's Mobis (customisés)
  • Habbo R63a Revival's CMS
  • Habbo R63a Revival's Émulateurs
  • Habbo R63a Revival's Tutoriels
  • Habbo R63a Revival's Support
  • Habbo R63a Revival's Autres ressources
  • Habbo R63a Revival's Développement
  • La famille Habbo-Dev's Sujets
  • Customisateur Art's LES CUSTOMISATEURS CERTIFIES.
  • Customisateur Art's VOS MOBIS
  • Customisateur Art's VOS BACKGROUNDS
  • Customisateur Art's AIDE & TUTO
  • Customisateur Art's Images
  • Habbo-Your's DISCUSSION GÉNÉRAL
  • Habbo-Your's TEMPLATE CMS & PAGE
  • Habbo-Your's Les règles
  • Habbo-Your's Les concours
  • Les aventures de Kameo's Les aventures de Kameo
  • Les aventures de Kameo's Les aventures de Kameo
  • Force & Honneur's Musique
  • Boîte à idées's Information supplémentaires
  • Boîte à idées's Boîte à idées public
  • KurtClub's Nouvelle fonctionnalités !
  • AliveSharesProject's Sujets
  • L'ancien temps ! Habbo & les rétros's Sujets
  • Développement & Autre Habbo's Développement & Aide
  • Développement & Autre Habbo's Discussion Général
  • Développement & Autre Habbo's TEMPLATE & CMS
  • Développement & Autre Habbo's Vos Créations
  • Développement & Autre Habbo's Language HTML CSS PHP MYSQL JAVASCRIPT JQUERY
  • Développement & Autre Habbo's Emulateur
  • TeamDev's Sujets
  • Les Développeurs HTML/CSS's Sujets
  • Les Développeurs HTML/CSS's Sujets
  • Créer Un Retro Habbo Sans Hamachi !'s Ajouter des catégories
  • Développement de Rétro's Ajouter des catégories
  • Entraide Habbo-Dev's Discussions
  • Entraide Habbo-Dev's Aides
  • En Développement...'s Ajouter des catégories
  • Les anciens des rétros's Questions
  • Les anciens des rétros's Forum
  • Les Architecte et Graphiste's Sujets
  • SkyCompagny's Sujets
  • Créateurs de sites fans's Sujets
  • Génération PHP/SQL's Sujets
  • Génération PHP/SQL's Sujets
  • Graphisme & Développement's Sujets
  • Habbo-Dev Community's Sujets
  • HabboHTML5's Forum principal
  • HabboHTML5's Suggestions
  • Créateur de rétro's Sujets
  • Les Actifs's Sujets
  • ZUNNY FAN's Sujets
  • En Développement...'s Sujets
  • En Développement...'s Membres

Calendars

  • En Développement...'s Événements
  • En Développement...'s Événements

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Localisé:


Interêts


Comment as-tu connu le forum?


Phrase perso


Je suis


Facebook


Twitter


Instagram


Snapchat


Skype


Youtube


Discord


Site web

Found 5 results

  1. Salut à tous. Je vous fais un petit tutoriel en attendant mes prochains partages. Le but c'est de simplement installer SweetAlert. Je vais au mieux simplifier la chose. 1) Dans le haut de la page, vous devriez avoir quelque chose ressemblant ( sans compter les codes PHP ): <head> <meta charset="utf-8"> <title>Titre</title> <!-- SweetAlert --> <link rel="stylesheet" href="web/import/sweetalert.css"> <!-- --> </head> ( Il faudra donc placer le fichier sweetalert.css dans le dossier qui suit: web/js/sweetalert.js ) 2) Dans le bas de votre page, après le </body>: <footer> <script src="./web/import/jquery-3.1.1.min.js"></script> <script src="./web/import/sweetalert-dev.js"></script> <script type="text/javascript" src="./web/import/sweetalert.min.js"></script> </footer> Faites bien attention à ce que les fichiers sois dans le bon dossier et SURTOUT que le jquery-3.1.1.min.js sois bien au dessus des autres scripts. Plus qu'a tester. La plupart des fonctions sont disponible sur le site de SweetAlert: http://t4t5.github.io/sweetalert/ Lien de téléchargement des prérequis: Télécharger Scan
  2. Bonsoir, Actuellement en stage dans une mairie, ayant comme objectif de développer un tout nouveau site en 4 semaines qui est pratiquement terminé (3 semaines), j'ai découvert une librairie Javascript plutôt pas mal. Celle-ci se nomme RE:DOM, elle permet la création d'interface utilisateur en Javascript. Exemple : <h1>Hello world</h1> deviens import { el } from 'redom'; el('h1', 'Hello world'); La plupart d'entre vous ne verront pas pourquoi l'utiliser, sa peut vous paraître beaucoup plus compliqué et long, cependant, d'un point de vue personnel, je trouve ça excellent de pouvoir créer un site entièrement en Javascript, sa change et c'est ce que j'aime. Enfin bref, je ne vais pas m'attarder sur la documentation de celle-ci, elle est disponible en cliquant ici, elle est très bien détaillé
  3. Bonjour à tous ! Partant d'un constat qui était celui du manque de script ou cms fonctionnel permettant l'envoie & l’administration de dédicace étant à la fois sécurisé et complet sur le web. Je me suis donc décider à en faire un. Après plusieurs jours de travaille , j'ai le plaisir de vous présenter : Dedi 6 (Du doux jeux de mot Système de dédicace) est un CMS plug and play : Juste à configurer l'installation à la DB & il s'occupe du reste , création de la DB (Table , colonnes (Afin de voir comment il fonctionne)). Totalement codé en Html/Css/Php , j'ai utilisé BootStrap , fontawesome , jquery pour certaines animation. L'interface client est à 100% responsive , je suis actuellement entrain de travailler sur une version iframe afin d'intégrer le formulaire dans n'importe quel site de n'importe quelle taille. L'interface admin est à 90% responsive (J'y travaille) Fonctionnalités : Ban IP. Deban IP. Affichage des IP. Captcha (+ système de Honeypot pour être sûr de limiter au maximum les bots). Suppression des messages. Connexion. Vérification constante des champs & des sessions. Avantages : Faille XSS. Faille Include. Injection SQL. ip proxy by-pass. Screen : Conclusion : Si vous avez des idées , suggestions ou quoi que ce soit vis à vis du scripts , n'hésitez pas à me contacter ! Aucun lien de téléchargement pour l'instant , j'attend des retours pour le mettre en open source (Mais ça ne serait tarder). Si vous êtes intéressez par celui-ci pour votre radio , serveur , etc.. contacter moi on peux on discuter en MP. Merci à tous.
  4. Salut la commu ! Je ne vous ai pas trop manqué (non) Bon je reviens avec un petit plugin : Un bouton animé en JQuery pour remonter en haut de sa page. Je sais que ce fameux bouton (aussi présent sur Habbo-Dev) à perdu de sa popularité ces derniers temps. Mais pour ceux qui veulent encore utiliser ces petits boutons, j'en ai codé un plugin pour vous ! Prévisualisation : Donc vous pouvez voir qu'il est un poil plus animé que celui d'habbo Dev. Pour commencer, comme ce plugin utilise JQuery, vous allez devoir relier JQuery à votre page, pour cela, je vous recommande de copier/coller dans le head ce code : <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> Dès que vous aurez fait cela, votre page sera "relié" à JQuery et sera prêt à l'utiliser. Cette étape faite, on va devoir relier le plugin en JS avec ce code : <!-- Si les deux fichiers se trouvent dans le meme repertoire --> <script src="winscroll.js"></script> <!-- Si les deux fichiers se trouvent dans un repertoire différent --> <script src="repertoire/winscroll.js"></script> Mais avant tout, vous devez télécharger le fichier en cliquant ici -> winscroll.js ou vous pouvez copier/coller le code complet qui se trouve un peu plus bas. Dès que cela est fait, il ne se passera rien, parce qu'il faut créer la balise <scroll></scroll> (moi et mon amour pour la création de balises) Mais il y a des paramètres spécifiques : <scroll fixed="true" top="0">Remonter</scroll> <!-- Ceci créra un bouton en haut de la page, l'animation ne fonctionnera pas --> <scroll>Remonter</scroll> <!-- Ceci créra un texte, si ce dernier est cliqué, la page sera remontée, l'animation ne fnctionne pas --> <scroll fixed="true" bottom="0">Remonter</scroll> <!-- Ceci créra un bouton en bas et l'animation fonctionne ! --> <scroll fixed="true" bottom="12px" right="12px">Remonter</scroll> <!-- Ceci créra un bouton à 12px du bas de la page à droite avec 12px vers la gauche, l'animation fonctionne aussi --> <!-- Vous pouvez aussi bien évidemment faire ceci : --> <scroll style="position:fixed;bottom:12px;right:12px;">Remonter</scroll> <!-- Ceci rend le meme résultat mais je trouve cela un peu plus long --> Donc en gros, dans la balise scroll, vous pouvez mettre ce que vous souhaitez, que ce soit du texte ou autre, si l'utilisateur le clique, ça remontera la page. Et remarquez aussi que l'animation fonctionne que lorsque le bouton utilise bottom, c'est juste que faire 5 animations risquerait de faire un peu long et ralentirais vos pages. Sur la vidéo plus haut, j'utilise ce code : <scroll fixed="true" bottom="22px" right="15px"> <!-- Vous pouvez insérer dans cette balise ce que vous voulez --> <img src="https://cnlovesdigital.com/wp-content/uploads/2016/04/back-to-top-button.png" style="width:70px;"> <!-- Par exemple, j'ai mis cette image de fleche vers le haut --> </scroll> Ce code donnera donc le résultat suivant : Pour ceux qui veulent juste copier/coller le code (ou juste le voir), le voici : Rapidement, si il y en a qui sont intéressés par changer la vitesse du scroll automatique, allez à la ligne 78 du fichier, ou vous pouvez voir ceci : // Animation pour le retour vers le haut, vous pouvez modifier le 700 pour la durée de scroll automatique vers le haut (en ms) $("html, body").animate({scrollTop: 0}, 700); Sachez que vous pouvez modifier le 700 pour allonger ou rétrécir la durée du scroll (1s = 1000ms) Voilà ! J’espère que ce nouveau plugin vous plaira, si je sors moins de plugins en ce moment c'est juste que je travaille sur pas mal de projets donc j'ai moins de temps à consacrer aux plugins (et en parallèle, je n'ai plus d'idées) Et bien comme d'habitude, si le plugin vous à "plu", vous pouvez toujours mettre un +1 En attendant, Bonne soirée/journée à tous et très bonne continuation ! >_Ubrain
  5. Salut salut Je ne sais pas si c'est autorisé de ne pas respecter le formulaire pour la demande d'aide, alors je vais faire ça à ma sauce ! Je suis à la recherche d'un développeur JavaScript, n'étant pas le spécialiste dans ce langage, je demande votre aide. Merci de passer par discord, : Hornet#1401 Rien de très compliqué, mais je suis vraiment une quiche dans ce domaine x). Bonne journée/soirée à tous ! Hornet
×
×
  • Create New...