En poursuivant votre navigation sur notre site, vous acceptez l’utilisation de cookies afin d’améliorer votre navigation. En savoir plus Réduire
Plan du site  ·  Mentions Légales  ·  Statistiques  ·  Contact PatMax Web ·  PatMax Annuaire · 
FAQ
Connexion · M’enregistrer
Afin de bénéficier de l'intégralité des fonctions de ce forum il est conseillé de vous connecter
PatMax Scripts va fermer définitivement au mois d'avril 2024

Index du forum » ENTRAIDE » SITE & PAGE WEB » Divers

 
Poster un nouveau sujet Répondre au sujet
Message Auteur
 Sujet du message:
Message Posté: Sam 26 Jan 2008 13:26 

Bonjour,
le titre est un peu flou, mais je m'explique.
http://www.nintendomaniacs.com/
Regardez, sur ce site, il y a des onglets : "Tests, Dossiers, Tips, Fanfics, Fanarts". Quand on clique sur un onglet, on ne change pas de page, il y a juste ce qui est situé sous l'onglet qui change. Je voudrais savoir comment faire pour installer ce système sur mon site ? Merci d'avance ! :)


Hors ligne

Enregistré le:
Sam 12 Nov 2005 18:51
Messages: 78

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Sam 26 Jan 2008 16:01 

Voila donc ce qu'il te faut, à toi de suivre les commentaires insérés pour t'aider.


[hide]<!-- Script à insérer entre les balise <head> et </head> -->
<script language="JavaScript" type="text/javascript">
// Script par PatMax - www.patmax.info
// Vous pouvez dans les 2 lignes ci-dessous définir les couleurs de fond différents
// en fonction de l'ouverture ou pas du menu
function listOver(src) { src.style.backgroundColor='#FFE600'; }
function listOut(src, color) { src.style.backgroundColor=color; }

function onglet_click(num)
{
if (document.getElementById('onglet_contenu_'+num).style.display=='none')
{
// Modifier le chiffres 5 dans la ligne ci-dessous par le nombre d'onglets utilisés.
for (i=1;i<=5;i++)
{
document.getElementById('onglet_contenu_'+i).style.display='none';
// Vos images d/onglet devront porter le nom 'ONGLET_1, ONGLET_2, ONGLET_3, etc....'
// indiquez l/adresse des images d/onglets sans leur n°
document.getElementById('onglet_'+i).src="ADRESSE DES IMAGES DES ONGLETS_"+i+".gif";
}
document.getElementById('onglet_contenu_'+num).style.display='block';
// indiquez l/adresse des images d/onglets sans leur n°
document.getElementById('onglet_'+num).src="ADRESSE DES IMAGES DES ONGLETS_"+num+".gif";
}
}
</script>
<!-- Fin du scripts à insérer entre les balises <head> et </head> -->


<!-- Partie à insérer à l'endroit souhaité sur votre page -->
<td id="content">
<div id="content_inside">
<center>
<!-- PREMIERE PARTIE - Les onglets -->
<div style="border-bottom: 1px solid black; margin-bottom: 8px">
<!-- 1er Onglet -->
<a href="javascript:this.onClick;" title="TEXTE INFOBULLE" onClick="onglet_click('1')">
<img id="onglet_1" style="width:87px;height:23px;" src="ADRESSE DE L'IMAGE POUR L'ONGLET 1">
</a>
<!-- 2ème Onglet -->
<a href="javascript:this.onClick;" title="TEXTE INFOBULLE" onClick="onglet_click('2')">
<img id="onglet_2" style="width:87px;height:23px;" src="ADRESSE DE L'IMAGE POUR L'ONGLET 2">
</a>
<!-- 3ème Onglet -->
<a href="javascript:this.onClick;" title="TEXTE INFOBULLE" onClick="onglet_click('3')">
<img id="onglet_3" style="width:87px;height:23px;" src="ADRESSE DE L'IMAGE POUR L'ONGLET 3">
</a>
<!-- 4ème Onglet -->
<a href="javascript:this.onClick;" title="TEXTE INFOBULLE" onClick="onglet_click('4')">
<img id="onglet_4" style="width:87px;height:23px;" src="ADRESSE DE L'IMAGE POUR L'ONGLET 4">
</a>
<!-- 5ème Onglet -->
<a href="javascript:this.onClick;" title="TEXTE INFOBULLE" onClick="onglet_click('5')">
<img id="onglet_5" style="width:87px;height:23px;" src="ADRESSE DE L'IMAGE POUR L'ONGLET 5">
</a>
</div>
<!-- Fin de la partie onglets -->



<!-- DEUXIEME PARTIE - l'affichage lors du clic sur l'onglet -->
<!-- Premier onglet -->
<div id="onglet_contenu_1">
<div style="padding: 1px">
INSERER ICI LE PREMIER TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE DEUXIEME TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE TROISIEME TEXTE, LIEN, IMAGE, Etc....
</div>
</div>

<!-- Deuxième onglet -->
<div id="onglet_contenu_2" style="display: none">
<div style="padding: 1px">
INSERER ICI LE PREMIER TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE DEUXIEME TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE TROISIEME TEXTE, LIEN, IMAGE, Etc....
</div>
</div>

<!-- Troisème onglet -->
<div id="onglet_contenu_3" style="display: none">
<div style="padding: 1px">
INSERER ICI LE PREMIER TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE DEUXIEME TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE TROISIEME TEXTE, LIEN, IMAGE, Etc....
</div>
</div>

<!-- Quatrième onglet -->
<div id="onglet_contenu_4" style="display: none">
<div style="padding: 1px">
INSERER ICI LE PREMIER TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE DEUXIEME TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE TROISIEME TEXTE, LIEN, IMAGE, Etc....
</div>
</div>

<!-- Cinquième onglet -->
<div id="onglet_contenu_5" style="display: none">
<div style="padding: 1px">
INSERER ICI LE PREMIER TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE DEUXIEME TEXTE, LIEN, IMAGE, Etc....
</div>
<hr>
<div style="padding: 1px">
INSERER ICI LE TROISIEME TEXTE, LIEN, IMAGE, Etc....
</div>
</div>
</div>
</td>[/hide]

_________________
Ma satisfaction, que vous soyez satisfait.


Avatar de l’utilisateur
<font color=#AA0000><b>Fondateur</b></font>
Fondateur
Hors ligne

Enregistré le:
Mar 1 Nov 2005 19:45
Messages: 5117
Localisation: Centre France

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Dim 27 Jan 2008 22:18 

Merci beaucoup !
J'ai essayé de l'adapter à ce que je voulais mais... http://manaphy.free.fr/ lorsqu'on clique sur un onglet, plus rien ne va... Apparement les scripts que j'ai placés en contenu pour les onglets ne sont pas acceptés... C'est ça, le problème ? Merci d'avance.


Hors ligne

Enregistré le:
Sam 12 Nov 2005 18:51
Messages: 78

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Dim 27 Jan 2008 22:25 

c'est bizarre ils ne renvoient à aucune page...

_________________
Continuez ainsi! J'adore ce site! :D

La vie est un collier, dont chaque jour est une perle..

On ne dit pas "Forumactif", on dit ""Shopactif" xD etc...


Avatar de l’utilisateur
Hors ligne

Enregistré le:
Sam 1 Avr 2006 20:16
Messages: 765
Localisation: PMS & Antifa

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Dim 27 Jan 2008 23:21 

J'ai oublié de préciser quelque chose dans le commentaires.

RECHERCHE
for (i=1;i<=5;i++)


REMPLACE PAR
for (i=1;i<=3;i++)


Le nombre 5 est remplacé par 3 puisque tu n'utilises que 3 onglets, il faudrait donc le remplacer par 4 si quatre ongles etc.....

Je vais modifier mon message précédent en conséquence pour les autres utilisateurs si besoin.

_________________
Ma satisfaction, que vous soyez satisfait.


Avatar de l’utilisateur
<font color=#AA0000><b>Fondateur</b></font>
Fondateur
Hors ligne

Enregistré le:
Mar 1 Nov 2005 19:45
Messages: 5117
Localisation: Centre France

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Lun 28 Jan 2008 21:33 

Merci, merci infiniement ! C'est exactement comme je voulais, encore merci ! ^^


Hors ligne

Enregistré le:
Sam 12 Nov 2005 18:51
Messages: 78

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Mar 29 Jan 2008 20:05 

Salut,

La soluce, je ne la vois pas ^^ (mais je vais la voir), moi je te propose un truc:
<script language="javascript">
function onglets(onglet)
{
onglet.style.display='block';
}
</script>
<style type="text/css">
<!--

