Bonsoir,
J'ai un souci de taille.
Dans une page (ici),
j'utilise 2 jquery : datatables + coda-slider.
Individuellement, ils fonctionnent à merveille !
Par contre, ensemble, c'est le "binz" !!!
Si le coda-slider est avant, le datatables ne fonctionne plus.
Si c'est le datatables qui est placé avant, c'est le coda-slider ne fonctionne plus.
Bizarre !
Mes connaissances (trop limites en jquery)
m'empêchent de résoudre le souci...
Alors, je viens à vous,
en vous sollicitant pour votre aide.
D'avance, un immense merci.
Bonne soirée.
Voici le maximum de code (afin que tout y soit !):
Modifié par jytest (02 May 2013 - 19:38)
J'ai un souci de taille.
Dans une page (ici),
j'utilise 2 jquery : datatables + coda-slider.
Individuellement, ils fonctionnent à merveille !
Par contre, ensemble, c'est le "binz" !!!
Si le coda-slider est avant, le datatables ne fonctionne plus.
Si c'est le datatables qui est placé avant, c'est le coda-slider ne fonctionne plus.
Bizarre !
Mes connaissances (trop limites en jquery)
m'empêchent de résoudre le souci...
Alors, je viens à vous,
en vous sollicitant pour votre aide.
D'avance, un immense merci.
Bonne soirée.
Voici le maximum de code (afin que tout y soit !):
<?php
session_start();
ob_start();
$php="recherche20";
$rubrique="recherche";
// require_once("php/cliquer.inc.php");
// cliquer($rubrique);
date_default_timezone_set('Europe/Brussels');
$travaux="";
require_once("php/connexionMysql.inc.php");
$jour = array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
$mois = array("","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
$datefr = $jour[date("w")]." ".date("d")." ".$mois[date("n")]." ".date("Y");
$heurefr = " à ".date("H")."h".date("i");
$datum = $datefr.$heurefr;
$libforme = array ("", "Rond", "Princesse", "Emeraude", "Radiant", "Ovale", "Poire", "Marquise", "Coeur", "Asscher CS");
$imgforme = array ("", "rond.jpg", "princesse.jpg", "emeraude.jpg", "radiant.jpg", "oval.jpg", "poire.jpg", "marquise.jpg", "coeur.jpg", "vide.gif");
$libcritere = array ("Poli", "Symétrie", "% Profondeur", "% Table", "Fluorescence", "Prix / Carat", "Colette", "Rapport long / larg");
$libcouleur = array ("", "D", "E", "F", "G", "H", "I", "J", "K");
$libtaille = array ("", "Faible", "Bon", "Très bon", "Excellent", "Idéal");
$libpurete = array ("", "IF", "VVS1", "VVS2", "VS1", "VS2", "SI1", "SI2", "SI3", "I1");
$libpoli = array ("", "Faible", "Bon", "Très bon", "Excellent", "Idéal");
$libsymetrie = array ("", "Faible", "Bon", "Très bon", "Excellent", "Idéal");
$libfluo = array ("", "Sans", "Très légère", "Légère", "Faible", "Moyen", "Forte", "Très forte");
$libcolette = array ("", "Pointue", "Très petite", "Petite", "Moyenne", "Large");
$libcertificat = array ("", "GIA", "HRD", "IGI", "EGL", "AGS");
$nbforme = count($libforme);
$nbcritere = count($libcritere);
$nbcouleur = count($libcouleur)-1;
$nbtaille = count($libtaille)-1;
$nbpurete = count($libpurete)-1;
$nbpoli = count($libpoli)-1;
$nbsymetrie = count($libsymetrie)-1;
$nbfluo = count($libfluo)-1;
$nbcolette = count($libcolette)-1;
$nbcertificat = count($libcertificat);
$repertoire = "images/recherche/";
$_SESSION['recherche']['stringcomparer']="89896389";
if (isset($_SESSION['recherche'])) {
$stringcomparer = $_SESSION['recherche']['stringcomparer'];
if ($stringcomparer == "") {
header("Location: recherche00.php");
exit;
}
} else {
header("Location: recherche00.php");
exit;
}
// $stringcomparer = "77887028:89895440:89895435:88896257";
unset($refcomparer);
$refcomparer = explode(":", $stringcomparer);
$jourslivraison = 1;
$livreur = "UPS";
$avis[] = "Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps,";
$avis[] = "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.";
$avis[] = "Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li. Li Europan lingues es membres del sam familie. Li Europan lingues es membres del sam familie.";
$avis[] = "Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos. Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues.";
$avis[] = "Tous mes sens sont émus d'une volupté douce et pure, comme l'haleine du matin dans cette saison délicieuse. Seul, au milieu d'une contrée qui semble fait exprès pour un coeur tel que mien, j'y goûte à longs traits l'ivresse de la vie.";
$avis[] = "En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte.";
$avis[] = "Voyez ce jeu exquis wallon, de graphie en kit mais bref. Portez ce vieux whisky au juge blond qui fume sur son île intérieure, à côté de l'alcôve ovoïde, où les bûches se consument dans l'âtre,";
$cptavis = count($avis);
ob_end_flush();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name = "reply-to" content = "creaprint@skynet.be"/>
<meta name = "author" content = "creaprint"/>
<meta name = "description" content = "Recherchez votre diamant"/>
<meta name = "keywords" content = ""/>
<title>celinni.com - Recherche de diamant</title>
<style type="text/css">
<!--
-->
</style>
<!--
<link rel="alternate" type="application/rss+xml" title="ROR" href="sitemap.xml" />
<link rel="alternate" type="application/rss+xml" title="ROR" href="ror.xml" />
-->
<link type="text/css" rel="stylesheet" href="css/font_AvantGarde2BQRoman.css" media="all" />
<link type="text/css" rel="stylesheet" href="css/general.css">
<link type="text/css" rel="stylesheet" href="css/general12.css">
<link type="text/css" rel="stylesheet" href="css/recherche20.css">
<link type="text/css" rel="stylesheet" href="js/dt/jquery.dataTables.css">
<link type="text/css" rel="stylesheet" href="js/dt/jquery.dataTables-my.css">
<link type="text/css" rel="stylesheet" href="js/dt/jquery.dataTables.scroller.css">
<link type="text/css" rel="stylesheet" href="js/cs/coda-slider.css" media="screen">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/dt/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/dt/jquery.dataTables.scroller.js"></script>
<script type="text/javascript" src="js/dt/jquery.dataTables.FixedHeader.js"></script>
<script type="text/javascript" src="js/dt/jquery.dataTables.columnFilter.js"></script>
<script type="text/javascript" src="js/dt/jquery.dataTables.numericComma.js"></script>
<script type="text/javascript" src="js/ui/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/cs/jquery.coda-slider-3.0.js"></script>
<script type="text/javascript" src="js/requete.js"></script>
<script type="text/javascript">
var libforme = new Array();
var imgforme = new Array();
var oTable;
var nCloneTh, nCloneTd;
var aData = "";
var forme = "", image = "";
var sOut = "";
var example = "830px";
var colour = "";
var k1 = 0;
<?php
for ($k=0; $k<$nbforme; $k++) {
?>
libforme[k1] = "<?php echo strtolower($libforme[$k]); ?>";
imgforme[k1] = "<?php echo $repertoire.$imgforme[$k]; ?>";
k1++;
<?php
}
?>
$(function() {
nCloneTh = document.createElement( 'th' );
nCloneTd = document.createElement( 'td' );
nCloneTd.innerHTML = '<img src="images/recherche/detailouvrir.gif">';
nCloneTd.className = "center";
$('#example thead tr').each( function () {
this.insertBefore( nCloneTh, this.childNodes[0] );
} );
$('#example tbody tr').each( function () {
this.insertBefore( nCloneTd.cloneNode( true ), this.childNodes[0] );
} );
oTable = $('#example').dataTable( {
"sScrollY": example,
// "bPaginate": false,
"bFilter": false,
"bInfo": false,
"bScrollCollapse": true,
"BJQueryUI" : false,
"aoColumns": [
{ "sTitle": " ", "bSortable": false,
"sClass": "alignCenter", "bVisible": true },
{ "sTitle": "forme", "bSortable": true,
"sClass": "alignLeft", "bVisible": true },
{ "sTitle": "carat", "bSortable": true,
"sClass": "alignRight", "bVisible": true },
{ "sTitle": "couleur", "bSortable": true,
"sClass": "alignCenter", "bVisible": true },
{ "sTitle": "taille", "bSortable": true,
"sClass": "alignCenter", "bVisible": true },
{ "sTitle": "pureté", "bSortable": true,
"sClass": "alignCenter", "bVisible": true },
{ "sTitle": "détails", "bSortable": false,
"sClass": "alignCenter", "bVisible": true },
{ "sTitle": "comparer", "bSortable": false,
"sClass": "alignCenter", "bVisible": true },
{ "sTitle": "prix", "bSortable": true,
"sClass": "alignRight", "bVisible": true },
{ "sTitle": "reference", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "symetrie", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "polissage", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "fluorescence", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "certificat", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "profondeur", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "table", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "rondiste", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "colette", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "dimensions", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "rll", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "prixparcarat", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "prixfull", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "prixparcaratttc", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "prixfullttc", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "prixcelinnittc", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "delainonserti", "bSortable": false,
"sClass": "alignRight", "bVisible": false },
{ "sTitle": "delaiserti", "bSortable": false,
"sClass": "alignRight", "bVisible": false }
],
"sDom": "frtiS",
"aaSorting": [[ 8, "asc" ]]
} );
$(".dataTables_scrollBody").height(example);
$(".dataTables_scrollHead").height("25px");
$('#example tbody td img').live('click', function () {
// colour = this.style.backgroundColor + '';
var nTr = $(this).parents('tr')[0];
if (oTable.fnIsOpen(nTr)) {
this.src = "images/recherche/detailouvrir.gif";
oTable.fnClose( nTr );
} else {
this.src = "images/recherche/detailfermer.gif";
oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
}
// $('#example tbody tr').each( function() {
// var el = $(this);
// if( el.hasClass('odd') ){
// el.next('tr').find('td:eq(0)').css({'background':'#F5F5F5'});
// }
// })
} );
$('#example tbody td .voir').live('click', function () {
// colour = this.style.backgroundColor + '';
var nTr = $(this).parents('tr')[0];
if (oTable.fnIsOpen(nTr)) {
$(this).parents('tr:eq(0)').find('td:eq(0) img').attr('src' , 'images/recherche/detailouvrir.gif');
oTable.fnClose( nTr );
} else {
$(this).parents('tr:eq(0)').find('td:eq(0) img').attr('src' , 'images/recherche/detailfermer.gif');
oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
}
// $('#example tbody tr').each( function() {
// var el = $(this);
// if( el.hasClass('odd') ){
// el.next('tr').find('td:eq(0)').css({'background':'#F5F5F5'});
// }
// })
} );
$('#example tbody tr').live('mouseover', function () {
this.style.cursor='pointer';
colour = this.style.backgroundColor + '';
this.style.backgroundColor = '#C7D6EE';
this.style.color = '#005BAA';
} );
$('#example tbody tr').live('mouseout', function () {
this.style.backgroundColor = colour;
this.style.color = '#666666';
} );
$('#slider-id').codaSlider({
firstPanelToLoad: (Math.floor(Math.random() * <?php echo count($avis); ?>) + 1),
// slideEaseFunction: "easeInExpo",
continuous: true,
autoSlide: true,
autoSlideInterval: 6000,
autoSliderDirection: "right",
autoSlideControls: true,
autoHeight: false,
dynamicArrows: false,
dynamicArrowsGraphical: false,
dynamicTabs: true,
dynamicTabsAlign: "right",
dynamicTabsPosition: "bottom",
panelTitleSelector: "h2.title"
});
} );
function fnFormatDetails (oTable, nTr) {
aData = oTable.fnGetData( nTr );
forme = aData[1];
image = imgforme[libforme.length-1];
for (var k=1; k<libforme.length; k++) {
if (forme == libforme[k]) {
image = imgforme[k];
k = libforme.length;
}
}
sOut = "<table cellpadding='5' cellspacing='0' border='0' style='margin:7px 0px 7px 0px; padding-left:0px; background-color:"+colour+";'>";
sOut += "<tr><td width='70'></td><td width='120'></td><td width='180'></td><td width='120'></td><td width='180'></td><td width='100'></td></tr>";
sOut += "<tr><td rowspan='10' valign='top' align='center' style='width:70px; background-color:#FFFFFF;'>";
sOut += "<img src='"+image+"' width='63' height='63' alt='recherche diamant'>";
sOut += "</td>";
sOut += "<td>Référence :</td><td><a href='recherche10.php?id="+aData[9]+"' class='curseur'>"+aData[9]+"</a></td>";
sOut += "<td>Certificat :</td><td><a href='certificat00.php?id="+aData[9]+"' class='curseur' target='_blank'>"+aData[13]+"</a></td>";
sOut += "<td valign='bottom' style='width:60px; text-align:center;' rowspan='10'>";
sOut += "<a href='boutique.php'>Ajouter<br>au Panier<br><img src='images/boutique/panier.png' alt='ajouter' name='ajouter' width='20' height='20' id='ajouter'></a>";
sOut += "</td></tr>";
sOut += '</table>';
return sOut;
}
function envoiDetails(sref) {
}
function acomparer(sref) {
var nocomparaison = "comparer["+sref+"]";
var etat = document.getElementById(nocomparaison).checked+0;
var requete = creerRequete();
requete.open("GET", "php/session_stringcomparer.php?reference="+sref+"&etat="+etat, true);
requete.send();
}
function toutouvrir() {
$('#example tbody tr td .voir').each( function() {
if( !oTable.fnIsOpen( $(this).parents('tr')[0] ) ){
var el = $(this);
el.trigger('click');
$('#example tbody tr').each( function() {
$(this).find('td.center img').attr('src','images/recherche/detailfermer.gif');
});
}
})
}
function toutfermer() {
$('#example tbody tr td .voir').each( function() {
if( oTable.fnIsOpen( $(this).parents('tr')[0] ) ){
var el = $(this);
el.trigger('click');
$('#example tbody tr').each( function() {
$(this).find('td.center img').attr('src','images/recherche/detailouvrir.gif');
});
}
})
}
</script>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div id="referencement">
<h1></h1>
</div>
<div id="ombre">
<div id="site">
<div id="header" style="background:url(images/general/texte_diamant.png) no-repeat top left;">
<div id="boutique">
<div style="float:left; width:275px;"> </div>
<a href=""><div class="menuboutique" style="width:142px; background:url(images/general/monespaceclient.png) no-repeat 7px 0px;">
Mon espace client</div></a>
<a href=""><div class="menuboutique" style="width:151px; background:url(images/general/monecrin.png) no-repeat 7px 0px;">
Mon écrin : 0 bijou</div></a>
<a href=""><div class="menuboutique" style="width:152px; background:url(images/general/maisoncelinni.png) no-repeat 7px 0px;">
La maison CELINNI</div></a>
<a href=""><div class="menuboutique" style="width:113px; background:url(images/general/aideenligne.png) no-repeat 7px 0px;">
Aide en ligne</div></a>
<a href=""><div class="menuboutique" style="width:50px; background:url(images/general/contact.png) no-repeat 7px 0px;">
Contact</div></a>
<div style="clear:right;"></div>
</div>
<div id="entete">
<div style="float:left; width:245px; height:113px;"><a href="index.php"><img src="images/logos/logo_celinni.png" width="245" height="113" alt="www.celinni.com"></a></div>
<div style="float:left; width:800px; height:113px; text-align:right;">
<p style="color:#8C8C8C; margin-top:47px;" class="c16">Besoin de conseils, une question ?</p>
<p style="color:#FFFFFF; margin-top:13px;" class="c19">CONTACTEZ-NOUS au <img src="images/general/telephone.png" width="13" height="24" style="vertical-align:middle;"> 01 42 80 27 36</p></div>
<div style="clear:right; width:9px; height:113px;"></div>
</div>
</div>
<div id="menu">
<ul class="menu">
<li class="bouton1" style="width:193px;" alt="recherche"><a href="recherche00.php" class="blanc">RECHERCHER UN DIAMANT</a></li>
<li class="bouton1" style="width:282px;" alt="solitaires_bague_fiancaille"><a href="" class="blanc">SOLITAIRES | BAGUES DE FIANÇAILLES</a></li>
<li class="bouton1" style="width:139px;" alt="alliance"><a href="" class="blanc">ALLIANCES</a></li>
<li class="bouton1" style="width:117px;" alt="bijou"><a href="" class="blanc">BIJOUX</a></li>
<li class="bouton1" style="width:162px;" alt="promotion"><a href="" class="rouge">PROMOTIONS</a></li>
<li class="bouton1" style="width:143px;" alt="guide"><a href="" class="blanc">GUIDE DU DIAMANT</a></li>
</ul>
</div>
<div id="titre">Comparez vos diamants certifiés</div>
<div id="contenu">
<div id="bloc30">
<div id="bloc31">
<div id="infos00" style="margin-top:0px;">
<p style="text-align:right;"><a href="recherche00.php">Autre Recherche <img src="images/general/loupebleue.gif" width="14" height="15" alt="recherche"></a></p>
<p style="margin-top:15px;">Voici la liste des diamants que vous voulez comparer.<br>
N'hésitez pas à naviguer sur le site, toutes vos recherches sont automatiquement mémorisées !</p>
<p style="margin-top:15px; margin-bottom:15px;">
Cliquez sur <span class="bleufonce">Tout développer</span> pour voir plus de détails sur chaque diamant y compris les mesures, ceinture, colette et plus encore.
Cliquez sur <span class="bleufonce">Tout réduire</span> pour fermer la liste élargie et afficher uniquement les informations récapitulatives pour chaque diamant.</p>
<div>
<a href="javascript:toutouvrir();"><img src='images/recherche/detailouvrir.gif' width='10' height='10' alt='recherche diamant'> Tout développer</a>
-
<a href="javascript:toutfermer();"><img src='images/recherche/detailfermer.gif' width='10' height='10' alt='recherche diamant'> Tout réduire</a>
</div>
</div>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
<thead>
</thead>
<tbody>
<?php
for ($lig=0; $lig<count($refcomparer); $lig++) {
$reqdiamant = "SELECT * FROM diamant_data".
" WHERE item_id='".$refcomparer[$lig]."' ";
$resdiamant=mysql_query($reqdiamant);
$back = mysql_fetch_assoc($resdiamant);
if ($back) {
$reference = trim($back['item_id']);
$prixsite_ht = trim($back['total_price_ht']);
$prixsite_ttc = trim($back['total_price']);
$forme = strtolower(trim($back['cut']));
$poids = number_format(trim($back['carat']),2);
$couleur = trim($back['color']);
$purete = trim($back['clarity']);
$dimensions = trim($back['dimensions']);
$profondeur = trim($back['depth']);
$table = trim($back['table']);
$taille = trim($back['cut_grade']);
$symetrie = trim($back['symmetry']);
$rondiste = trim($back['girdle']);
$poli = trim($back['polish']);
$culetfr = trim($back['culet_size']);
$fluorescence = trim($back['fluo_intensity']);
$certificat = trim($back['certificat']);
$prixparcarat_ht = trim($back['price_per_carat_ht']);
$prixparcarat_ttc = trim($back['price_per_carat']);
$prixfull_ht = trim($back['total_full_price_ht']);
$prixfull_ttc = trim($back['total_full_price']);
$rll = trim($back['length_width']);
$delai = trim($back['delay']);
$certificatpdf = trim($back['certificate_path']);
$datenonserti = "nc";
$dateserti = "nc";
echo "<tr>";
echo "<td>".$forme."</td>";
echo "<td>".$poids."</td>";
echo "<td>".$couleur."</td>";
echo "<td>".$taille."</td>";
echo "<td>".$purete."</td>";
echo "<td><a href='javascript:envoiDetails(".$reference.");'><span class='voir'>Détails</span></a></td>";
echo "<td><div id='tag".$reference."'><input id='comparer[".$reference."]' type='checkbox' class='curseur' onclick='acomparer(".$reference.");' CHECKED></div></td>";
echo "<td>".$prixsite_ht."</td>";
echo "<td>".$reference."</td>";
echo "<td>".$symetrie."</td>";
echo "<td>".$poli."</td>";
echo "<td>".$fluorescence."</td>";
echo "<td>".$certificat."</td>";
echo "<td>".$profondeur."</td>";
echo "<td>".$table."</td>";
echo "<td>".$rondiste."</td>";
echo "<td>".$culetfr."</td>";
echo "<td>".$dimensions."</td>";
echo "<td>".$rll."</td>";
echo "<td>".$prixparcarat_ht."</td>";
echo "<td>".$prixfull_ht."</td>";
echo "<td>".$prixparcarat_ttc."</td>";
echo "<td>".$prixfull_ttc."</td>";
echo "<td>".$prixsite_ttc."</td>";
echo "<td>".$datenonserti."</td>";
echo "<td>".$dateserti."</td>";
echo "</tr>";
}
}
?>
</tbody>
</table>
</div>
<div id="bloc32">
</div>
<div style="clear:left;"></div>
</div>
</div>
<div id="pied">
<div id="pied20" style="clear:both;">
<div class="piedalignleft20par3">
<div style="height:20px; padding-top:9px; text-align:center; font-size:14px;">Les medias parlent de la maison<span class="c16"> CELINNI DIAMANT</span></div>
<div style="padding-top:24px; padding-left:25px; height:50px;">
<img src="images/index/tf1.png" width="76" height="23" alt="on_parle_de_celinni" class="piedlogoparle">
<img src="images/index/vogue.png" width="76" height="23" alt="on-parle_de_celinni" class="piedlogoparle">
<img src="images/index/elle.png" width="76" height="23" alt="on-parle_de_celinni" class="piedlogoparle">
<img src="images/index/grazia.png" width="76" height="23" alt="on-parle_de_celinni" class="piedlogoparle">
</div>
</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="100"></div>
<div class="piedalignleft20par1" style="padding-top:5px; font-size:15px; line-height:32px;">DÉCOUVREZ<br><span class="blanc">LES PROMOTIONS</span><br>CELINNI</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="100"></div>
<div class="piedalignleft20par3">
<div style="height:20px; padding-top:9px; text-align:center; font-size:16px;">AVIS CLIENTS</div>
<div style="padding-top:7px; padding-left:8px; padding-right:8px; height:64px; font-size:10px; line-height:14px;">
<div id="slider-id" class="coda-slider">
<?php
for ($islider=0; $islider<$cptavis; $islider++) {
echo "<div style='height:48px; overflow-y:auto;'>";
echo "<h2 class='title'>".($islider+1)."</h2>";
echo "<p>".$avis[$islider]."</p>";
echo "</div>";
}
?>
</div>
</div>
</div>
</div>
<div id="pied30">
<div id="pied31" style="clear:both;">
<div class="piedalignleft31"><img src="images/index/picto01.png" width="26" height="22" alt="celinni" style="padding-bottom:2px;"><br>CELINNI</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="60"></div>
<div class="piedalignleft31"><img src="images/index/picto02.png" width="26" height="22" alt="infos_pratiques" style="padding-bottom:2px;"><br>INFOS PRATIQUES</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="60"></div>
<div class="piedalignleft31"><img src="images/index/picto03.png" width="26" height="22" alt="services" style="padding-bottom:2px;"><br>SERVICES</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="60"></div>
<div class="piedalignleft31"><img src="images/index/picto04.png" width="26" height="22" alt="nos_points_forts" style="padding-bottom:2px;"><br>NOS POINTS FORTS</div>
</div>
<div id="pied32" style="clear:both;">
<div class="piedalignleft32">
La Maison Celinni<br>
La presse en parle<br>
Contactez-nous<br>
Brochures<br>
Recrutement<br>
Mentions légales<br>
Plan du site
</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="173"></div>
<div class="piedalignleft32">
Aide en ligne<br>
Conseils pour acheter moins cher<br>
Guide Diamant Les 4C | Blood Diamond<br>
Assurances<br>
Paiement sécurisé<br>
Livraison<br>
Conditions de vente
</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="173"></div>
<div class="piedalignleft32">
Showroom à Anvers | Paris<br>
Atelier de création sur mesure<br>
Gravure Bijoux | Diamants<br>
Entretien Bijoux<br>
Détaxe<br>
Chèques cadeaux
</div>
<div class="piedcolonne"><img src="images/index/colonnage.png" width="3" height="173"></div>
<div class="piedalignleft32">
La garantie de la qualité et du prix le plus bas<br>
L'offre de diamants la + importante du marché<br>
Engagement de confidentialité<br>
Appartenance aux bourses diamantaires<br>
Expertise certification<br>
Savoir-faire & tradition française<br>
6 générations d'expérience<br>
Livraison offerte et assurée<br>
Expédition depuis Paris<br>
Satisfait ou remboursé
</div>
<div style="clear:right;"></div>
</div>
</div>
<div id="pied40">
</div>
<div id="pied50">
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a>
<br>
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a>
<br>
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
<a href="" target="_blank">Mots clé ou lien pour le référencement</a> |
</div>
<div id="pied60">
Celinni Diamant © tous droits réservés - <a href="http://www.creaprint.be" target="_blank">Design : creaprint.be</a>
</div>
</div>
</div>
</div>
<div id="dessous"></div>
<div id="contacteznous00">
<div id="contacteznous10">
<div id="contacteznous20">
<a href="recherche00.php" alt="help"><img src="images/general/vide.gif" width="220" height="65"></a>
</div>
</div>
<div style="position:absolute; top:55px; padding-left:10px;" class="bold orange"><?php echo ($travaux!="")?"Cette page est momentanément en maintenance... Veuillez nous en excuser !":""; ?></div>
</div>
</body>
</html>
Modifié par jytest (02 May 2013 - 19:38)