Plusieurs pages en une seule

Résolu/Fermé
jiantox Messages postés 1081 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 - 29 janv. 2010 à 16:40
jiantox Messages postés 1081 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 - 30 janv. 2010 à 10:00
Bonjour,

Je code actuellement mon site internet ( http://tox-dj.website.org )
Et je me demandais comment faire pour insérer plusieurs pages en une seule ?

Je developpe sous forme de schema

[ PAGE UNIQUE ]

[ contenu 1 ] [ contenu 2 ]

[ /PAGE UNIQUE ]

je voudrais que quand on arrive sur la page unique le contenu 1 soit afficher et que quand on clique sur le contenu 2, l'url reste le meme et que ce soit juste le contenu qui change.

si quelqu'un peut m'aider je le remerci d'avance :)

TOX-DJ

7 réponses

gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
29 janv. 2010 à 16:44
Salut,

tu peux soit utiliser des iframes ou soit de l'ajax afin de charger dynamiquement qu'une partie de ton site ! :-)

A+

Gaerebut
0
Utilisateur anonyme
29 janv. 2010 à 16:48
tient
regarde ce tutoriel

je pense qu'il correspond a ce que tu cherche

http://doc.arthezius.fr/art-4.html
0
jiantox Messages postés 1081 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 114
29 janv. 2010 à 16:50
merci je regarde ça et jte dis :)
0
azerwhite Messages postés 625 Date d'inscription mardi 21 octobre 2008 Statut Membre Dernière intervention 7 novembre 2011 43
29 janv. 2010 à 17:02
SURTOUT PAS D'IFRAM
"Depuis j'ai élargi à vous tous. " ne veut rien dire. "depuis, j'ai élargi mes prestations à vous tous" par exemple.
Le rouge est à proscrire pour tout ce qui n'est pas un danger ou un message d'erreur.
Et je pense que le tuto http://doc.arthezius.fr/art-4.html ne corresponds à ce que tu veux, je dirais même qu'il propose une solution obsolète.
Il te faut de l'AJAX, en gros c'est l'utilisation du JS et du PHP pour pouvoir modifier ton contenu sans recharger la page.
je te propose ces tuto là:
https://www.xul.fr/xml-ajax.html
http://www.elitwork.com/ajax.html
https://www.zebulon.fr/dossiers/tutoriaux/84-dynamisez-site-internet.html/8

Ils ont l'air d'être pas mal.

Alors pour ta question, Attention parce que ce que tu proposes empêches la fonction précédent/suivant du navigateur donc si la page n'a aucun lien je le déconseille fortement.
Sinon, tu dois le faire en Ajax (en mode synchrone): ton Javascript va demander un changement de contenu au php. C'est très intéressant et plein de possibilité s'offre à toi une fois cette technologie maitrisé.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
jiantox Messages postés 1081 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 114
29 janv. 2010 à 17:23
je te remerci =)

mais -> https://www.zebulon.fr/dossiers/tutoriaux/84-dynamisez-site-internet.html/8
ça fais quand meme changer l'url,

et pour ce qui est du design de mon site, c'est sur c'est pas la clareté de wikipédia, mais c'est voulu :)
0
azerwhite Messages postés 625 Date d'inscription mardi 21 octobre 2008 Statut Membre Dernière intervention 7 novembre 2011 43
29 janv. 2010 à 18:11
Oui, mais le faite de ne pas changer d'url ça respecte pas les normes d'accessibilité et d'ergonomie. Après c'est toi qui choisit.
Pour ce qui est du design, je critique jute le choix des couleurs. Qui sont des couleurs à forte connotation qu'on utilise pour des raisons précise. Cela véhicule un message qui n'est pas celui de ton site. C'est dommage pour ton image c'est tout ^^
Si tu ne veux pas changer D'url tu as ce système:
<ul id="onglets">
<li><span><a id="link_reporting" title="Reporting onglet" href="#">Reporting</a></span></li>
<li><span><a id="link_contacts" title="Contacts onglet" href="#">Contacts</a></span></li>
</ul>

Et après:
function afficherOnglet(onglet, idSociete) {

nameOnglet = onglet.attr("id").replace(new RegExp("link_","g"),"");
$("li.courant").removeClass("courant");
onglet.parents("li").addClass("courant");
switch(nameOnglet) {
case 'reporting':
url = "Reporting.php";
url2 = "ReportingSociete.php";
data = "id=<?php echo $societe->getId(); ?>";
$('#droite').html('<a <?php construireContactsSociete($societe); ?>');
break;
case 'contacts':
url = "Contacts.php";
url2 = "ContactSociete.php";
data = "id=<?php echo $societe->getId(); ?>";
$('#droite').html('<?php construireReportingSociete($societe);?>');
break;


Le principe c'est que en fonction de l'onglet cliquer, le JS include une page différente et cela sans changer l'url.
0
jiantox Messages postés 1081 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 26 janvier 2019 114
30 janv. 2010 à 10:00
merci,

je pense que je vais laisse comme ça sur 2 pages en attendant de trouver ce que je cherche =)

et pour le design je le change souvent ^_^ j'essai un peu tout :P
0