Annonce

Réduire
Aucune annonce.

Config en CSS

Réduire
X
 
  • Filtre
  • Heure
  • Afficher
Tout nettoyer
nouveaux messages

    Yopala les programmeurs.

    Voilou, je suis certain que c'est possible, mais je n'ai pas les compétences ni le vocabulaire approprier pour trouver la solution, j'ai donc besoin de votre savoir svp.

    Voila, en gros la structure d'un site, chaque zone est définie en CSS (<div id="conteneur">) et je souhaiterai, en cliquant sur un lien faire un appel d'une page (image, ou html) via la zone situé en dessous. Un peu comme un iframe en fait.

    Mon blem c'est que la zone LIENS est amenée à être parfois modifiée, c'est pourquoi je veux garder cette unique page, en appelant d'autres dans la zone du dessous. En cas de modif, je n'aurai qu'à modifier ma page de base.

    De plus, j'ai besoin que la hauteur s'adapte automatiquement au contenu appelé (ce que fait pas l'iframe il me semble).

    Je suis certain que c'est un bout de code tout simple à ajouter dans mon CSS (ou le lien), mais voila je sèche.

    http://zapier.free.fr/planet/question-css.jpg

    Merci de votre aide.

    Mouarf, je ne trouve pas Je sais que c'est possible, mais j'ai fais chauffer google depuis plusieurs heures et j'ai pas d'indices.

    Pourtant un site comme planetemu, à ses liens sur la droite, et son contenu change sans avoir à appeler une nouvelle page à chaque fois.

    Grrrrrr.

    Commentaire


      Pour le contenu qui change c'est tout simple, il suffit d'utiliser xmlhttprequest, c'est la base de l'ajax. http://openweb.eu.org/articles/objet_xmlhttprequest

      Pour ajuster la taille, ça devrait être automatique si j'ai bien compris ce que tu veux : si c'est pour que le cadre recevant le script s'agrandisse si le contenu envoyé est plus grand, suffit de laisser sa height vide, il s'adaptera. Une autre possibilité que j'aime bien c'est fixé sa taille et lui mettre un overflow:auto : il changera plus de taille mais une barre de défilement apparait si le contenu dépasse (et disparait si y a pas besoin)

      Si tu rames trop, envoie moi un PM, je te ferai une petite page d'exemple vide que tu vois le fonctionnement
      http://jypdesign.info/images/planetar02.png
      http://jypdesign.info/images/planetar15.png
      http://shinod7.org/planetemu/planetar_special.png

      Commentaire


        Le plus simple est d'integrer la librairie jQuery.
        Ensuite tu l'utilise pour catcher en javascript le clic sur les liens avec un id en paramètre.
        Dans le code tu utilise la fonction ajax de jquery et tu pointe sur la page qui génère le contenu.
        Tu met alors le résultat renvoyé par cette page de contenu via ajax dans le contenu html de ta div de contenu :

        http://forums.planetemu.net/picture.php?albumid=17&pictureid=206
        http://zapier.planetemu.net/planetars/2013/bannieres-2013/kobras-planetars2013-bannieres.gif

        Commentaire


          Feignasse
          http://jypdesign.info/images/planetar02.png
          http://jypdesign.info/images/planetar15.png
          http://shinod7.org/planetemu/planetar_special.png

          Commentaire


            Y'as des outils, c'est faits pour être utilisé.

            Sinon, pour Zap, voici le bout de code

            Code:
             $("#IDLien1").click(function() { ClickLien(1); });
            
            $("#IDLien2").click(function() { ClickLien(2); });
            
            function ClickLien(id) { stateAjax = '0'; $("#ResultatFichesCBU").html(imgLoading()); url = "cheminPageResultat?id" + id; $.ajax({ url: url, cache: false, success: function (result) { if (stateAjax == '0') { $("#IDDivResultat").html(result); } else { $("#IDDivResultat").html(""); } }, error: function (result) { errorAjaxModal(result) } });
            
            }
            Désolé si c'est mal présenté, je suis avec mon téléphone car Planetemu est bloqué au boulot.
            Dernière modification par Kobras, 01 juin 2012, 11h59.
            http://forums.planetemu.net/picture.php?albumid=17&pictureid=206
            http://zapier.planetemu.net/planetars/2013/bannieres-2013/kobras-planetars2013-bannieres.gif

            Commentaire


              ouais en fait Zapounet tu fais fausse route à chercher comment faire en CSS
              faut plutôt chercher du côté du javascript pour ce genre de choses.
              t'énerve pas, jt'explique.

              Commentaire


                Par exemple avec la lib JS Prototype
                function tafonctionjavascript(){

                new Ajax.Updater('id_de_ta_div', 'page_à_appeler', { parameters: { cequetuveuxenparam }});

                }
                Zapier un joueur, un ami 26/05/2014

                Commentaire


                  Mince, moi qui pensais que ce serai facile vu que l'on utilise des conteneurs .. C'est con de pas utiliser un truc aussi simple en CSS.

                  J'ai fait des tests avec un iframe, en dehors du fait que ça ne s'adapte pas en hauteur, c'est impec.
                  <a href="lien.html" target="nom de iframe">texte</a>

                  Dommage.

                  Je le clac où le code Kobras ? Dans le conteneur ?

                  Et comment je peux faire l'appel d'une page dans cette zone ? Quant je fait mon <a href="#"> faut bien que je lui indique le conteneur (comme pour l'iframe)

                  Commentaire


                    Le code que je t'ais mis, tu le colle dans des balises script de type javascript. Tu inclut bien la librairie jQuery dans ton site avec une référence au fichier dans ta page.
                    Ton lien n'aura aucunes référence au div cible ni à la page appellé car tout cela est dans le javascript que je t'ai mis plus haut.

                    Au pire, si tu capte pas, appelle moi ce soir vers 19h-19h30
                    http://forums.planetemu.net/picture.php?albumid=17&pictureid=206
                    http://zapier.planetemu.net/planetars/2013/bannieres-2013/kobras-planetars2013-bannieres.gif

                    Commentaire


                      Merci Kobras

                      Mais j'ai déjà trop avancé avec l'iframe, puis le résultat est pas mal du tout finalement (en trichant un peu). Je t'enverrai un MP avec le lien pour te montrer.

                      Commentaire

                      Chargement...
                      X