Probleme de programmation !!!
Utilisateur anonyme
-
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.
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.
A voir également:
- Probleme de programmation !!!
- Application de programmation - Guide
- Télécharger le programme de pmu - Télécharger - Médias et Actualité
- Fermer un programme de force - Guide
- Programmation carte à puce vierge ✓ - Forum Matériel & Système
- Langage de programmation visual basic - Télécharger - Langages
5 réponses
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.
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.
non tu peux le faire sans javascript avec les listes imbriquées par exemple
et le css
<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;
}
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 ;)
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 ;)
Tu pourrais m'expliquer comment mettre tout ca sur une page HTML, ou mettre le .css etc...
Merci,
Chris.
Merci,
Chris.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
" 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
Soit tu fais:
soit tu fait:
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.
Chris.