Membres
Lien
Lien
Pages : [1] 2
Lien Posté le 13/01/2006 à 00:00
Salut à tous,
Voila je voudrais savoir si vous connaisserez pas le code qui permet :
Quand on clique sur un lien, quelque chose apparait en dessous. Un contenu, et quand on clique sur un autre lien, quelque chose d'autre apparait comme contenu.
Exemple :
(lien)Test => Et quand tu clique sur test, ca apparait ca =>
------------------------
Contenu
________________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Voila je voudrais savoir si vous connaisserez pas le code qui permet :
Quand on clique sur un lien, quelque chose apparait en dessous. Un contenu, et quand on clique sur un autre lien, quelque chose d'autre apparait comme contenu.
Exemple :
(lien)Test => Et quand tu clique sur test, ca apparait ca =>
------------------------
Contenu
________________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 13/01/2006 à 19:38
Salut ciendre,
en php:
en JS
Allez un copié collé et ça roule, je pense que le JS te plaira plus, mais attention certains le désactive...
_______________________
_ww.gabian-herault.com
en php:
<?php
$res='';
if((isset($_GET['test'])) && ($_GET['test']=='ok')){
$res='coucou';
}
print '<a href="?test=ok">lien test: </a>'.$res;
?>
en JS
<script langage="javascript">
function montre(element){
document.getElementById(element).style.display='block';
}
function cache(element){
document.getElementById(element).style.display='none';
}
</script>
<p>
<a href="" onclick="montre('letest');return(false)">montre</a>
<div id="letest" style="display:none">
... blablabla ...<br />
... blablabla ...<br />
<a href="" onclick="cache('letest');return(false)">cache</a>
</div>
</p>
Allez un copié collé et ça roule, je pense que le JS te plaira plus, mais attention certains le désactive...
_______________________
_ww.gabian-herault.com
Réponse à : Lien Posté le 13/01/2006 à 20:44
Merci beaucoup :)
Mais y'a un probleme.
Quand je veux cliquez sur un deuxieme lien, sans mettre le retour du premier lien, ca m'affice les deux liens que je sélectionne.
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Mais y'a un probleme.
Quand je veux cliquez sur un deuxieme lien, sans mettre le retour du premier lien, ca m'affice les deux liens que je sélectionne.
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 13/01/2006 à 21:33
Je comprends pas trop ce que tu veux dire là, colle ton code ce sera plus clair 
_______________________
_ww.gabian-herault.com
_______________________
_ww.gabian-herault.com
Réponse à : Lien Posté le 14/01/2006 à 17:51
<script langage="javascript">
function montre(element){
document.getElementById(element).style.display='block';
}
function cache(element){
document.getElementById(element).style.display='none';
}
</script>
<p>
<a href="" onclick="montre('1');return(false)">Centaure</a>
</div><br/>
<a href="" onclick="montre('2');return(false)">montrccce</a>
</p>
<hr>
<div id="1" style="display:none">
<center><img src='images/homme1.jpg' width="120" height="150"> <img src='images/femme1.jpg' width="120" height="150"><p>
<li>Le centaure est une race sympathique , il aide les humains à défendre leur territoire contre les monstres .
Ils habitent dans les forêts sombres et sont de très bon archers . Ils utilisent la magie , mais s'en servent peu .<p>
<b><u><center><LI>Caractéristiquent :</center></b></u><p>
<i>Dextérité :</i> 5 <br>
<i>Force :</i> 3 <br>
<i>Intelligence :</i> 4 <br>
<i>Constitution :</i> 3 <br>
<i>Résistance Magique :</i> 5 <br>
<i>Chance :</i> 7 <br>
<i>Points de Vies :</i> 28 <br>
<i>Manas :</i> 5 <p>
<u><center><b><li>Points forts :</center></b></u><p>
Il vise très bien<p>
<u><center><b><li>Points faibles :</center></b></u><p>
N'a pas une très grande force
<u><center><b><li>Compétence Spécial :</center></b></u><p>
Viser : Il augmente sa visibilité de + 5 .
<p>
<a href="" onclick="cache('1');return(false)">Retour</a>
</div>
<div id="2" style="display:none">
<center><img src='images/homme1.jpg'><img src='images/femme1.jpg'><p>
<li>Le centaure est une race sympathique , il aide les humains à défendre leur territoire contre les monstres .
Ils habitent dans les forêts sombres et sont de très bon archers . Ils utilisent la magie , mais s'en servent peu .<p>
<b><u><center><LI>Caractéristiquent :</center></b></u><p>
<i>Dextérité :</i> 5 <br>
<i>Force :</i> 3 <br>
<i>Intelligence :</i> 4 <br>
<i>Constitution :</i> 3 <br>
<i>Résistance Magique :</i> 5 <br>
<i>Chance :</i> 7 <br>
<i>Points de Vies :</i> 28 <br>
<i>Manas :</i> 5 <p>
<u><center><b><li>Points forts :</center></b></u><p>
Il vise très bien<p>
<u><center><b><li>Points faibles :</center></b></u><p>
N'a pas une très grande force
<u><center><b><li>Compétence Spécial :</center></b></u><p>
Viser : Il augmente sa visibilité de + 5 .
<p>
<a href="" onclick="cache('2');return(false)">Retour</a>
</div></script>
Voila mon code
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 14/01/2006 à 18:41
Voilà,
tu remarquera que j'ai viré une multitude de balises <p> et <li>
<p> est un paragraphe, on le referme tout le temps </p>
<li> est un element de liste, et il s'utilise comme ça:
<ul>
<li>ligne 1</li>
<li>ligne 2</li>
<li>ligne 3</li>
<li> ... </li>
</ul>
quand on ouvre plusieurs balises:
<center><u><b>on les fermes dans l'ordre inverse</b></u></center>
il faut être trés meticuleux dans ta façon de coder si tu veux pas que les navigateurs n'en face qu'a leur tête.
_______________________
_ww.gabian-herault.com
<html>
<title>Personnages du jeu</title>
<script langage="javascript">
function montre(element){
document.getElementById(element).style.display='block';
}
function cache(element){
document.getElementById(element).style.display='none';
}
</script>
<head>
</head>
<body>
<p>
<a href="" onclick="montre('1');cache('2');return(false)">Centaure</a>
<br/>
<a href="" onclick="montre('2');cache('1');return(false)">montrccce</a>
</p>
<hr>
<!-- --------- premier cadre &n bsp; ------------- -->
<p>
<div id="1" style="display:none">
<center>
<img src="images/homme1.jpg" width="120" height="150">
<img src="images/femme1.jpg" width="120" height="150">
</center>
Le centaure est une race sympathique , il aide les humains à défendre leur territoire contre les monstres .& lt;br />
Ils habitent dans les forêts sombres et sont de très bon archers . Ils utilisent la magie , mais s'en&n bsp;servent peu .<br />
<center><u><b>Caractéristiquent :</b></u></center>
<i>Dextérité :</i> 5 <br />
<i>Force :</i> 3 <br />
<i>Intelligence :</i> 4 <br />
<i>Constitution :</i> 3 <br />
<i>Résistance Magique :</i> 5 <br />
<i>Chance :</i> 7 <br />
<i>Points de Vies :</i> 28 <br />
<i>Manas :</i> 5
<center><u><b>Points forts :</b></u></center>
Il vise très bien
<center><u><b>Points faibles :</b></u></center>
N'a pas une très grande force
<center><u><b>Compétence Spécial :</b></u></center>
Viser : Il augmente sa visibilité de + 5 .
<a href="" onclick="cache('1');return(false)">Retour</a>
</div>
</p>
<!-- --------- deuxieme cadre & nbsp; ------------- -->
<p>
<div id="2" style="display:none">
<center>
<img src="images/homme1.jpg">
<img src="images/femme1.jpg">
</center>
Le centaure est une race sympathique , il aide les humains à défendre leur territoire contre les monstres .& lt;br />
Ils habitent dans les forêts sombres et sont de très bon archers . Ils utilisent la magie , mais s'en&n bsp;servent peu .<br />
<center><u><b>Caractéristiquent :</b></u></center>
<i>Dextérité :</i> 5 <br />
<i>Force :</i> 3 <br />
<i>Intelligence :</i> 4 <br />
<i>Constitution :</i> 3 <br />
<i>Résistance Magique :</i> 5 <br />
<i>Chance :</i> 7 <br />
<i>Points de Vies :</i> 28 <br />
<i>Manas :</i> 5<br />
<center><u><b>Points forts :</b></u></center>
Il vise très bien
<center><u><b>Points faibles :</b></u></center>
N'a pas une très grande force
<center><u><b>Compétence Spécial :</b></u></center>
Viser : Il augmente sa visibilité de + 5 .
<a href="" onclick="cache('2');return(false)">Retour</a>
</div></p>
</body>
</html>
tu remarquera que j'ai viré une multitude de balises <p> et <li>
<p> est un paragraphe, on le referme tout le temps </p>
<li> est un element de liste, et il s'utilise comme ça:
<ul>
<li>ligne 1</li>
<li>ligne 2</li>
<li>ligne 3</li>
<li> ... </li>
</ul>
quand on ouvre plusieurs balises:
<center><u><b>on les fermes dans l'ordre inverse</b></u></center>
il faut être trés meticuleux dans ta façon de coder si tu veux pas que les navigateurs n'en face qu'a leur tête.
_______________________
_ww.gabian-herault.com
Réponse à : Lien Posté le 14/01/2006 à 19:32
quand on fais : <a href="" onclick="montre('1');cache('2');return(false)">Centaure</a>
ce serai pas mieu de faire une fonction global ?
genre : change(1,2);
Sky
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
ce serai pas mieu de faire une fonction global ?
genre : change(1,2);
Sky
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Lien Posté le 14/01/2006 à 19:57
bien entendu,
et les liens corespondants
_______________________
_ww.gabian-herault.com
<script langage="javascript">
function change(montre,cache){
document.getElementById(montre).style.display='block';
document.getElementById(cache).style.display='none';
}
function cache(element){
document.getElementById(element).style.display='none';
}
</script>
et les liens corespondants
<p>
<a href="" onclick="change('1','2');return(false)">Centaure</a>
<br/>
<a href="" onclick="change('2','1');return(false)">Sonpote</a>
</p>
<div id="1" style="display:none">
... blablabla ...
<a href="" onclick="cache('1');return(false)">cache Centaure</a>
</div>
<div id="2" style="display:none">
... blablabla ...
<a href="" onclick="cache('2');return(false)">cache Sonpote</a>
</div>
_______________________
_ww.gabian-herault.com
Réponse à : Lien Posté le 14/01/2006 à 20:16
Euh je suis perdu la, vous pouvez tout reformuler svp ^^'
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 14/01/2006 à 23:51
tu fait un copié collé ça marche tout seul, il y a rien qu'a remplir les <div> ... blablabla ... </div>
_______________________
_ww.gabian-herault.com
_______________________
_ww.gabian-herault.com
Réponse à : Lien Posté le 16/01/2006 à 21:14
Je voudrais mettre un troisieme la, mais je ne sais pas quoi remplir dans les caches.
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 16/01/2006 à 21:35
<script langage="javascript">
function montre(element){
document.getElementById(element).style.display='block';
}
function cache(element){
document.getElementById(element).style.display='none';
}
</script>
<head>
</head>
<body>
<p>
<a class="submenu" a href="" onclick="montre('1');cache('2','3');return(false)">Centaure</a>
<br/>
<a class="submenu" a href="" onclick="montre('2');cache('1','3');return(false)">Elfe</a>
<br/>
<a class="submenu" a href="" onclick="montre('3');cache('1','2');return(false)">Fée</a>
</p>
<hr>
<!-- --------- premier cadre &a mp;n bsp; ------------- -->
<p>
<div id="1" style="display:none">
<center>
<img src="images/homme1.jpg" width="120" height="150">
<img src="images/femme1.jpg" width="120" height="150">
</center>
<li>Le centaure est une race sympathique , il aide les humains à défendre leur territoire contre les monstr es .<br />
Ils habitent dans les forêts sombres et sont de très bon archers . Ils utilisent la magie , mais s'en&n bsp;servent peu .<br /><p>
<center><u><b><li>Caractéristiquent :</b></u></center><p>
<center><i>Dextérité :</i> 5 <br />
<i>Force :</i> 3 <br />
<i>Intelligence :</i> 4 <br />
<i>Constitution :</i> 3 <br />
<i>Résistance Magique :</i> 5 <br />
<i>Chance :</i> 7 <br />
<i>Points de Vies :</i> 28 <br />
<i>Manas :</i> 5</center>
<p>
<center><u><b><li>Points forts :</b></u></center><p>
<center>Il vise très bien</Center>
<p>
<center><u><b><li>Points faibles :</b></u></center>
<p>
<center>N'a pas une très grande force</Center>
<p>
<center><u><b><li>Compétence Spécial :</b></u></center>
<p>
<center>Viser : Il augmente sa visibilité de + 5 .</Center><p>
<a href="" onclick="cache('1');return(false)"><center>Retour</Center></a>
</div>
</p></Script>
<!-- --------- deuxieme cadre & amp; nbsp; ------------- -->
<p>
<div id="2" style="display:none">
<center><img src='images/homme2.jpg' width="120" height="150"> <img src='images/femme2.jpg' width="120" height="150"><p>
<li>Les elfes sont une races de coeur et de paix , ils n'aiment pas la guerre , et preferent la paix . Ils vivent comme les humains , dans des endroits lumineux et sublime , leur enemis sont les trolls et orcs .
Ils préferent utilisez leur magie& nbsp;que d'utiliser des armes .<p>
<b><u><center><LI>Caractéristi quent :</center></b></u><p>
<i>Dextérité :</i> 8 <br >
<i>Force :</i> 2 <br>
<i>Intelligence :</i> 7 < ;br>
<i>Constitution :</i> 3 < ;br>
<i>Résistance Magique :</i> ;8 <br>
<i>Chance :</i> 10 <br>
<i>Points de Vies :</i> 20 <br>
<i>Manas :</i> 35 <p>
<u><center><b><li>Points forts :</center></b></u><p>
Très bonne visibilité<p>
<u><center><b><li>Points faibles :</cente r></b></u><p>
Ils n'ont aucune force .
<u><center><b><li>Compétence Spécial :</c enter></b></u><p>
Arche Magique : Une flèche magique apparait ;et empoisonne l'enemis en entendant toutes les souffrances de ses victimes .<br> Dommage : L'enemis perd 10 PV<p>
<a href="" onclick="cache('2');return(false)">Retour</a>
</div></p>
<!-- --------- troisieme cadre &n bsp; ------------- -->
<p>
<div id="3" style="display:none">
<center>
<img src="images/homme1.jpg" width="120" height="150">
<img src="images/femme1.jpg" width="120" height="150">
</center>
<li>Le centaure est une race sympathique , il aide les humains à défendre leur territoire contre les monstr es .<br />
Ils habitent dans les forêts sombres et sont de très bon archers . Ils utilisent la magie , mais s'en&n bsp;servent peu .<br /><p>
<center><u><b><li>Caractéristiquent :</b></u></center><p>
<center><i>Dextérité :</i> 5 <br />
<i>Force :</i> 3 <br />
<i>Intelligence :</i> 4 <br />
<i>Constitution :</i> 3 <br />
<i>Résistance Magique :</i> 5 <br />
<i>Chance :</i> 7 <br />
<i>Points de Vies :</i> 28 <br />
<i>Manas :</i> 5</center>
<p>
<center><u><b><li>Points forts :</b></u></center><p>
<center>Il vise très bien</Center>
<p>
<center><u><b><li>Points faibles :</b></u></center>
<p>
<center>N'a pas une très grande force</Center>
<p>
<center><u><b><li>Compétence Spécial :</b></u></center>
<p>
<center>Viser : Il augmente sa visibilité de + 5 .</Center><p>
<a href="" onclick="cache('3');return(false)"><center>Retour</Center></a>
</div>
</p>
</script>
Tout les <li>, br et p je les garde stp :)
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 16/01/2006 à 22:50
<script langage="javascript">
function montreseul(montre){
for(var i=0; i<document.getElementsByTagName("div").length; i++){
document.getElementsByTagName("div")[i].style.display="none";
}
document.getElementById(montre).style.display='block';
}
</script>
les liens et la structure:
<p>
<a href="" onclick="montreseul('1');return(false)">Premier</a>
<br/>
<a href="" onclick="montreseul('2');return(false)">Deuxieme</a>
<br/>
<a href="" onclick="montreseul('3');return(false)">Troisieme</a>
</p>
<hr>
<!-- --------- premier cadre &n bsp; ------------- -->
<p>
<div id="1" style="display:none">
div 1
</div>
</p>
<!-- --------- deuxieme cadre & nbsp; ------------- -->
<p>
<div id="2" style="display:none">
div 2
</div>
</p>
<!-- --------- troisieme cadre ------------- -->
<p>
<div id="3" style="display:none">
div 3
</div>
</p>
Tout les <li>, br et p je les garde stp :)
Tu serais à coté de moi, je te mettrais un coup de pied au cul!
tu utilise des <p> à la place des <br />
et des <li> juste pour dessiner une puce !
une puce se note comme ceci •
_______________________
_ww.gabian-herault.com
Réponse à : Lien Posté le 17/01/2006 à 18:47
C'est pas grave, lol.
Quand y'ora un soucis avec les <li> je mettrai le code ^^'
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Quand y'ora un soucis avec les <li> je mettrai le code ^^'
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 17/01/2006 à 18:50
Bonsoir ^^
ciendre, tu utilise un logiciel wisiwyg ? (genre dreamweaver?)
Parceque c'est le genre d'erreur typique
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
ciendre, tu utilise un logiciel wisiwyg ? (genre dreamweaver?)
Parceque c'est le genre d'erreur typique
_______________________
Graphiks : Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Lien Posté le 17/01/2006 à 19:56
Notepad ++ :)
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Réponse à : Lien Posté le 17/01/2006 à 19:59
Il y'a plus rien la.
La page est juste le fond d'ecran du site.
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
La page est juste le fond d'ecran du site.
_______________________
Webmaster de Eldoror.
Le jeu de rôle par forum.
Webmaster/Concepteur => 22%
Vous n'est pas connecté en temps que membre, parceque j'en ai marre du spam, SEUL les membres peuvent poster des messages sur le forum.
Nous - Plan du site - Informations légale - Contact - © Graphiks.net