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é: Mar 3 Juin 2008 12:55 

Bonjour,
je cherche à obtenir un effet mais je n'ai pas trouvé comment... Pour bien comprendre il faut visiter cette page : http://www.p-nintendo.com/special/wiiware/ . Regardez le tableau des jeux WiiWare à droite, quand on clique sur le nom d'un jeu, le tableau se déroule pour montrer le contenu de ce jeu, et quand on clique sur le nom d'un autre jeu, l'autre jeu se déroule et le jeu ouvert juste avant se referme. Je cherche le code pour réussir à effectuer cet effet, s'il vous plaît. J'espère que vous aurez compris, et 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é: Mar 3 Juin 2008 18:56 

Voici un exemple de ce que tu peux utiliser:

<table width="100%" cellpadding="2" cellspacing="1" border="0">
  <tr>
    <td bgcolor="#D7FCCF" height="15">
      <dl id="menu">
         <dt onclick="javascript:montre('smenu1');">TEXTE</dt>
          <dd id="smenu1">
                ICI INSERE TON TEXTE QUI SERA AFFICHE LORS DU CLIC
          </dd>
               
         <dt onclick="javascript:montre('smenu2');">TEXTE</dt>
          <dd id="smenu2">
   ICI INSERE TON TEXTE QUI SERA AFFICHE LORS DU CLIC
          </dd>
       
         <dt onclick="javascript:montre('smenu3');">TEXTE</dt>
           <dd id="smenu3">
                ICI INSERE TON TEXTE QUI SERA AFFICHE LORS DU CLIC
            </dd>
       
         <dt onclick="javascript:montre('smenu4');">TEXTE</dt>
            <dd id="smenu4">
                  ICI INSERE TON TEXTE QUI SERA AFFICHE LORS DU CLIC
             </dd>
      </dl>
    </td>
  </tr>
</table>

_________________
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é: Mar 3 Juin 2008 19:23 

Merci, mais il y a un problème :
-quand je place le code dans une page, cela me donne un tableau vert avec toutes les lignes de texte inscrites.
-quand j'isole le code seul, j'ai exactement le même résultat : http://manaphy.free.fr/test_tableau_deroulant.html
Le problème vient peut-être de moi, mais... au secours ^^

En tout cas, merci de m'avoir répondu, et aussi rapidement ! :D


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 3 Juin 2008 20:43 

Excuse moi, j'ai oublié le plus important.

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id)
{
    var d = document.getElementById(id);
   for (var i = 1; i<=10; i++)
   {
      if (document.getElementById('smenu'+i))
      {
          document.getElementById('smenu'+i).style.display='none';
      }
   }
    if (d)
    {
        d.style.display='block';
    }
}
//-->
</script>


A placer entre les balises <head> et </head>

_________________
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é: Mar 3 Juin 2008 21:05 

Merci beaucoup !! :D

Juste une question : l'effet (sur la page d'exemple) où on voit le tableau baisser et remonter (euh... compréhensible ?), c'est faisable avec un code ? un code... pas trop difficile pour le pauvre petit Rukario ? lol, merci beaucoup !


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 3 Juin 2008 23:36 

A placer entre les balise <head> et </head>
<script type="text/javascript" src="http://pmsc.free.fr/J/0863232626.js"></script>

<script type="text/javascript">
  window.addEvent('domready', function()
    {
      var accordion = new Accordion('h3.atStart', 'div.atStart',
      {
        opacity: false,
        onActive: function(toggler, element)
        {
          toggler.setStyle('color', '#999999');
        }
        , onBackground: function(toggler, element)
        {
          toggler.setStyle('color', '#999999');
        }
      }
      , $('accordion'));
    }
    );
</script>


Le code à installer à l'endroit voulu dans ta page
<table cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>
      <div id="accordion">
      <h3 class="toggler atStart">TITRE DE TON 1er BANDEAU
        <div style="position:;left:200px;width:69px;text-align:right;"><img src="IMAGE DU 1er BANDEAU"></div>
      </h3>
        <div class="element atStart"><br>
          <a href='LIEN EVENTUEL'><img src='IMAGE EVENTUELLE' align='left' style='border:2px solid #0067b4;margin:0 5px 5px 0'></a>
          TEXTE 1
          <br /><br />
        </div>
               
      <h3 class="toggler atStart">TITRE DE TON DEUXIEME BANDEAU
        <div style="position:;left:200px;width:69px;text-align:right;"><img src="IMAGE DU DEUXIEME BANDEAU"></div>
      </h3>
        <div class="element atStart"><br>
          <a href='LIEN ENVENTUEL'><img src='IMAGE ENVENTUELLE align='left' style='border:2px solid #0067b4;margin:0 5px 5px 0'></a>
          TEXTE 2
          <br /><br />
        </div>
                  
      <h3 class="toggler atStart">TITRE DE TON TROISIEME BANDEAU
        <div style="position:;left:200px;width:69px;text-align:right;"><img src="IMAGE DU TROISIEME BANDEAU"></div>
      </h3>
        <div class="element atStart"><br>
          <a href='LIEN ENVENTUEL'><img src='IMAGE ENVENTUELLE align='left' style='border:2px solid #0067b4;margin:0 5px 5px 0'></a>
          TEXTE 3
          <br /><br />
        </div>
      </div>
    </td>
  </tr>
<table>

_________________
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é: Mer 4 Juin 2008 12:54 

Mille mercis ! Même plus^^ C'est vraiment superbe, je te remercie beaucoup ^^ :D


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é: Mer 4 Juin 2008 16:26 

J'ai placé ce code dans une colonne, pour faire un menu :

      <div id="accordion">
      <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/lesite.png">
      </h3>
        <div class="element atStart">
<b>• <a href="http://manaphy.free.fr" class="leftnav" target="_self">Accueil</a><br>
• <a href="http://manaphy.free.fr/Membres/" class="leftnav" target="_self">Espace membres</a><br>
• <a href="http://manaphy.free.fr/Forum/" class="leftnav" target="_self">Forum</a> - <a href="http://manaphy.free.fr/Forum/" target="_new"><img src="newwindow.gif" border="0" title="Ouvrir dans une nouvelle fenêtre..."></a><br>
• <a href="http://manaphy.free.fr/Equipe/" class="leftnav1" target="_self">Equipe</a><br>
• <a href="http://manaphy.free.fr/Bannieres/" class="leftnav1" tagret="_self">Historique des bannières</a><br>
• <a href="http://manaphy.free.fr/Partenaire/" class="leftnav1" target="_self">Partenariat</a><br>
• <a href="#null" onclick="javascript:window.open('http://www.i-services.net/membres/livredor/livredor.php?uid=131982&amp;sid=76789','livredor','width=800,height=600,scrollbars=1,resizable=1'); return false;" class="leftnav">Livre d'Or</a><br>
• <a href="http://manaphy.site.voila.fr/index.html" class="leftnav" target="_self">Retour au splash</a></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
                     
      <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/evenements.png">
      </h3>
        <div class="element atStart">
<b>• <a href="#" onClick="window.open('http://manaphy.free.fr/concours-arceus.html','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=800, height=480, left=0, top=0'); return(false)" class="leftnav">Gagnez un légendaire !</a><br>
• <a href="http://manaphy.free.fr/v7.3.html" class="leftnav" target="_new">Revivez la version 7.3 !</a></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
      
      <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/pokemon.png">
      </h3>
        <div class="element atStart">
<b>• <a href="http://manaphy.free.fr/PoKeMoN.html" class="leftnav1" target="_self">PoKéMoN</a><br>
<font color="#ff0000">•</font> <a href="http://manaphy.free.fr/Sinnohdex/" class="leftnav2" target="_self"><font color=gold>SinnohDex</font></a><br>
• <a href="http://manaphy.free.fr/Zarbidex/" class="leftnav" target="_self">ZarbiDex</a><br>
• <a href="http://manaphy.free.fr/Shineys/" class="leftnav1" target="_self">Pokémon Shineys</a></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
                         
      <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/jeuxvideo.png">
      </h3>
        <div class="element atStart">
<b>-> <u>Génération 4:</u><br>
<font color="#ff0000">•</font> <a href="Jeux/Diamant/" class="leftnav2" target="_self"><font color=gold>Diamant, Perle et Platine</font></a><br>
<font color="#ff0000">•</font> <a href="Jeux/PBR/" class="leftnav2" target="_self">Battle revolution</a><br>
• <font color="#7F9FBF">Ranch</font><br>
• <a href="http://manaphy.free.fr/Jeux/Donjon/donjon.html" class="leftnav2" target="_self">Donjon mystère : équipe de secours bleue/rouge</a><br>
• <font color="#7F9FBF">Donjon mystère 2 : expédition du temps/de l'ombre</font><br>
• <a href="Jeux/Ranger/" class="leftnav2" target="_self">Ranger</a><br>
• <font color="#7F9FBF">Ranger 2</font><br>
• <a href="Jeux/Link/" class="leftnav2" target="_self">Link</a><br>
-> <u>Génération 3:</u><br>
• <a href="Jeux/Gen3/XD/" class="leftnav2" target="_self">XD : Le souffle des ténèbres</a><br>
• <a href="Jeux/Gen3/Colosseum/" class="leftnav2" target="_self">Colosseum</a><br>
• <a href="Jeux/Gen3/Emeraude/" class="leftnav2" target="_self">Emeraude</a><br>
• <a href="Jeux/Gen3/RFVF/" class="leftnav2" target="_self">Rouge Feu/Vert Feuille</a><br>
• <a href="http://manaphy.free.fr/Jeux/Gen3/RS/" class="leftnav2" target="_self">Rubis/Saphir</a><br>
-> <u>Génération 2:</u><br>
• <a href="http://manaphy.free.fr/Jeux/Gen2/OAC/" class="leftnav2" target="_self">Or-Argent-Cristal</a><br>
-> <u>Génération 1:</u><br>
• <a href="http://manaphy.free.fr/Jeux/Gen1/Jaune/" class="leftnav2" target="_self">Bleu-Rouge-Jaune</a></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
      
      <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/films.png">
      </h3>
        <div class="element atStart">
<b>• <a href="Films/1/" class="leftnav3" target="_self">1- Mewtwo contre Mew</a><br>
• <a href="Films/2/" class="leftnav3" target="_self">2- Le pouvoir est en toi</a><br>
• <a href="Films/3/" class="leftnav3" target="_self">3- Le monde des Zarbi</a><br>
• <a href="Films/4/" class="leftnav3" target="_self">4- La voix de la forêt</a><br>
• <a href="Films/5/" class="leftnav3" target="_self">5- Les héros pokémon</a><br>
• <a href="Films/6/" class="leftnav3" target="_self">6- Le génie des voeux</a><br>
• <a href="Films/7/" class="leftnav3" target="_self">7- La destinée de Deoxys</a><br>
• <a href="Films/8/" class="leftnav3" target="_self">8- Lucario et le mystère de Mew</a><br>
• <a href="Films/9/" class="leftnav3" target="_self">9- Pokémon Ranger et le temple des mers</a><br>
• <a href="Films/10/" class="leftnav3" target="_self">10- Le règne de Darkrai</a><br>
• <a href="Films/11/" class="leftnav3" target="_self">11- Giratina et le bouquet du ciel : Shaymin</a></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
      
      <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/cartes.png">
      </h3>
        <div class="element atStart">
<b>• <a href="TCG/Old/" class="leftnav4" target="_self">Anciennes cartes</a><br>
• <a href="TCG/EX/" class="leftnav4" target="_self">Bloc EX</a><br>
• <a href="TCG/DP/" class="leftnav4" target="_self">Bloc DP</a><br>
• <font color="#7F9FBF">Cartes étrangères</font></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
      
            <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/dossiers.png">
      </h3>
        <div class="element atStart">
<b>• <a href="http://manaphy.free.fr/Dossiers/Mewthree/" class="leftnav1" target="_self">Mewthree</a></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
      
                  <h3 class="toggler atStart">
        <img src="v9/Minibanns/ex8.1/divers.png">
      </h3>
        <div class="element atStart">
<b>• <a href="http://manaphy.free.fr/Trucages/" class="leftnav1" target="_self">Trucages de Rémi</a><br>
• <a href="http://manaphy.free.fr/Fictions/UnionUltime/" class="leftnav1" target="_self">Fan fic de Rémi</a><br>
• <a href="http://www.netdisaster.com/goff.php?mode=paint&lang=fr&url=http://manaphy.free.fr/" class="leftnav" target="iframe">Netdisaster</a></b><br>

<img src="http://manaphy.free.fr/v9/Minibanns/ex8.1/sep.png">

        </div>
      </div>


Tout fonctionne très bien, le seul problème c'est qu'il y a un espace assez grand entre les images ( je l'ai mis en rouge sur cette image : http://i46.servimg.com/u/f46/11/06/85/25/probmo10.png )... et je trouve que c'est moins joli que s'il n'y avait pas d'espace. J'ai testé avec plusieurs navigateurs et l'espace s'affiche dans tous les cas. Y a-t-il un moyen de supprimer ce vide ? Merci d'avance, qu'il y aie un moyen ou pas ^^


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é: Mer 4 Juin 2008 17:09 

Tiens, rajoutes ce CSS au dessus de ton code.
<style type="text/css">

.toggler
{
  color: #ffffff;
  margin: 0;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: bold;
  font-family:arial;
  cursor:pointer;
}
 
.element atStart
{
   margin: 0;
   padding:15px;
}
</style>


Bien évidemment si tu connais un peu le CSS, tu peux modifier certaines options.

_________________
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é: Mer 4 Juin 2008 17:42 

Merci beaucoup, c'est parfait maintenant ^^
Je pense qu'il n'y a plus de problème avec ça... 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  
 
Poster un nouveau sujet Répondre au sujet



Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 10 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


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 ©