.onglets {
position: relative;
top: 0px;
left: 0px;
display: none;
}

-->
</style>
<body>
<a href="javascript:onglets(onglet1)">Onglet 1</a>
<a href="javascript:onglets(onglet2)">Onglet 2</a>
<div>
<div id="onglet1" style="display: block" class="onglets">
Contenu de l'onglet 1
</div>
<div id="onglet2" class="onglets">
Contenu de l'onglet 2
</div>


Hors ligne

Enregistré le:
Mer 16 Aoû 2006 10:12
Messages: 255
Localisation: TOULOUSE

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Mer 30 Jan 2008 21:00 

[referp=13445;quote="Rukario"]Merci, merci infiniement ! C'est exactement comme je voulais, encore merci ! ^^[/quote]

Merci mais... ^^ :P


Hors ligne

Enregistré le:
Sam 12 Nov 2005 18:51
Messages: 78

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Sam 13 Sep 2008 11:05 

Ah, et j'ai une question :
Je voudrais que l'onglet 2 s'affiche dès le départ (et donc l'onglet 1 ne s'affiche pas, il faut cliquer sur l'image 1 pour y aller), mais sans que je le mette en premier onglet... est-ce possible ?

Je m'explique :
1. Prenez cette page : http://manaphy.free.fr/Jeux/Gen4/Platine/
2. Cliquez sur l'onglet "Platine".
Vous voyez donc que le menu a changé, et que l'image "Platine" est en couleurs, alors que la première image est grise. C'est cette situation-là que j'aimerais avoir dès l'arrivée sur la page...

Merci d'avance^^


Hors ligne

Enregistré le:
Sam 12 Nov 2005 18:51
Messages: 78

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Sam 13 Sep 2008 13:14 

Dans cette ligne:
<a href="javascript:this.onClick;" title="Tout sur Diamant et Perle !" onClick="onglet_click('1')"><img id="onglet_1" style="width:79px;height:80px;" src="http://manaphy.free.fr/Jeux/Gen4/Diamant/Minimenu/Onglets/onglet_1_sel.png" border="0"></a><!-- 2ème Onglet --><a href="javascript:this.onClick;" title="Tout sur Platine !" onClick="onglet_click('2')"><img id="onglet_2" style="width:80px;height:80px;" src="http://manaphy.free.fr/Jeux/Gen4/Diamant/Minimenu/Onglets/onglet_2_nsel.png" border="0"></a>

Remplacer
onglet_1_sel.png

par
onglet_1_nsel.png


remplacer
onglet_2_nsel.png

par
onglet_2_sel.png

_________________
Ma satisfaction, que vous soyez satisfait.


Avatar de l’utilisateur
<font color=#AA0000><b>Fondateur</b></font>
Fondateur
Hors ligne

Enregistré le:
Mar 1 Nov 2005 19:45
Messages: 5117
Localisation: Centre France

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Sam 13 Sep 2008 18:56 

En faisant ça, les images changeraient, mais le contenu de l'onglet 1 resterait affiché, non ?


Hors ligne

Enregistré le:
Sam 12 Nov 2005 18:51
Messages: 78

Profil  Site InternetPas de position géographique communiquée
Répondre en citant le message  
Haut  
 Sujet du message:
Message Posté: Sam 13 Sep 2008 20:10 

Il faut essayer pour voir.

_________________
Ma satisfaction, que vous soyez satisfait.


Avatar de l’utilisateur
<font color=#AA0000><b>Fondateur</b></font>
Fondateur
Hors ligne

Enregistré le:
Mar 1 Nov 2005 19:45
Messages: 5117
Localisation: Centre France

Profil  Site Internet Voir la position géographique du membre
Répondre en citant le message  
Haut  
 
Poster un nouveau sujet Répondre au sujet



Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 5 invités


Afficher les messages postés depuis:   Trier par  
Aller à:  

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas modifier vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

Index du forum » ENTRAIDE » SITE & PAGE WEB » Divers

cron

Votre site ici

Inscrire votre site        Voir plus de boutons
 

Reproduction strictement interdite sans l'autorisation de l'administrateur.

PatMax © 2006 - 2008
Développé par phpBB® Forum Software © phpBB Group    
Traduit par phpBB-fr.com
Thème graphique par PatMax ©