[Résolu] Modifier un paramètre d'un script jquery (dataTables) par jav

Bonjour,

J'ai besoin de votre aide !
Pouvez-vous me consacrer un peu de votre temps afin de m'aider à solutionner mon problème ?
Pour remplir des tables, je fais appel au jquery "dataTables".
Pour ce faire, j'envoie quelques paramètres :

	$(document).ready(function() {
			$('#example').dataTable( {
				"sScrollY": "610px",
				"bPaginate": false,
				"bFilter": false,
				"bInfo": false,
				"bScrollCollapse": true,
				"BJQueryUI" : true
			} );
	} );

Peu après, par javascript, je modifie certains css :

	function plus(element) {
		var nbsuppl=0;
		var elements = element.form.elements;
		for (var k=0; k<elements.length; k++) {
			if ((elements[k].type == "checkbox") && elements[k].checked && elements[k].value != "Colette") {
			   nbsuppl++;
			}
		}
		var haut1204 = parseInt((nbsuppl+2)/3) * 79;
		var bloc10 = (263+haut1204)+"px";
		var bloc11 = (263+haut1204)+"px";
		var bloc12 = (253+haut1204)+"px";
		var bloc13 = (245+haut1204)+"px";
		var bloc30 = (650-haut1204)+"px";
		var bloc31 = (638-haut1204)+"px";
		var bloc32 = (640-haut1204)+"px";
		var example = (610-haut1204)+"px";
		document.getElementById('bloc10').style.height=bloc10;
		document.getElementById('bloc11').style.height=bloc11;
		document.getElementById('bloc12').style.height=bloc12;
		document.getElementById('bloc13').style.height=bloc13;
		document.getElementById('bloc30').style.height=bloc30;
		document.getElementById('bloc31').style.height=bloc31;
		document.getElementById('bloc32').style.height=bloc32;
		$("#example").attr('scrollY',example); 
		for (k=0; k<elements.length; k++) {
			if ((elements[k].type == "checkbox") && elements[k].value != "Colette") {
				name=elements[k].name;
				name=name.substr(8);
				name=name.substr(0,name.length-1);
				name=parseInt(name)+11;
				name="choix"+name;
				if (elements[k].checked) {
					document.getElementById(name).style.visibility="visible";
					document.getElementById(name).style.width="200px";
					document.getElementById(name).style.height="59px";
					document.getElementById(name).style.maxWidth="200px";
					document.getElementById(name).style.maxHeight="59px";
					document.getElementById(name).style.marginTop="13px";
					document.getElementById(name).style.marginRight="9px";
					document.getElementById(name).style.marginBottom="7px";
					document.getElementById(name).style.marginLeft="9px";
				} else {
					document.getElementById(name).style.visibility="hidden";
					document.getElementById(name).style.width="0px";
					document.getElementById(name).style.height="0px";
					document.getElementById(name).style.maxWidth="0px";
					document.getElementById(name).style.maxHeight="0px";
					document.getElementById(name).style.marginTop="0px";
					document.getElementById(name).style.marginRight="0px";
					document.getElementById(name).style.marginBottom="0px";
					document.getElementById(name).style.marginLeft="0px";
				}
			}
		}
	}

Tout fonctionne, sauf pour la div "#example",
qui ne bouge pas du tout en hauteur (via "sScrollY") !

Pourquoi ?
Comment faire ?
Pouvez-vous m'aider ?

D'avance, un très grand merci !
Modifié par jytest (28 Dec 2012 - 20:51)

Voilà, j'ai trouvé !

Pour ceux que cela intéresse, il faut utiliser la propriété "bdestroy",
au rechargement du jquery !