Catégories Dans formulaires.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Catégories Dans formulaires.
Bonjour,
Voila, en surfant sur un site j'ai trouver un formulaire avec des PARTIEs (EX :PARTIE 1 : Infos...)
J'ai fait des prises d'écrans :
Et j'aimerais savoir comment avoir des parties ou quand on y clique dessus cela affiche son contenue...
Merci, en espérent que quelqun puisse répondre .
Voila, en surfant sur un site j'ai trouver un formulaire avec des PARTIEs (EX :PARTIE 1 : Infos...)
J'ai fait des prises d'écrans :
Et j'aimerais savoir comment avoir des parties ou quand on y clique dessus cela affiche son contenue...
Merci, en espérent que quelqun puisse répondre .
Dernière édition par pierre du 47 le Dim 30 Oct 2011 - 2:48, édité 1 fois
Re: Catégories Dans formulaires.
bonjour,
ceci est un accordéon vertical ...
facilement réalisable avec la librairie de Jquery ...
Avez-vous fait des recherches de votre coté ?
http://jqueryui.com/demos/accordion/ (eng)
ceci est un accordéon vertical ...
facilement réalisable avec la librairie de Jquery ...
Avez-vous fait des recherches de votre coté ?
http://jqueryui.com/demos/accordion/ (eng)
Re: Catégories Dans formulaires.
Oui j'ai cherché mais sa ne donné rien, je regarde le lien de suite.
Merci beaucoup.
Merci beaucoup.
Re: Catégories Dans formulaires.
J'ai regardé;
J'ai fait un copié coller du code sur mon forum (Dans une page HTML) Mais cela ne donctionne pas, comment doije faire ????
J'ai fait un copié coller du code sur mon forum (Dans une page HTML) Mais cela ne donctionne pas, comment doije faire ????
Re: Catégories Dans formulaires.
bonjour,
votre forum ?
vous parlez de celui que vous fermez définitivement ?
Merci de mettre VOTRE code (ou le lien vers la page HTML) qui ne "marche" pas ...
Amicalement,
Scoubifitz
votre forum ?
vous parlez de celui que vous fermez définitivement ?
Merci de mettre VOTRE code (ou le lien vers la page HTML) qui ne "marche" pas ...
Amicalement,
Scoubifitz
Re: Catégories Dans formulaires.
http://dogz-aide.forumgratuit.org/h1-dogz
C'est sur le site d'un ami ou je suis admin;
Pour l'instant j'ai juste fait un copié collé du code.
C'est sur le site d'un ami ou je suis admin;
Pour l'instant j'ai juste fait un copié collé du code.
Re: Catégories Dans formulaires.
il vous manque le script de la librairie ...
je vous ai rajouté un CSS minimum pour la présentation ...
je vous ai rajouté un CSS minimum pour la présentation ...
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>formulaire</title>
<style type="text/css">
.demo{width:800px;margin:auto;}
.demo div div{background:yellow;padding:10px}
.demo div h3{background:orange;}
.demo div h3 a{text-decoration:none}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script>
$(function() {
$( "#accordion" ).accordion({
collapsible:true
});
});
</script>
</head>
<body>
<div class="demo">
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
</div>
</div>
</div><!-- End demo -->
</body>
</html>
Re: Catégories Dans formulaires.
Ok, merci
Re: Catégories Dans formulaires.
S'il vous faut de l'aide pour placer le formulaire , n'hésitez pas ! ^^
Le sujet est-il résolu ?
Le sujet est-il résolu ?
Re: Catégories Dans formulaires.
En fait est il possible de le mettre simple (sans les couleurs) car je vais bosser un que au lieu du texte il y ai un formulaire.
Re: Catégories Dans formulaires.
Pas de soucis ! ^^
il suffit de supprimer le CSS que j'ai rajouté ...
Supprimez cette partie :
il suffit de supprimer le CSS que j'ai rajouté ...
Supprimez cette partie :
- Code:
<style type="text/css">
.demo{width:800px;margin:auto;}
.demo div div{background:yellow;padding:10px}
.demo div h3{background:orange;}
.demo div h3 a{text-decoration:none}
</style>
Re: Catégories Dans formulaires.
J'ai essayé, mais il n'y a aucun décor, moi j'aimerais que se soit simple, (comme sur mes prises d'écrans).
Re: Catégories Dans formulaires.
Plus ça a l'air simple , plus c'est compliqué ! ^^j'aimerais que se soit simple, (comme sur mes prises d'écrans).
Sur vos prises d'écran , le thème utilisé est " Smoothness "
juste pour vous montrer le CSS utilisé pour que ce soit "simple" , cliquez sur ce lien :
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css
Pas besoin de le copier , c'est juste pour vous montrer ...
voilà le même code avec le thème "comme sur vos prises d'écrans" !^^
Celui là , vous pouvez le copier !
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>formulaire</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#accordion").accordion();
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
suscipit faucibus urna.
</p>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
</p>
</div>
</div>
</body>
</html>
Re: Catégories Dans formulaires.
Daccord, et encore un grand merci pour votre aide précieuse.
je vous en suis reconnaisant
je vous en suis reconnaisant
Re: Catégories Dans formulaires.
de rien ! ^^
il y a aussi le bouton ...
le sujet est-il résolu ?
il y a aussi le bouton ...
le sujet est-il résolu ?
Sujets similaires
» Problème : deux formulaires dans une même page HTML
» Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)
» Afficher les icônes de catégories dans la légende, lorsque les catégories sont sur la page d' accueil
» Catégories en onglet : afficher plusieurs catégories/onglet dans le 1er onglet
» Placer les liens des sous-forums se trouvant dans les catégories dans un cadre
» Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)
» Afficher les icônes de catégories dans la légende, lorsque les catégories sont sur la page d' accueil
» Catégories en onglet : afficher plusieurs catégories/onglet dans le 1er onglet
» Placer les liens des sous-forums se trouvant dans les catégories dans un cadre
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum