Javascript & Webdesign » Splitbar http://js.4design.tl Les meilleures ressources Javascript pour développeurs web front-end (et quelques questions que je me pose) Mon, 21 May 2012 16:31:57 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 jQuery Splitter Plugin — divisez votre page en plusieurs parties redimensionnables http://js.4design.tl/jquery-splitter-plugin-divisez-votre-page-en-plusieurs-parties-redimensionnables-582 http://js.4design.tl/jquery-splitter-plugin-divisez-votre-page-en-plusieurs-parties-redimensionnables-582#comments Sun, 28 Feb 2010 14:13:53 +0000 Bruno Bichet http://www.js4design.com/?p=582 jQuery Splitter est un plugin jQuery particulièrement intéressant pour diviser verticalement ou horizontalement une page web en plusieurs parties dont la largeur pourra être modifiée : avec la souris via un simple cliqué-glissé ; en définissant une `accesskey` ; ou encore en utilisant la touche `tab` pour sélectionner la bordure et les flèches du clavier pour la déplacer.

Un zeste de html :

<div id="MySplitter">
    <div> Left content goes here </div>
    <div> Right content goes here </div>
</div>

Quelques gouttes de CSS :

#MySplitter {
    height: 200px;
    width: 500px;
    border: 5px solid #aaa;
}
#MySplitter div {
    overflow: auto;
}
.vsplitbar {
    width: 5px;
    background: #aaa;
}

Et une pincée de jQuery :

$().ready(function(){
    $("#MySplitter").splitter();
});
]]> http://js.4design.tl/jquery-splitter-plugin-divisez-votre-page-en-plusieurs-parties-redimensionnables-582/feed 0