Onglet code html

Résolu
Mr. D@m$ Messages postés 183 Date d'inscription   Statut Membre Dernière intervention   -  
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   -
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 18 Date d'inscription   Statut Membre Dernière intervention   5
 
tu veut ajouter des onglet sur page facebook ?
0
Mr. D@m$ Messages postés 183 Date d'inscription   Statut Membre Dernière intervention   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 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Voilà un petit exemple : http://paste.pocoo.org/show/BtaUo3FQNYr1M6HqjFNB/
0
Mr. D@m$ Messages postés 183 Date d'inscription   Statut Membre Dernière intervention   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 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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 183 Date d'inscription   Statut Membre Dernière intervention   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 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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 183 Date d'inscription   Statut Membre Dernière intervention   9
 
d'accord
0
Mr. D@m$ Messages postés 183 Date d'inscription   Statut Membre Dernière intervention   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 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Dans le contenu des onglets ?
Modifie la classe "tab" (ligne 17 dans mon exemple).
0
Mr. D@m$ Messages postés 183 Date d'inscription   Statut Membre Dernière intervention   9
 
non, je voudrais décalé le tout (onglet + contenue) légèrement vers la droite.
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Alors mets le tout dans un div sur lequel tu utilises le CSS.
0