Config en CSS

[Zapier]

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.



Merci de votre aide.

[Zapier]

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.

[Shino]

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

[Kobras]

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 :

[Shino]

Feignasse

[Kobras]

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

Sinon, pour Zap, voici le bout de 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.

[ChemicalStöf]

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.

[Shadowritter]

Par exemple avec la lib JS Prototype

function tafonctionjavascript(){

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

}

[Zapier]

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)

[Kobras]

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

[Zapier]

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.