Précédent   Planet Emulation Forums > Divers > Hardware et Software

Hardware et Software Un problème de configuration ou autre ?
C'est ici que ca se passe !

Réponse
 
Outils de la discussion Modes d'affichage
Vieux 31/05/2012, 23h49   #1
Zapier
Membre de la Team
 
Avatar de Zapier
 
Date d'inscription: 08/2004
Localisation: Clermont (Oise)
Messages: 10 326
Zapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputation
Icon14 Config en CSS

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.
__________________
Zapier est déconnecté   Réponse avec citation
Vieux 01/06/2012, 10h12   #2
Zapier
Membre de la Team
 
Avatar de Zapier
 
Date d'inscription: 08/2004
Localisation: Clermont (Oise)
Messages: 10 326
Zapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputation
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.
__________________
Zapier est déconnecté   Réponse avec citation
Vieux 01/06/2012, 11h53   #3
Shino
Ninja de merde
 
Avatar de Shino
 
Date d'inscription: 04/2006
Messages: 4 529
Shino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèle
Envoyer un message via ICQ à Shino Envoyer un message via MSN à 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
__________________
http://jypdesign.info/images/planetar02.png
http://jypdesign.info/images/planetar15.png
http://shinod7.org/planetemu/planetar_special.png
Shino est déconnecté   Réponse avec citation
Vieux 01/06/2012, 12h31   #4
Kobras
1ier inscrit sur le forum
 
Avatar de Kobras
 
Date d'inscription: 10/2001
Localisation: Lyon
Messages: 8 793
Kobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaît
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
Kobras est déconnecté   Réponse avec citation
Vieux 01/06/2012, 12h32   #5
Shino
Ninja de merde
 
Avatar de Shino
 
Date d'inscription: 04/2006
Messages: 4 529
Shino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèleShino devrait être votre modèle
Envoyer un message via ICQ à Shino Envoyer un message via MSN à Shino
Feignasse
__________________
http://jypdesign.info/images/planetar02.png
http://jypdesign.info/images/planetar15.png
http://shinod7.org/planetemu/planetar_special.png
Shino est déconnecté   Réponse avec citation
Vieux 01/06/2012, 12h57   #6
Kobras
1ier inscrit sur le forum
 
Avatar de Kobras
 
Date d'inscription: 10/2001
Localisation: Lyon
Messages: 8 793
Kobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaît
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.
__________________
http://forums.planetemu.net/picture.php?albumid=17&pictureid=206
http://zapier.planetemu.net/planetars/2013/bannieres-2013/kobras-planetars2013-bannieres.gif

Dernière modification par Kobras ; 01/06/2012 à 12h59.
Kobras est déconnecté   Réponse avec citation
Vieux 01/06/2012, 13h20   #7
ChemicalStöf
autiste
 
Avatar de ChemicalStöf
 
Date d'inscription: 12/2002
Localisation: jm'appelle Kimi, jviens d'Paris
Messages: 7 392
ChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèle
Envoyer un message via MSN à 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.
__________________
t'énerve pas, jt'explique.
ChemicalStöf est déconnecté   Réponse avec citation
Vieux 01/06/2012, 13h39   #8
Shadowritter
Plier du forum
 
Avatar de Shadowritter
 
Date d'inscription: 09/2002
Localisation: Sottevilles les rouens
Messages: 3 205
Shadowritter est vraiment sympaShadowritter est vraiment sympaShadowritter est vraiment sympaShadowritter est vraiment sympa
Par exemple avec la lib JS Prototype
Citation:
function tafonctionjavascript(){

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

}
Shadowritter est déconnecté   Réponse avec citation
Vieux 01/06/2012, 14h52   #9
Zapier
Membre de la Team
 
Avatar de Zapier
 
Date d'inscription: 08/2004
Localisation: Clermont (Oise)
Messages: 10 326
Zapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputation
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)

__________________
Zapier est déconnecté   Réponse avec citation
Vieux 01/06/2012, 15h14   #10
Kobras
1ier inscrit sur le forum
 
Avatar de Kobras
 
Date d'inscription: 10/2001
Localisation: Lyon
Messages: 8 793
Kobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaît
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
Kobras est déconnecté   Réponse avec citation
Vieux 01/06/2012, 16h46   #11
Zapier
Membre de la Team
 
Avatar de Zapier
 
Date d'inscription: 08/2004
Localisation: Clermont (Oise)
Messages: 10 326
Zapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputationZapier fait joujou avec le système de réputation
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.

__________________
Zapier est déconnecté   Réponse avec citation
Réponse


Utilisateurs regardant la discussion actuelle : 1 (0 membre(s) et 1 invité(s))
 
Outils de la discussion
Modes d'affichage

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non

Navigation rapide

Discussions similaires
Discussion Auteur Forum Réponses Dernier message
New Config Tr@shLOLO Hardware et Software 15 08/01/2005 22h47
Config X-arcade ben-J- Emulateurs Arcade 1 06/05/2004 10h06
Vos Config ? ph02601 Hardware et Software 58 26/09/2003 23h41
Une Config Ati 128 Chipp Emulateurs Consoles 4 23/08/2003 13h55
config akuma_hadoumaster Emulateurs Consoles 5 13/08/2002 01h00


Fuseau horaire GMT +2. Il est actuellement 18h31.


vBulletin® v.3.8.7, Copyright ©2000-2024, Jelsoft Enterprises Ltd.