AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

    Système d'inventaire personnel.

    Noak
    Noak
    MasculinAge : 30Messages : 29

    Sam 17 Fév 2018 - 16:32

    Ma demande



    Bonjour bonjour. ~
    Alors, j'ai parcouru ce forum et je n'ai pas vraiment trouvé ce que j'ai précieusement en tête, malheureusement. Je me tourne donc vers vous, jeunes génies du code qui me sauvent depuis quelques jours avec vos idées révolutionnaires pour rendre nos forums un peu plus interactifs. Merci au Libre Service !
    Dooonc... J'aimerais mettre en place un inventaire, personnalisé pour chacun des membres. J'ignore totalement si ceci est même possible mais voilà ce qui trotte dans mon bulbe de rêveur :
    Après les achats dans la merveilleuse boutique d'Onyx (milles merci !), j'aimerais poster un topic où chaque message (ou chaque ancre) serait l'inventaire de chaque personnage, que je mettrais moi-même à jour en retirant l'objet s'il est utilisé, et en le rajoutant lorsqu'il est acheté etc. Je voudrais créer une page HTML présente dans le menu, du nom simple "Inventaire", qui prendrait les informations (par javascript, j'imagine) contenues dans le message (ou la partie du message) qui est propre à la personne qui clique sur son "inventaire". Pour être plus concis, je répète : l'utilisateur clique sur "inventaire" et tombe sur SES informations, mais hébergées sur une page HTML.
    Mh. Voilà. J'espère que c'est clair (?) Cela ne me paraît pas possible du tout et j'imagine que je devrais simplement garder le système du topic et ainsi chaque membre devra chercher son ancre personnelle. Mais sait-on jamais, je voulais exposer cette idée et entendre les vôtres si vous en avez pour améliorer ce système. Puis vous aimez les défis, je présume ! Deux milles merci d'avance. ~


    Schéma(s) et Eléments


    Schémas : Bon.. Je ne peux pas poster de liens externes. Mais j'avais dans l'idée un tableau tout bête avec l'image et la description de l'objet. Un truc vraiment simple, je me débrouille après pour le CSS etc. C'est pas vraiment le sujet en fait.
    Tailles des éléments : 910px entre mes barres latérales.
    Effets voulus : Mh ?
    Version de votre forum : PHPBB2

    Ressources


    fond du forum : #090601
    couleur dominante (tableau, texte) : #9C8D65


    Autres précisions ?


    Bon voilà, encore une fois le schéma, couleurs etc ce n'est pas vraiment le sujet. J'aimerais vraiment mettre en place un inventaire propre à chaque membre sur une page HTML et je doute de la faisabilité de la chose... Encore une fois, j'attends surtout des idées pour être au plus proche de ça, si possible. Je suis là pour toutes vos questions et vos besoins de précisions. Encore merci pour toute la team Never-Utopia ! ♥



    Dernière édition par Noak le Lun 30 Avr 2018 - 17:36, édité 1 fois
    • Revenir en haut
    Noak
    Noak
    MasculinAge : 30Messages : 29

    Lun 19 Fév 2018 - 15:01

    Même si vous avez des esquisses d'idées, des bribes de projet, des particules de réflexion, je suis là pour en discuter avec vous. ~
    • Revenir en haut
    Senk
    Senk
    MasculinAge : 25Messages : 48

    Jeu 15 Mar 2018 - 20:52

    C'est techniquement faisable.
    Il faudrait donc conserver en effet un topic dédié à ça et récupérer les infos qu'il contient.
    Pour faciliter la tâche au codeur il faudrait aussi utiliser une manière spécifique de stocker les données.

    Si ta demande est toujours d'actualité, il se peut que je tente quelque chose si je trouve du temps.
    • Revenir en haut
    Noak
    Noak
    MasculinAge : 30Messages : 29

    Lun 9 Avr 2018 - 5:43

    Désolé du temps de réponse ! C'est en effet toujours d'actualité. ~
    Prends ton temps mais si tu parviens à m'aider là-dessus, voilà qui serait vraiment génial. o/

    Merci d'avance !
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 19 Avr 2018 - 19:15

    Salut!

    Tu n'as pas donné de schéma ou quoi que ce soit, alors j'ai juste fait le code pour que cela s'affiche par joueur.

    Voilà le code de la page html :
    Code:
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8" />
        <meta name="author" content="Onyx" />
        <base target="_blank" />
        <title>Inventaire</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
        <style type="text/css">
          .inventaire {
          margin: auto;
          }
          .bloc_inventaire, invisible {
          display: none;
          }
          .visible {
          display: block;
          }
        </style>
        <script type="text/javascript">
        //<!--
          $(function(){
            var theuser = _userdata["username"];
            $('*[data-name="'+theuser+'"]').addClass('visible');
            if ($('.visible').length < 1) {
              $('.invisible').addClass('visible');
            }
          });
        //-->
        </script>
      </head>
      <body>
        <div class="inventaire">
          <span class="invisible">Vous n'avez pas d'inventaire.</span>
         
          <div class="bloc_inventaire" data-name="Admin">
            Bla
          </div>
         
          <div class="bloc_inventaire" data-name="Nom2">
            Blabla
          </div>
         
          <div class="bloc_inventaire" data-name="Nom3">
            Blabla
          </div>
         
        </div>
      </body>
    </html>

    Quand tu crées ta page HTML, choisis "oui" à l'option "Voulez-vous utiliser le haut et le bas de page de votre forum ?".
    Sinon, aller voir qui est l'utilisateur est pas mal plus dur et il va falloir tout refaire le script u_u

    Chaque inventaire correspond à ça :
    Code:
          <div class="bloc_inventaire" data-name="Nom3">
            Contenu de l'inventaire de Nom3
          </div>

    Le nom de la personne à qui l'inventaire appartient doit être mis à la place de "Nom3", comme "Onyx" par exemple. Tu mets l'inventaire comme tu veux dans cette div.



    • Revenir en haut
    Noak
    Noak
    MasculinAge : 30Messages : 29

    Mer 25 Avr 2018 - 19:02

    Ohhh mais c'est par-fait ! C'est exactement ce que je cherchais à faire, tu es géniale ! Merci énormément !
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Jeu 21 Nov 2024 - 21:30