Il y a pleins d'outils apparemment pour faire cela mais je me suis arrêté sur celui-là :
http://jsfiddle.net/ : permet de partager du code HTML, CSS, JavaScript
Affichage des articles dont le libellé est javascript. Afficher tous les articles
Affichage des articles dont le libellé est javascript. Afficher tous les articles
mardi 23 octobre 2012
lundi 8 octobre 2012
Bordures dynamiques que l'on peut retailler
http://jsfiddle.net/lnplnp/MxKLH/
HTML
<div id="container">
<div id="panel1" class="panel" >
some text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
</div>
<div id="panel2" class="panel" >
some more text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
</div>
<div id="panel3" class="panel" >
some text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
</div>
<div id="panel4" class="panel" >
some text, lorem ipsum. some text, lorem ipsum. some text, lorem ipsum.
</div>
<div class="clear"></div>
</div>
CSS
.clear{
clear:both;
}
#container{
border: 1px red solid;
margin: 0 auto;
width: 900px;
}
.panel{
background-color: #9999FF;
float: left;
height: 200px;
padding: 2.5px;
}
#panel1{
background-color: #FF0000;
}
JS
$(document).ready(function() {
// init
var containerWidth = $("#container").width();
var nbpanels = $(".panel").size();
var padding = 2.5;
$(".panel").width( (containerWidth / nbpanels) - (nbpanels * padding - 2 * padding));
$(".panel").resizable({
handles: 'e',
maxWidth: 450,
minWidth: 120,
resize: function(event, ui){
var currentWidth = ui.size.width;
// set the content panel width
$(".panel").width( ( (containerWidth - currentWidth + padding ) / (nbpanels - 1) ) - ((nbpanels - 1) * padding) );
$(this).width(currentWidth);
}
});
});
vendredi 14 septembre 2012
jQuery latest
http://code.jquery.com/jquery-latest.js
Faut absolument que je retienne cette adresse... je suis tout le temps en train d'essayer de m'en souvenir.
mardi 17 juillet 2012
logme... ou pourquoi ne pas faire de console.log
Ma fonction préférée :
function logme(data) {
if (typeof console != 'undefined') {
console.log(data);
}
}
Ne pas faire de console.log() directement pour éviter de faire planter IE qui ne connaît toujours pas l'objet console.
Inscription à :
Articles (Atom)