Catégories Dans formulaires.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Catégories Dans formulaires.

Message par pierre du 47 le Mar 25 Oct 2011 - 19:52

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 Wink.


Dernière édition par pierre du 47 le Dim 30 Oct 2011 - 2:48, édité 1 fois

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Mer 26 Oct 2011 - 19:18

UP

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Jeu 27 Oct 2011 - 20:11

UP

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Ven 28 Oct 2011 - 11:44

UP

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par Scoubifitz le Ven 28 Oct 2011 - 14:54

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)

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Ven 28 Oct 2011 - 15:38

Oui j'ai cherché mais sa ne donné rien, je regarde le lien de suite.

Merci beaucoup.

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Ven 28 Oct 2011 - 15:53

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 ????

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par Scoubifitz le Ven 28 Oct 2011 - 16:42

bonjour,

votre forum ?

vous parlez de celui que vous fermez définitivement ?

Tssss

Merci de mettre VOTRE code (ou le lien vers la page HTML) qui ne "marche" pas ...

Amicalement,
Scoubifitz

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Ven 28 Oct 2011 - 17:49

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.

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par Scoubifitz le Ven 28 Oct 2011 - 18:13

il vous manque le script de la librairie ...

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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Ven 28 Oct 2011 - 19:19

Ok, merci

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par Scoubifitz le Ven 28 Oct 2011 - 19:43

S'il vous faut de l'aide pour placer le formulaire , n'hésitez pas ! ^^

Le sujet est-il résolu ? résolu

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Ven 28 Oct 2011 - 21:34

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.

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par Scoubifitz le Sam 29 Oct 2011 - 6:46

Pas de soucis ! ^^

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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Sam 29 Oct 2011 - 10:05

J'ai essayé, mais il n'y a aucun décor, moi j'aimerais que se soit simple, (comme sur mes prises d'écrans).

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par Scoubifitz le Sam 29 Oct 2011 - 16:44

j'aimerais que se soit simple, (comme sur mes prises d'écrans).
Plus ça a l'air simple , plus c'est compliqué ! ^^

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 ... Lunette

voilà le même code avec le thème "comme sur vos prises d'écrans" !^^

Celui là , vous pouvez le copier ! Clin d\'oeil

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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par pierre du 47 le Sam 29 Oct 2011 - 17:03

Daccord, et encore un grand merci pour votre aide précieuse.

je vous en suis reconnaisant

pierre du 47
***

Masculin
Messages : 173
Inscrit(e) le : 02/06/2011

http://ccis-casteljalouxv3.forumgratuit.org/
pierre du 47 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories Dans formulaires.

Message par Scoubifitz le Sam 29 Oct 2011 - 17:06

ok de rien ! ^^

il y a aussi le bouton merci ...

le sujet est-il résolu ? résolu

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum