Bloc CSS

Statut
N'est pas ouverte pour d'autres réponses.

KAMI

spim spam spoum
Salut,


Je dois faire un site pour un ami et je suis bloqué avec les bloc définis par CSS.

En effet je ne sais pas comment faire pour que quand je clique sur un lien qui se trouve dans un bloc1 le résultat s'affiche dans un autre bloc.

Ensuite comment dois je faire pratiquement pour réaliser ce que je veux faire ?
Je m'explique, pour chaque lien je dois créer une nouvelle page HTML ou bien je tout le code se trouve sur la même page ? Je pense que c'est la première solution qui est la bonne mais à ce moment là comment dois je faire pour appeler ma page sans que les autres blocs de mon site ne changent.

J'espère avoir été clair sinon je posterai des screens

Merci à tous. :)
 

SkYlEsS

Elite
Ce serait plutôt la seconde solution la meilleure ... :]

Dans la 1er solution, tu devras donc créer des iframes, ce qui n'est pas supporté par tous les navigateurs. Dans la seconde, ton code tient en une page mais une partie est donc cachée. :]

Code:
<a href="javascript:void(0);" onclick="javascript:document.getElementById('DIV_2').style.display='none';document.getElementById('DIV_1').style.display='block'">DIV_1</a> 

<a href="javascript:void(0);" onclick="document.getElementById('DIV_2').style.display='block';document.getElementById('DIV_1').style.display='none'">DIV_2</a>

<div id="DIV_1" style="display:none;">DIV_1</div>

<div id="DIV_2" style="display:none;">DIV_2</div>
 
1er
OP
KAMI

KAMI

spim spam spoum
SkYlEsS a dit:
Ce serait plutôt la seconde solution la meilleure ... :]

Dans la 1er solution, tu devras donc créer des iframes, ce qui n'est pas supporté par tous les navigateurs. Dans la seconde, ton code tient en une page mais une partie est donc cachée. :]

Code:
<a href="javascript:void(0);" onclick="javascript:document.getElementById('DIV_2').style.display='none';document.getElementById('DIV_1').style.display='block'">DIV_1</a> 

<a href="javascript:void(0);" onclick="document.getElementById('DIV_2').style.display='block';document.getElementById('DIV_1').style.display='none'">DIV_2</a>

<div id="DIV_1" style="display:none;">DIV_1</div>

<div id="DIV_2" style="display:none;">DIV_2</div>
Arf moi qui voulais éviter d'utilisé du Javascript :D .

Juste à titre d'information, tu ne sauras pas m'expliquer le code ? Ca pourrait m'être utile pour plus tard :p alors autant que je le comprenne directement.

Les DIV_1/2 correspondent à mes bloc? Dois je remplacer des variables ?
Mais je ne vois pas trop comment je dois faire, en effet dans un bloc c'est un menu que j'ai, et donc je ne vois pas trop comment ca faire pour pour tout les menus possible ca affiche toujours dans l'autre bloc. enfin bref je ne capte pas trop ton code :-' Pour chaque lien je dois mettre une balise pour que ca affiche correctement ?

Merci lol ^^
 

SkYlEsS

Elite
Ben tout dépend de ce que tu veux faire en fait. Si c'est pour créer un menu, je vois mal tout un code en une seule page, cachée soit-il. Quoique tu pourrais faire appel dans cette page à d'autres pages pour plus de clarté ...

Dis nous en plus sur ce que tu faire avant que je réponde à tes questions :roll:
 
1er
OP
KAMI

KAMI

spim spam spoum
C'est bon j'ai trouvé la solution à mon problème je vais faire des includes en PHP.

Merci quand même SkYlEsS.
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut