Probleme de programmation !!!

Utilisateur anonyme -  
Bonjour,

Je suis entrain de créer mon site et je souhaite (avec du HTML) faire la chose suivante :

Un internaute clique sur plusieurs lien contenu dans la page d'accueil, ces dernier se réécrivent alors dans une sorte de petite "boîte" en dessous.

Quelqu'un pourrait-il me renseigner sur le code (HTML, JAVA, ou autre) ?

Merci

Chris.

5 réponses

  • Votes
  • Date
  • Date décroissante
  1. Akronos
    JavaScript => onClick => modification du CSS
    1. Utilisateur anonyme
      ? je suis débutant, et quand on me marque :

      " JavaScript => onClick => modification du CSS "

      Je ne sais pas ce que ça veut dire...

      Merci de m'indiquer, et de m'expliquer le code que je dois utiliser !

      Chris
    2. Akronos
      Le langage est du JavaScript (tuto).
      Soit tu fais: 
      <div id="un_id">
	<a href="JavaScript:fonctionJavaScriptQueTuDoisCoder()">le lien ou l'utilisateur doit cliquer</a>
</div>

      soit tu fait: 
      <div id="un_id">
<p onClick="fonctionJavaScriptQueTuDoisCoder()">le lien ou l'utilisateur doit cliquer</p>
</div>


      Voilà, et dans ta fonction tu modifie le css des div que tu veux faire apparaître ou disparaître grâce à display: hidden.

      Enfin, y a pas mal de tuto sur google.
    3. Utilisateur anonyme
      ok, c'est vague mais je vais me démerder !

      Chris.
    4. Akronos
      Disons qu'il faut certaines connaissances javascript, mais bon, ce n'est pas bien dur, si ça peut t'aider va voir sur self html: la page fournis est une description de la propriété style. Elle te permet de modifier le style (CSS) d'un élément HTML.
    5. Utilisateur anonyme
      merci
  2. canarder
    donc tu clique sur ces liens, et ils se mettent dans une boîte ...
    va voir du côté javascript dom ;)
    selfhtml est chient comme site, il donne juste des exemples, va voir le tuto sur le site du zero et après sur selfhtml.
    1. mohamed
      non tu peux le faire sans javascript avec les listes imbriquées par exemple 

      <ul class="menu">
 <li>Personne1
  <ul>
    <li class="action1"><a href="page1.php?id=1">action1</a></li>
    <li class="action2"><a href="page2.php?id=1">action2</a></li>
   </ul>
 </li>
 <li>Personne2
  <ul>
    <li class="action1"><a href="page1.php?id=2">action1</a></li>
    <li class="action2"><a href="page2.php?id=2">action2</a></li>
   </ul>
 </li>
 ...
</ul>


      et le css 

      li.personneNom{ 
    float:left;     
} 
li.personneAction{ 
    float: left; 
    list-style-type: none 
} 
li.personneAction a.action1{ 
    width: 16px; 
    background: url(img/action1.png) no-repeat ; 
    display: block; 
    text-indent: -2000px; 
    float: left; 
    margin-left:2px; 
    margin-right:2px;     
} 
li.personneAction a.action2{ 
    width: 16px; 
    background: url(img/action2.png) no-repeat ; 
    display: block; 
    text-indent: -2000px; 
    float: left; 
    margin-left:2px; 
    margin-right:2px     
} 
 
.separation{ 
    clear: both; 
    visibility: hidden;     
}
      1. Akronos
        Alors ça c'est horrible. Je comprends même pas comment on peut le faire...

        Enfin, le rendu y est c'est sûr, maintenant je veux bien voir l'affichage sur un grand écran > 2000x2000, ca sera drôle de voir une liste boguée tout à gauche...

        Et changez la valeur ne change rien au problème, ce n'est que du bricolage...

        Enfin, c'est sûr que ça se fait, mais quitte à faire les choses, autant les faire correctement ;)
    2. Utilisateur anonyme
      Tu pourrais m'expliquer comment mettre tout ca sur une page HTML, ou mettre le .css etc...

      Merci,

      Chris.
      1. FD5991
        C'est quoi ton site??
      2. Utilisateur anonyme
        Je peux pas te dire le nom ! Il n'est pas encore en ligne !

        Chris.
      3. FD5991
        Alors,tu me tiendra au courant,j'espere??
      4. Utilisateur anonyme
        Biensur ;) (dsl pour le retard x)
    4. canarder
      kris, va apprendre les bases sur le site du zéro sur l'html/css, puis sur le javascript, et reviens plus tard. sinon donne nous des codes et explique clairement, une capture d'écran sans le javascript si tu veux (j'ai pas trop compris ce que tu voulais faire si ce n'est pas ce que je t'ai dit ...)

      Discussions similaires

      code sur digicode extel
      bridadad

      3 réponses
      Manuel de programmation autocommutateur LG
      csf

      5 réponses
      Impossible de désinstaller quoique ce soit
      Båldrum

      8 réponses
      comment desactiver le stratégie de groupe
      dan

      38 réponses