16/11/2014, 15:54:22
D'abord, regarde ce topic : http://openclassrooms.com/courses/appren...ia-queries.
Et comme Jissey, je te déconseille l'usage des tables dans ce cas.
Ensuite, s'il n'y a que ces 2 cas dont tu souhaites t'occuper :
Dans la head :
Dans ton body à l'endroit adéquat :
et juste avant la fermeture de <body>
Je n'ai pas testé, mais ça devrait fonctionner. Le script devrait ajouter le style width à la table id="container" dès que le DOM est chargé.
Attention si tu as une autre fonction qui appelerait $, tu devras utiliser un $noConflict() : voir cette page et, bien entendu, pas de double appel de librairie JQuery
Et comme Jissey, je te déconseille l'usage des tables dans ce cas.
Ensuite, s'il n'y a que ces 2 cas dont tu souhaites t'occuper :
Code :
case 800: ?>
<table width="780" height="85" border="0" cellpadding="0" cellspacing="0" align="center">
<?php
break;
case 1024: ?>
<table width="1000" height="85" border="0" cellpadding="0" cellspacing="0" align="center">
<?phpCode :
<script src="//code.jquery.com/jquery-1.10.2.js"></script>Code :
<table id="container";height="85";border="0";cellpadding="0";cellspacing="0";align="center";>Code :
<script type="text/javascript">
w=screen.availWidth;
$(document).ready(function(){
if (w>800) {
tableX = document.getElementById('container');
tableX.style.width = "1000";
}
else {
tableX = document.getElementById('container');
tableX.style.width = "780";
}
});
</script>Attention si tu as une autre fonction qui appelerait $, tu devras utiliser un $noConflict() : voir cette page et, bien entendu, pas de double appel de librairie JQuery