JeuWeb - Crée ton jeu par navigateur
[Résolu] Onglet javascript - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [Résolu] Onglet javascript (/showthread.php?tid=1559)



[Résolu] Onglet javascript - kunutheking - 03-08-2007

Bonjour, j'ai un problème, ce script fait apparaite des onglets (avec un peu de css mais la c'est pas important) et quand on clique sur l'un d'eux on fait apparaitre dans un cadre des liens (le paragraphe a la fin) mais le probleme c'est qu'entre chaque liens ça revient a la ligne alors que j'aimerais qu'ils restent sur la même ligne.
Merci

Code PHP :
<?php 
<script type="text/javascript">
<!--
function
afficher_liens(num)
{
if (
num == 0)
{
var
liens = '<a>Lien 1</a> | <a>Lien 2</a>';
document.getElementById('menu_liens').innerHTML = liens;
}
elseif (
num == 1)
{
var
liens = '<a>Lien 3</a> | <a>Lien 4</a>';
document.getElementById('menu_liens').innerHTML = liens;
}
}
//-->
</script>

<
div id="menu">
<
ul>
<
li><a onclick="javascript:afficher_liens(0);">Onglet 1</a></li>
<
li><a onclick="javascript:afficher_liens(1);">Onglet 2</a></li>
</
ul>

<
p id="menu_liens"></p>
</
div>



RE: Onglet javascript - Loetheri - 03-08-2007

Tu as essayé un autre caractère pour séparer les différents liens ?
Parce que sinon cela me semble correcte.


RE: Onglet javascript - kunutheking - 03-08-2007

Oui oui j'ai essayé plusieurs trucs, j'ai même essayé sans rien mais ça va toujours a la ligne

Edit : J'ai enlevé le paragraphe <p id="menu_liens"></p> du <div id="menu"></div> et ça marche. Le problème devait venir du css.
Merci beaucoup.


RE: Onglet javascript - Plume - 04-08-2007

On a pas fait grand chose, mais merci Smile

Merci de rajouter la mention [Réglé] au titre du post.
Merci.



RE: Onglet javascript - Shidame - 04-08-2007

Pour l'histoire la propriété de <p></p> est display :block; par defaut, alors que pour <div></div> display : inline; je pense que c'est lié a ca.


RE: Onglet javascript - Plume - 04-08-2007

Heu .. <p></p> et <div></div> sont toutes des balises de blocks, non ?


RE: Onglet javascript - rachids - 04-08-2007

DämEn a écrit :Heu .. <p></p> et <div></div> sont toutes des balises de blocks, non ?

Ouip.

Mais c'est modifiable par CSS je crois.
Enfin de bases, ce sont deux balises block en effet.