05-05-2009, 12:02 AM
(Modification du message : 05-05-2009, 08:11 PM par jo_link_noir.)
Thedeejay si t'arrives à le faire avec le css je serais intéressé, y a pas mal de temps j'ai voulu le faire mais j'ai pas réussi :/ Sur firefox les div prennent la hauteur de la page et sur opera il en ce passe rien... pas regardé sur d'autre navigateur.
Phenix, pour être franc je suis un peu perdu avec le resultat que j'ai avec t'es page, alors je te passe le fichier que j'ai fait. Suffi de l'adapter.
A la place de livequery j'ai juste mi live, mais si tu met livequery ça fonctionne quand même.
Bonne nuit
Phenix, pour être franc je suis un peu perdu avec le resultat que j'ai avec t'es page, alors je te passe le fichier que j'ai fait. Suffi de l'adapter.
A la place de livequery j'ai juste mi live, mais si tu met livequery ça fonctionne quand même.
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript"><!--
(function($) {
size = function()
{
/* Modicateurs des hauteurs des Div principal*/
$div = $("div.Xgauche, div.table_gauche, div.gauche, div.table_center, div.Xdroite, div.table_droite, div.droite");
/* Réinitialise la hauteur des divs pour qu'ils prennent le minimum de place (équivaut à une hauteur non spécifier en css)*/
$div.height("");
/* Récupére la div la plus grande en hauteur*/
var h = Math.max(Math.max($("div.table_gauche").height(), $("div.table_center").height()), $("div.table_droite").height());
/*On applique la plus grande hauteur a toutes les div désign */
$div.height(h);
}
})(jQuery);
$(document).ready(function(){
$("a.Ajax").live('click', function(){
$.ajax({
url : this.href,
dataType : "html",
beforeSend : function(){
$("div.table_center").append("<p>Chargement...</p>");
},
success : function(reponse){
$("div.table_center").html(reponse);
size();
},
error : function(){
$("div.table_center").html("<p>Erreur.</p>");
}
});
return false;
});
$("a.empty").click(function(){
$("div.table_center").html("<p>contenu effacer</p>");
size();
});
//live pour que ça soit utiliser dans les paragraphe de la page charger en ajax
$("p").live("click", function(){$(this).css("color","yellow");});
});
--></script>
<style>
div{
margin-left:10px;
padding:2px;
background:#000;
}
#contener div, #contener{
float:left;
}
.table_droite{
background:#ccc;
margin-right:10px;
}
.table_center{
background:#ddd;
}
.table_gauche{
background:#eee;
}
.stopf{
clear:both;
}
</style>
</head>
<body>
<div id=contener>
<div class="table_gauche">
<p>Je suis un p<br /> qui s'étend sur<br />plusieus ligne</p>
<p>Je suis un p<br /> qui s'étend sur<br />plusieus ligne</p>
</div>
<div class="table_center">
<p>Je suis un p<br /> qui s'étend sur<br />plusieus ligne</p>
<p>Je suis un p<br /> qui s'étend sur<br />plusieus ligne</p>
<p>Je suis un p<br /> qui s'étend sur<br />plusieus ligne</p>
</div>
<div class="table_droite">
<p>Je suis un p<br /> qui s'étend sur<br />plusieus ligne</p>
</div>
</div>
<p class="stopf"><a class="Ajax" href="text.txt">clic</a> <a class="empty" href="#">effacer</a></p>
</body>
</html>Bonne nuit