(01-02-2014, 09:17 PM)Sephi-Chan a écrit : Basiquement si tu es une poire en Javascript, il te faut l'aide de jQuery.

<div id="sidebar">

    <ul id="available-fleets">

        <li>

            <label>

                <input type="checkbox" value="1" />

                Fleet 1

            </label>

        </li>

        <li>

            <label>

                <input type="checkbox" value="2" />

                Fleet 2

            </label>

        </li>

    </ul>

</div>



<div id="summary">

    <ul id="selected-fleets"></ul>



    <button>Send!</button>

</div>

var getSelectedFleetIds = function() {

  $.makeArray($('#available-fleets :checkbox:checked').map(function(){ return this.value }));

}



var injectHtmlForSelectedFleets = function(html) {

  // Les <li> retournés par le serveurs.

  $('#selected-fleets').html(html);

}



var refreshSummary = function(event) {

  $.get('/dom_for_selected_fleets', { ids: getSelectedFleetIds() }, injectHtmlForSelectedFleets);

}



var sendFleets = function(event) {

  $.post('/send_fleets', { ids: getSelectedFleetIds() }, displayMovementReport)

}



var displayMovementReport = function() { ... };



$(function(){

  $('#available-fleets :checkbox').change(refreshSummary);

  $('#summary button').click(sendFleets);

})