Probleme de programmation !!!

Utilisateur anonyme -  
 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

  1.
    Akronos Messages postés 163 Statut Membre 32
     
    JavaScript => onClick => modification du CSS
    0
    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
      0
    2. Akronos Messages postés 163 Statut Membre 32
       
      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.
      0
    3. Utilisateur anonyme
       
      ok, c'est vague mais je vais me démerder !

      Chris.
      0
    4. Akronos Messages postés 163 Statut Membre 32
       
      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.
      0
    5. Utilisateur anonyme
       
      merci
      0
  2. canarder Messages postés 2034 Statut Membre 357
     
    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.
    0
  3. 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;     
}
    0
    1. Akronos Messages postés 163 Statut Membre 32
       
      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 ;)
      0
  4. Utilisateur anonyme
     
    Tu pourrais m'expliquer comment mettre tout ca sur une page HTML, ou mettre le .css etc...

    Merci,

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

      Chris.
      0
    3. FD5991
       
      Alors,tu me tiendra au courant,j'espere??
      0
    4. Utilisateur anonyme
       
      Biensur ;) (dsl pour le retard x)
      0

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

    Posez votre question
  6. canarder Messages postés 2034 Statut Membre 357
     
    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 ...)
    0

Discussions similaires

code sur digicode extel
bridadad -
Anibal -

3 réponses
Impossible de désinstaller quoique ce soit
Båldrum -
Inconnu -

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

38 réponses