Bonjour tout le monde !

Je vous explique mon problème :
J´ai par exemple cette page :

<p><a href="#">Divers</a> | <a href="#">Menu</a> | <a href="#">Publicité</a></p>
<h2>Menu</h2>
<ul>
<li><a href="#">Liens 1</a></li>
<li><a href="#">Liens 2</a></li>

</ul>

Et j´aimerais que lorsque que l´on clique sur "Divers", "Menu", etc... Ca charge un nouveau texte (pas forcément une nouvelle page, on peut très bien faire tout dans le même fichier), mais sans recharger la page entière.

Donc pour faire ça, j´ai essayé avec switch, ça a pas marché, alors j´ai essayer avec un truc plus classique, des if et des else... ça a pas marché...
Je pense que ça vient du fait que j´ai déjà fait sur ma page d´accueil un script de news qui comporte des liens donc genre index.php?page=1
Et donc pour le menu, il faudrait des liens du genre index.php?page=1&id=2 (par exemple)

Mais je ne maîtrise pas bien les liens du style là (avec des &), donc quelqu´un pourrait-il juste m´expliquer ?
Je n´ai rien trouvé sur le site du zéro ou en cherchant sur Google, et ici j´ai trouvé quelques topics qui correspondaient (1 ou 2) mais ça ne répondait pas vraiment à ma question.

Merci d´avance...
@+++

Voici le principe, a toi d´adapter le code :
http://simmstein.be/phpcode/?rub=tutos&amp;titre=petitefentrejavascript

C´est exactement ce que je cherchais. Mais je n´avait rien trouvé parce que je cherchais en php mais en fait c´est très pratique comme ça en javascript.

En tout cas, ça marche nickel.
Merci beaucoup !

@+++

de rien

Ah désolé mais j´ai un autre problème maintenant...
On va prendre par exmemple le même code, donc maintenant avec le javascript ça donne un peu près ça :

<div id="sidebar">
<p><a href="#" onclick="ouvrir(´divers´);">Divers</a> | <a href="#" onclick="ouvrir(´menu´);">Menu</a> | <a href="#" onclick="ouvrir(´pub´);">Publicité</a></p>
<div id="divers">
<h2>Divers</h2>
<ul>
<li><a href="#">Liens</a></li>
<li><a href="#">Liens</a></li>
</ul>
</div>
<div id="menu">
<h2>Photoshop</h2>
<ul>
<li><a href="#">Liens</a></li>
<li><a href="#">Liens</a></li>
</ul>
</div>
<div id="pub">
<h2>Publicité</h2>
<ul>
<li><a href="#">Liens</a></li>
<li><a href="#">Liens</a></li>
</ul>
</div>

et en fait j´aimerais ne pas avoir à utiliser la fonction fermer... c´est à dire que je voudrais que dès qu´on clique sur un autre lien, ça ferme l´ancien automatiquement...

Par exemple je suis sur "Menu" et quand je clique sur "Divers" ça ferme "Menu" automatiquement.
Bon là je pense que je suis clair.
J´ai donc été voir sur le site du zéro pour faire des boucles, des conditions ou n´importe quoi mais je ne suis pas très doué en php (mais bon ça s´apprend) mais le fait que même théoriquement je vois pas comment on pourrait faire...
Quelqu´un peut m´aider svp ?

function cacher()
{
var tableau = new Array("id 1 a fermer", "id 2 a fermer", "...");
for(var u = 0; u < tableau.length ; ++u) {

document.getElementById(tableau[u]).style.displa
y = "none";
}
}

onclick="cacher();ouvrir(´menu´);"

Quelques fonctions utiles :

/* Montre/Cache un div */

function DivRadio(nom, numero)
{
var NumDiv = 1;
if (document.getElementByName) // Pour les navig
ateurs récents
{
while (document.getElementByName(nom + NumDiv))
{
if (NumDiv != numero)
{
SetDiv = document.getElementByName(nom + NumDiv);
if (SetDiv && SetDiv.className != ´cachediv´)
{
DivStatus(nom, NumDiv);
}
}
else
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
else if (document.all ) // Pour les vieilles ver
sions
{
while (document.all[nom + NumDiv])
{
if (NumDiv != numero)
{
SetDiv = document.all[nom + NumDiv];
if (SetDiv && SetDiv.className != ´cachediv´)
{
DivStatus(nom, NumDiv);
}
}
else
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
else if (document.layers) // Pour les très vieil
les versions
{
while (document.layers[nom + NumDiv])
{
if (NumDiv != numero)
{
SetDiv = document.layers[nom + NumDiv];
if (SetDiv && SetDiv.className != ´cachediv´)
{
DivStatus(nom, NumDiv);
}
}
else
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
}

function DivStatus(nom, numero)
{
var divID = nom + numero;
if (document.getElementByName && document.getEle
mentByName(divID)) // Pour les navigateurs récents
{
Pdiv = document.getElementByName(divID);
PcH = true;
}
else if (document.all && document.all[divID]) //
Pour les vieilles versions
{
Pdiv = document.all[divID];
PcH = true;
}
else if (document.layers && document.layers[divI
D]) // Pour les très vieilles versions
{
Pdiv = document.layers[divID];
PcH = true;
}
else
{
PcH = false;
}
if (PcH)
{
Pdiv.className = (Pdiv.className == ´cachediv´) ? ´´ : ´cachediv´;
}
}

/* Cache tous les divs ayant le même préfixe */

function CacheTout(nom)
{
var NumDiv = 1;
if (document.getElementByName) // Pour les navig
ateurs récents
{
while (document.getElementByName(nom + NumDiv))
{
SetDiv = document.getElementByName(nom + NumDiv);
if (SetDiv && SetDiv.className != ´cachediv´)
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
else if (document.all ) // Pour les vieilles ver
sions
{
while (document.all[nom + NumDiv])
{
SetDiv = document.all[nom + NumDiv];
if (SetDiv && SetDiv.className != ´cachediv´)
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
else if (document.layers) // Pour les très vieil
les versions
{
while (document.layers[nom + NumDiv])
{
SetDiv = document.layers[nom + NumDiv];
if (SetDiv && SetDiv.className != ´cachediv´)
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
}

/* Montre tous les divs ayant le même préfixe */

function MontreTout( nom )
{
var NumDiv = 1;
if (document.getElementByName) // Pour les navig
ateurs récents
{
while (document.getElementByName(nom + NumDiv))
{
SetDiv = document.getElementByName(nom + NumDiv);
if (SetDiv && SetDiv.className != ´´)
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
else if (document.all) // Pour les vieilles vers
ions
{
while (document.all[nom + NumDiv])
{
SetDiv = document.all[ nom + NumDiv ];
if (SetDiv && SetDiv.className != ´´)
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
else if (document.layers) // Pour les très vieil
les versions
{
while (document.layers[nom + NumDiv])
{
SetDiv = document.layers[nom + NumDiv];
if (SetDiv && SetDiv.className != ´´)
{
DivStatus(nom, NumDiv);
}
NumDiv++;
}
}
}

/* Inverse les divs : Cache les divs visible et montre les divs cachés */

function InverseTout(nom)
{
var NumDiv = 1;
if (document.getElementByName) // Pour les navig
ateurs récents
{
while (document.getElementByName(nom + NumDiv))
{
SetDiv = document.getElementByName(nom + NumDiv);
DivStatus(nom, NumDiv);
NumDiv++;
}
}
else if (document.all) // Pour les vieilles vers
ions
{
while (document.all[nom + NumDiv])
{
SetDiv = document.all[nom + NumDiv];
DivStatus(nom, NumDiv);
NumDiv++;
}
}
else if (document.layers) // Pour les très vieil
les versions
{
while (document.layers[nom + NumDiv])
{
SetDiv = document.layers[nom + NumDiv];
DivStatus(nom, NumDiv);
NumDiv++;
}
}
}

Pour ceux qui préfèrent, le fichier contenant les fonctions ci-dessus :
http://perso.wanadoo.fr/yodas-world/download/show_hide.js

Ahhh ! Merci beaucoup les gars ! Je crois que je peux m´en sortir maintenant !