Ouvrir une page dans un <div id=""> en XHTML ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Ouvrir une page dans un <div id=""> en XHTML ?

snp

quand on sait pas, on se tait

Bonjour,
j'utilisais avant des frames pour faire mes sites :

frame haut = "banniere"
frame gauche = "menu"
frame droit = "corps"

Un clic sur un bouton du menu m'ouvrait dans mon frame "corps" la page demandé (<a href="toto.html">Toto</a> )

Seulement voilà, il parait qu'il vaut mieux arreter d'utiliser des frames :non: . Ce que je comprends :jap: .

J'ai donc refait un site en virant les frames mais je ne sais pas comment ouvrir une page html dans un "cadre" (<div id="corps"> ).
voici un bout de code par exemple :

Code :

<div id="menu">
<div class="element_menu">
<a href="index.html" target="_top"><h1>MENU PRINCIPAL</h1></a>
<ul>
<li><dt onmouseover="javascript:montre('smenu1');">Principes du dispositif</dt>
<div id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout= "javascript:montre('');">
<ul>
<li><a href="qui.htm#element_menu">Qui sommes-nous ?</a></li>
<li><a href="fonctionnement.htm" target="mainFrame">Fonctionnement</a></li>
<li><a href="soutien.htm" target="mainFrame">Soutien</a></li>
<li><a href="suivi.htm" target="mainFrame">Suivi professionnel</a></li>
<li><a href="accompagnement.htm" target="mainFrame">Accompagnement</a></li>
<li><a href="chiffres.htm" target="mainFrame">Chiffres</a></li>
<li><a href="temoignages.htm" target="mainFrame">Témoignages</a></li>
</ul>
</div>
</div>
</div>
<div id="corps">
<ul>
</ul>
</div>

Je ne trouve rien sur le net.
Quelqu'un peut-il m'aider SVP ??

Publicité

boulax

Inserer phrase hype en anglais

premier exemple de n'importe quel tuto Php

---------------
Posté depuis des chiottes, sales. Me gusta.

FlorentG

Unité de Masse

On peut pas. Faut tout recharger. C'est comme ça queça marche, toute autre tentative conduit obligatoirement à des problèmes...

snp

quand on sait pas, on se tait

on m'a dit d'essayer un truc du genre

Code :

<a href="qui.htm#corps">Qui sommes-nous ?</a>

mais ça m'ouvre une nouvelle page...

boulax, tu parle de la fonction include c'est ça ?

FlorentG

Unité de Masse

On ne peut pas remplacer un fragment d'HTML par une page entière. On ne peut évidemment pas imbriquer deux documents, c'est une règle de base de l'HTML.

Il faut obligatoirement tout recharger. La page doit être composée côté serveur.

Message cité 1 fois

snp

quand on sait pas, on se tait

OK, bien compris.
du coup j'ai fait ça :

Code :

<div id="corps">
<?php
include("accueil.php" );
?>
</div>

et mon fichier accueil.php

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" type="image/x-icon" href="outils/images/grafic.ico" />
</head>
<body>
<ul>
<center>
Mon texte a afficher dans la partie appropriée...
</ul>
<img src="outils/images/tremplin.jpg" width="100%">
</center>
</body>
</html>

Par contre, comment créer mes liens ?

Message édité par snp le 07-09-2006 à 14:27:20

snp

quand on sait pas, on se tait

j'ai peur de comprendre....
quand FlorentG dit "Il faut obligatoirement tout recharger. La page doit être composée côté serveur." cela veut-il dire que je dois creer une page complete (avec menus, banniere, footer etc...) par lien ?

Message édité par snp le 07-09-2006 à 14:30:38

gen2

Dans ton fichier accueil.php, tu n'as pas à redéclarer ton doctype et les en-têtes.
En fait, cette page est incluse dans ta page principale (celle qui contient le include('accueil.php')).

Tu ne dois pas donc pas recréer ton menu et le reste pour chaque page. Tout ceci est fait dans la page principale.
Puis les pages comme accueil.php doivent contenir uniquement les éléments que tu souhaites afficher dans ton <div id="corps">.

Mais le fait est que toute la page sera rechargée à chaque fois que l'utilisateur souhaitera changer de page.
Ce n'est pas très génant puisque ta bannière et ton menu sont dans le cache du navigateur et ne nécessitent généralement qu'un temps de chargement négligeable.

Pour ne modifier que le contenu de la balise <div id="corps">, il faudrait utiliser l'objet javascript XMLHttpRequest. La bannière et le menu ne seraient alors plus rechargés à chaque fois mais c'est une solution plus complexe et qui présente un certain nombre d'inconvénients.

snp

quand on sait pas, on se tait

Merci gen2
OK donc pour le principe de l'inclusion, j'ai bien compris.
OK aussi pour le doctype et les en-têtes.
mais je ne comprends pas comment afficher un include dans mon <div id="corps"> en fonction d'un clic sur un lien.

snp

quand on sait pas, on se tait

en gros, je clic dans mon menu sur "toto" et je veux voir la page toto.php s'afficher dans mon <div id="corps">.
je comprends pas comment faire

Publicité

snp

quand on sait pas, on se tait

gen2

Pour ça, tu dois passer le nom de ta page dans l'url.

Par exemple pour toto.php :

http://monsite.fr/index.php?page=toto

Et dans ton code PHP, tu auras quelque chose du genre :

Code :

switch($_GET['page']) {
case 'toto':
include('toto.php');
break;
/* etc. */
}

snp

quand on sait pas, on se tait

OK j'ai bien compris : merci pour l'astuce !
par contre, comment faire pour avoir une page par défaut dans mon div id=corps quand j'ouvre index.php ?
parce que là il me met dans ce div justement un undefined index !

esox_ch

Parceque à la ligne 0 gen2 a ecrit $_GET['page'] = (isset($_GET['page'])):$_GET['page']?'default'

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

snp

quand on sait pas, on se tait

désolé mais je comprends pas.
peux-tu mettre le code complet stp dans

Code :

<div id="corps">
<?php
switch($_GET['page'])
{
case 'qui':
include('qui.htm');
break;
}
?>
</div>

snp

quand on sait pas, on se tait

up svp

snp

quand on sait pas, on se tait

une petite explication SVP ?

boulax

Inserer phrase hype en anglais

T'es un vrau boulet toi hein

Code :

<?php
switch($_GET['page'])
{
case 'qui':
include('qui.htm');
break;
default:
include('blabla.htm');
break;
}
?>

http://www.php.net

Message cité 1 fois

---------------
Posté depuis des chiottes, sales. Me gusta.

esox_ch

boulax a écrit :

T'es un vrau boulet toi hein

Code :

<?php
switch($_GET['page'])
{
case 'qui':
include('qui.htm');
break;
default:
include('blabla.htm');
break;
}
?>

http://www.php.net

En l'occurence le boulet c'est toi, parceque tu controles nulle part que $_GET['page'] existe, du coups tu risques de te manger un joli undefined index ... Bon appetit

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

boulax

Inserer phrase hype en anglais

ok
faut faire un if avant
lol

---------------
Posté depuis des chiottes, sales. Me gusta.

snp

quand on sait pas, on se tait

oui j'en suis un !
mais je n'y arrive vraiment pas : undefined index !
voici ce que j'ai comme code dans ma partie php :

Code :

