GAAP Membre

by matmat

HTML

<div style="padding:10px;width:535px;">
    <div id="MainContent">
        <div class="menutopWL">
<span style="float:left;margin-right:0px!important;"><img   style="background:transparent;" alt="" /></span>
            <h6 style="margin-bottom=5px;display:inline-block;">John Calagan</h6>

<a style="color:#ff7000;font-family:Constantia,Palatino,serif;font-style: italic;">Application Brocante </a>

        </div>
        <div class="contenuWL">
            <div class="ligneSAGAmenu">
                <p>Filtrer par<span><select><option>-- Catégorie --</option></select></span>
                </p>
                <p>Trier par<span><select style="width:80px;"><option>Date</option><option>Prix</option></select></span>
                </p>
            </div>
            <div class="ligneWL1" style="border-bottom:none;
">
<span style="text-align:center; width=100%; float:left;cursor:default;">
Pages:1
</span>

<a href="#" title="Détailler / Condenser tout" id="detailmembreWL"><span style="border:none;">Détailler tout / Condenser tout</span><img src="/Images/Icones/arrowdown.png"  style="background:transparent;" alt="" data-etat="0" /></a>

            </div>
            <div class="ligneSAGA1">
                <div class="ligneSAGA1-1"> <span> Corvette 1974 stingray </span>

                </div>
                <div class="ligneSAGA1-2"> <span>Auto-Moto / Collection  </span>

                </div>
            </div>
            <div class="ligneSAGA1" style="height:153px;">
                <div class="ligneSAGA1-3"> <a> <img alt="ahah"/></a>

                </div>
                <div class="ligneSAGA1-4">
                    <div class="ligneSAGA1-5">
                        <div class="ligneSAGA1-6">
                            <p class="prix">1200 €</p>
                        </div>
                        <div class="ligneSAGA1-6">
                            <p>84240 - La tour d'aigues</p>
                        </div>
                    </div>
             ...

CSS

.FormulaireAjouter {
    width:99%;
    margin-top:10px;
}
.ligneSAGA1AJ p {
    width:100%;
}
.FormulaireAjouter select {
    font-family:Calibri;
    font-style:italic;
    border:solid 1px #F5F5FF;
    padding-left:4px;
    width:140px;
    font-size:14px;
    color:grey;
    margin:0;
    height:20px;
}
.ligneSAGA1AJ-1 input {
    width:220px;
    font-style: italic;
    font-size:16px;
    margin-left:10px;
    line-height:20px;
    margin-bottom:0px;
    padding-left:10px;
    color:#990000;
    font-weight:bold;
    font-family: Constantia, Palatino, serif;
    border: 1px solid gainsboro;
    padding: 4px 4px 4px 4px;
}
.ligneSAGA1AJ-1 input:hover {
    border:solid 1px #AAAAAA;
    color:#FF7000;
}
.ligneSAGA1AJ-1 input:active {
    color:#FF7000;
}
.ligneSAGA1AJ-1 label {
    margin-left:10px;
}
.AjouterObjet {
    width:99.5%;
    color:#FF7000;
    height:30px;
    line-height:30px;
    text-align:center;
    background:#F5F5FF;
    border-radius:0px 30px 0px 0px;
    font-family:calibri;
    border:1px solid grey;
    vertical-align:middle;
    font-weight:bold;
    margin-left:auto;
    cursor:pointer;
    border-bottom:1px solid grey;  
    box-shadow:1px 1px 5px grey;
}
.AjouterObjet:hover {
    background:grey;
    border:1px solid black;
    text-shadow:1px 1px black;
box-shadow:1px 1px 5px grey;
}
.ligneSAGA1AJ-1 {
    width:59%;
    display:inline-block;
    height:60px;
    font-family: Constantia, Palatino, serif;
    color:#990000;
}
.ligneSAGA1AJ-2 {
    width:40%;
    display:inline-block;
    height:60px;
    float:right;
}
.ligneSAGAAJ1-main {
    width:80%;
    height:60px;
    padding:10px;
    border:1px solid #F5E6E6;
    margin:auto;
}
.ligneSAGAAJ1-main-1 label {
    margin-right:10px;
    color:#FF7000;
}
.ligneSAGAAJ1-main-1 select {
    height:20px;
    line-height:20px;
}
.ligneSAGAAJ1-main-1 input {
    width:75px;
    font-style: italic;
    font-size:14px;
    margin-left:5px;
    margin-right:10px;
    line-height:20px;
  ...

JavaScript

$(document).ready(function (m) {
     $(document.body).on('click', '.ligneSAGA1-8', function (event) {

         var element = $(this).attr('id');
         var arr = element.split('_');
         var id = arr[1];

         var tp = '#tp_' + id;
         $(tp).toggle('slow');

     });
     $(document.body).on('click', '.inner2', function (event) {

         var element = $(this).attr('id');
         var arr = element.split('_');
         var id = arr[1];
         var tp = '#tp_' + id;

         $(tp).toggle('slow');
         event.preventDefault;
         return false;
     });
     $(document.body).on('hover', '.inner2', function (event) {



     });
 });