Onglet code html

Résolu
Mr. D@m$ Messages postés 215 Statut Membre -  
avion-f16 Messages postés 20367 Statut Contributeur -
Bonjour,
Je voudrais créer des onglets sur mon site car je suis limité en nombre de page. Je cherche le code html pour insérer des onglets (sans doute en javascript) sauf que le problème c'est que j'ai accès seulement a la partie entre <body> et /body>. J'ai déjà trouver des code mais il faut insérer quelque chose entre <head> et </head> alors que je n'est pas accès a cette partie. Quelqu'un sait comment je peut faire.


5 réponses

ilies3100 Messages postés 27 Statut Membre 5
 
tu veut ajouter des onglet sur page facebook ?
0
Mr. D@m$ Messages postés 215 Statut Membre 9
 
non plutôt sur un site joomla
c'est pour ça que je peut éditer le html mais que entre <body> et </body>
0
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Voilà un petit exemple : http://paste.pocoo.org/show/BtaUo3FQNYr1M6HqjFNB/
0
Mr. D@m$ Messages postés 215 Statut Membre 9
 
je ne peut pas éditer la partie entre <head> et </head> donc je ne peut pas ajouter ce code
0
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Place ça au fond d'abord, avant "</body>" :
<script type="text/javascript">
var liensOnglet;
var onglets = ['onglet1','onglet2','onglet3'];


liensOnglet = document.getElementById('tabs').getElementsByTagName('a');

function masquerTout() {
	for(i = 0 ; i < liensOnglet.length ; i++) {
		liensOnglet[i].className = "";
	}
	for(i = 0 ; i < onglets.length ; i++) {
		document.getElementById(onglets[i]).className = "tab";
	}
}

function afficher(lien, id) {
	masquerTout();
	document.getElementById(id).className = "tab visible";
	lien.className = "actif";
}
</script>
0
Mr. D@m$ Messages postés 215 Statut Membre 9
 
double merci pour avoir résolut mon probleme et pour m'avoir apris quelque chose ; le script qui est entre <head> et </head> peut ce placer entre <body> et </body>
0
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Pas tout à fait.
Si tu regardes bien, tu verras que j'ai retiré le "window.onload" car quand le script est dans le body, il est directement exécuté. C'est pour ça qu'il faut le mettre à la fin : s'il était au début, les éléments auxquels on fait appel ne serait pas encore connus par le navigateur : le script boguerait.
0
Mr. D@m$ Messages postés 215 Statut Membre 9
 
d'accord
0
Mr. D@m$ Messages postés 215 Statut Membre 9
 
es que tu sait commant faire une marge a gauche, j'ai éssayer mais je trouve pas.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Dans le contenu des onglets ?
Modifie la classe "tab" (ligne 17 dans mon exemple).
0
Mr. D@m$ Messages postés 215 Statut Membre 9
 
non, je voudrais décalé le tout (onglet + contenue) légèrement vers la droite.
0
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Alors mets le tout dans un div sur lequel tu utilises le CSS.
0