<div id="corps">
<?php
switch ($_GET['page'])
{
default:
include('main.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'fonctionnement':
include('fonctionnement.htm');
break;
case 'soutien':
include('soutien.htm');
break;
case 'suivi':
include('suivi.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'qui':
include('qui.htm');
break;
case 'qui':
include('qui.htm');
break;
}
?>
</div>

boulax

Inserer phrase hype en anglais

interressant.

Donc vraiment tu veux toujours pas te documenter ?

---------------
Posté depuis des chiottes, sales. Me gusta.

boulax

Inserer phrase hype en anglais

Pourquoi 50 fois le case 'qui' ??
Le default au début hum pas bien...

Undefined index ça veut dire: index indéfini. T'as vraiment aucune idée d'ou ça pourrait venir et comment y remédier ?

---------------
Posté depuis des chiottes, sales. Me gusta.

snp

quand on sait pas, on se tait

Merci pr ta patience boulax !
pour les 50 'qui' c'est du copier coller qui va me servir pour mes menus (j'aurai juste a modifier le 'qui' par le nom de ma page.
je suppose que je dois déclarer ma variable 'page' mais je ne vois pas comment....les if isset ne semble pas marcher...
mais j'avoue etre un boulet en effet...
pourquoi le default au début c'est pas bien ??

Message édité par snp le 08-09-2006 à 14:35:22

gen2

Le principe de fonctionnement du siwtch fait qu'il vaut mieux mettre ton default à la fin si tu veux que ça marche.

Sinon pour ton code, en version un peu plus complète ça donne à peu près ça :

Code :

if(!isset($_GET['page']) {
$page = 'main.html';
} else {
switch($_GET['page']) {
case 'qui' :
$page = 'qui.html';
break;
/* etc */
default:
$page = 'main.html';
}
}
include($page);

snp

quand on sait pas, on se tait

ça me gonfle grave tout ça, si vous saviez !!
merci en tout cas gen2 !
mais.....j'ai un parse error sur ta ligne 1

boulax

Inserer phrase hype en anglais

Arrete l'informatique

---------------
Posté depuis des chiottes, sales. Me gusta.

boulax

Inserer phrase hype en anglais

ou commence

---------------
Posté depuis des chiottes, sales. Me gusta.

snp

quand on sait pas, on se tait

désolé mais je débute, c'est du loisir ce que je fais, c'est pas mon job !
j'essais de faire ce que je peux....

boulax

Inserer phrase hype en anglais

Bah commence par les bases bordel [:mlc]

Apprends VRAIMENT la syntaxe d'un langage (en te DO-CU-MEN-TANT), apprends qu'en général ont doit refermer une parenthèse ouverte, apprends à lire les erreurs que le programme te renvoi, sinon dans 2 semaines t'en seras toujours au même niveau !

---------------
Posté depuis des chiottes, sales. Me gusta.

esox_ch

Boulax et gen2, vous avez raison sur le fond, mais faudrait arreter de donner des exemples foireux ... genre Gen2 ca se voit que t'a oublier un ) a la 1ere ligne ... Du coups ca aide pas vraiment un ultra debutant ...

Parcontre snp effectivement tu *dois* lire la doc avant de venir poser tes questions qui sont ,je te l'assure, totalement basique

Message cité 1 fois

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

snp

quand on sait pas, on se tait

j'y crois pas....je les avais comptées pourtant !!!!!!!!!!!
VRAIMENT UN GRAND MERCI !!!!

gen2

esox_ch a écrit :

Excuse moi d'avoir été poli avec snp, de l'avoir conseillé et de lui avoir fourni des exemples de codes, de ne pas avoir installé un serveur apache sur ma machine ainsi qu'un interpréteur PHP pour tester mes 3 lignes de codes. Non vraiment je suis désolé.

Promis j'aiderai plus les débutants avec mes exemples de codes foireux.
Sur ce bonne soirée :hello:

The-Shadow

Développeur
T'as été voir dans ton profil?

FlorentG a écrit :

Si on peut.
Sur IE depuis 98 et sur les autres navigateur depuis peu.
Mais comme MS c'est le mal on va zapper IE, on va dire que c'est les autres navigateurs qui l'ont inventé et on va appeler ça le Web 2.0, tout neuf, tout propre, nettoyé à l'Ajax (jeudemotpourriteinsidequejayhontedelavoirfé)

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Ouvrir une page dans un <div id=""> en XHTML ?

Sujets relatifs
[Resolu]C# Ouvrir un fichier via double click à partir de mon appli	Lien vers une page : pb de syntaxe
[Access] Imprimer plusieurs états sur une même page	[JS] executer un javascript quand on reactualise la page
Entête de page avec deux images, css, ie et ff sont dans un bateau...	Ouvrir une vidéo quicktime dans une nouvelle fenetre
Problème de validation XHTML	Creer un forum sur sa page perso
Récupérer les données dans une autre page [Résolu]	comment ouvrir un lien et executer un fichier php en parallele
Plus de sujets relatifs à : Ouvrir une page dans un <div id=""> en XHTML ?

Page générée en 0.151 secondes