Plusieurs pages en une seule
Résolu
jiantox
Messages postés
1092
Date d'inscription
Statut
Membre
Dernière intervention
-
jiantox Messages postés 1092 Date d'inscription Statut Membre Dernière intervention -
jiantox Messages postés 1092 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Plusieurs pages en une seule
- Comment imprimer un tableau excel sur une seule page - Guide
- Supprimer une page word - Guide
- Mettre une seule page en paysage word - Guide
- Regrouper plusieurs feuilles excel en une seule - Guide
- Mettre une image en fond sur word sur une seule page - Guide
7 réponses
Salut,
tu peux soit utiliser des iframes ou soit de l'ajax afin de charger dynamiquement qu'une partie de ton site ! :-)
A+
Gaerebut
tu peux soit utiliser des iframes ou soit de l'ajax afin de charger dynamiquement qu'une partie de ton site ! :-)
A+
Gaerebut
tient
regarde ce tutoriel
je pense qu'il correspond a ce que tu cherche
http://doc.arthezius.fr/art-4.html
regarde ce tutoriel
je pense qu'il correspond a ce que tu cherche
http://doc.arthezius.fr/art-4.html
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é.
"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é.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 :)
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 :)
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.
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.