Changer le contenu sans rafrachir le reste !

xirox Messages postés 7 Date d'inscription dimanche 21 septembre 2003 Statut Membre Dernière intervention 25 juin 2006 - 19 déc. 2004 à 14:44
the_smurf Messages postés 283 Date d'inscription vendredi 6 août 2004 Statut Membre Dernière intervention 22 juin 2006 - 21 déc. 2004 à 16:03
Bonjour,

il y a quelque temps de cela, j'avais vu un site dont je n'arrive pas a retrouver l'url qui fonctionner en ne rafrachissant que le contenu du site sans rafrachir les menu ! Mais je ne sais pas du tout comment reproduire cela. Quelqu'un pourrait-il m'aider?
En esperant que vous avez compris mon problème, je vous remercie d'avance.

- xiRox -

2 réponses

malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
20 déc. 2004 à 09:59
Hello.

Tu as le choix : tu peux utiliser des frames (1 frame pour le menu, 1 frame pour le contenu du site), mais bon...
Sinon, je le fais svt en PHP : tu crees plusieurs fichiers que tu inclues dans le fichier du contenu du site.

Exemple :

Fichier1 : contient le haut de ta page (header), avec le titre du site, et par exemple le menu.
Fichier2 : contient le contenu du site, et il est lie au menu par un Include du fichier1 (ca doit etre possible en javascript, je ne me suis jamais pose la question).
Vla.
En general je fais un fichier3 qui contient le bas (le footer) du site.

Bonne prog.

Johan
0
the_smurf Messages postés 283 Date d'inscription vendredi 6 août 2004 Statut Membre Dernière intervention 22 juin 2006
21 déc. 2004 à 16:03
Autre solution: le javascript
On est sur le bon forum alors ne s'en privons pas.

Pour modifier une page sans rechercher ta page tu peux soit:
1/ faire apparaitre des éléments qui étaient déjà créés
On peut faire ça avec des div et l'attribut de style visibility.
Ex:



lastDisplayed = "traitement1";
function display(aNumber)
{

document.getElementById(lastDisplayed).style.visibility="hidden";
document.getElementById("traitement"+parseInt(aNumber)).style.visibility="visible";
lastDisplayed = "traitement"+parseInt(aNumber);
}




Enter only your name

Enter name, firstname and age

Enter what you want







Name:

.




Name:

Firstname:

Age:

.




Comments:

.








2/ En changeant virtuellement le contenu de ton html. Je m'explique:
Il y a une méthode innerHTML qui permet de changer le contenu d'une balise.
Ex:
Dans ta page tu repère un endroit où tu vas vouloir rajouter du texte par ex avec un div ou autre chose(

)
Et, avec du javascript, sur je ne sais quelle action, tu peux modifier le contenu de ce div de la façon suivante:
document.getElementById("ici").innerHTML="Le contenu que tu veux écrire"
0
Rejoignez-nous