{"id":367,"date":"2020-09-09T00:07:26","date_gmt":"2020-09-08T22:07:26","guid":{"rendered":"http:\/\/www.cpbhand.com\/billetterie\/?page_id=367"},"modified":"2024-04-08T22:51:59","modified_gmt":"2024-04-08T20:51:59","slug":"calendrier","status":"publish","type":"page","link":"https:\/\/www.cpbhand.com\/billetterie\/calendrier\/","title":{"rendered":"Planning b\u00e9n\u00e9voles &#8211; Nationale 1"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n    table {\n        border-collapse: collapse;\n        table-layout:auto;\n        width: 100%;\n    }\n\n    th, td {\n        border: 1px solid #dddddd;\n        text-align: left;\n        margin-left: auto;\n        margin-right: auto;\n        padding: 8px;\n    }\n    th {\n        background-color: #232323;\n        color: #fff\n    }\n    th:nth-child(1),\n    td:nth-child(1) {\n        width: 120px\n    }\n    th:nth-child(2),\n    td:nth-child(2) {\n        width: 50px\n    }\n    th:nth-child(3),\n    td:nth-child(3) {\n        width: 50px\n    }\n    th:nth-child(4),\n    td:nth-child(4) {\n        width: 150px\n    }\n    th:nth-child(5),\n    td:nth-child(5) {\n        width: 150px\n    }\n    th:nth-child(6),\n    td:nth-child(6) {\n        width: 150px\n    }\n    th:nth-child(7),\n    td:nth-child(7) {\n        width: 150px\n    }\n    th:nth-child(8),\n    td:nth-child(8) {\n        width: 150px\n    }\n    th:nth-child(9),\n    td:nth-child(9) {\n        width: 150px\n    }\n    th:nth-child(10),\n    td:nth-child(10) {\n        width: 150px\n    }\n    th:nth-child(11),\n    td:nth-child(11) {\n        width: 150px\n    }\n    input[type=\"text\"] {\n        width: 100%; \/* Pour que l'input occupe toute la largeur de sa cellule *\/\n        text-align: center;\n        padding: 5px; \/* Espace int\u00e9rieur autour du texte *\/\n        border: 1px solid #ccc; \/* Bordure *\/\n        border-radius: 4px; \/* Coins arrondis *\/\n        box-sizing: border-box; \/* La largeur inclut le padding et la bordure *\/\n    }\n\n    input[type=\"text\"]:focus {\n        outline: none; \/* Supprime le contour lorsqu'il est en focus *\/\n        border-color: #007bff; \/* Change la couleur de la bordure lorsqu'il est en focus *\/\n    }\n    input[type=\"text2\"] {\n        width: 100%; \/* Pour que l'input occupe toute la largeur de sa cellule *\/\n        text-align: center;\n        padding: 5px; \/* Espace int\u00e9rieur autour du texte *\/\n        border: 0px solid #ccc; \/* Bordure *\/\n        border-radius: 0px; \/* Coins arrondis *\/\n        background-color: #F7F7F7;\n        box-sizing: border-box; \/* La largeur inclut le padding et la bordure *\/\n    }\n\n    input[type=\"text2\"]:focus {\n        outline: none; \/* Supprime le contour lorsqu'il est en focus *\/\n        border-color: #007bff; \/* Change la couleur de la bordure lorsqu'il est en focus *\/\n    }\n<\/style>\n<\/head>\n<body>\n<div style=\"overflow:auto\"> \n<table id=\"myTable\">\n    <thead>\n        <tr>\n            <th><center>Date<\/th>\n            <th><center>Heure<\/th>\n            <th><center>Equipe<\/th>\n            <th><center>Adversaire<\/th>\n            <th><center>Responsable Buvette<\/th>\n            <th><center>Buvette<\/th>\n            <th><center>Restauration<\/th>\n            <th><center>Grill<\/th>\n            <th><center>Frites<\/th>\n            <th><center>Responsable Plateau<\/th>\n            <th><center>Serpilleros<\/th>\n        <\/tr>\n    <\/thead>\n    <tbody>\n        <tr>\n            <td><input type=\"text2\" name=\"cell11\"><\/td>\n            <td><input type=\"text2\" name=\"cell12\"><input type=\"text2\" name=\"cell13\"><\/td>\n            <td><input type=\"text2\" name=\"cell14\"><input type=\"text2\" name=\"cell15\"><\/td>\n            <td><input type=\"text2\" name=\"cell16\"><input type=\"text2\" name=\"cell17\"><\/td>\n            <td><input type=\"text\" name=\"cell18\"><\/td>\n            <td><input type=\"text\" name=\"cell19\"><input type=\"text\" name=\"cell110\"><input type=\"text\" name=\"cell111\"><\/td>\n            <td><input type=\"text\" name=\"cell112\"><input type=\"text\" name=\"cell113\"><\/td>\n            <td><input type=\"text\" name=\"cell114\"><input type=\"text\" name=\"cell115\"><\/td>\n            <td><input type=\"text\" name=\"cell116\"><\/td>\n            <td><input type=\"text\" name=\"cell117\"><\/td>\n            <td><input type=\"text\" name=\"cell118\"><input type=\"text\" name=\"cell119\"><input type=\"text\" name=\"cell120\"><input type=\"text\" name=\"cell121\"><\/td>\n        <\/tr>\n        <tr>\n            <td><input type=\"text2\" name=\"cell11\"><\/td>\n            <td><input type=\"text2\" name=\"cell12\"><input type=\"text2\" name=\"cell13\"><\/td>\n            <td><input type=\"text2\" name=\"cell14\"><input type=\"text2\" name=\"cell15\"><\/td>\n            <td><input type=\"text2\" name=\"cell16\"><input type=\"text2\" name=\"cell17\"><\/td>\n            <td><input type=\"text\" name=\"cell18\"><\/td>\n            <td><input type=\"text\" name=\"cell19\"><input type=\"text\" name=\"cell110\"><input type=\"text\" name=\"cell111\"><\/td>\n            <td><input type=\"text\" name=\"cell112\"><input type=\"text\" name=\"cell113\"><\/td>\n            <td><input type=\"text\" name=\"cell114\"><input type=\"text\" name=\"cell115\"><\/td>\n            <td><input type=\"text\" name=\"cell116\"><\/td>\n            <td><input type=\"text\" name=\"cell117\"><\/td>\n            <td><input type=\"text\" name=\"cell118\"><input type=\"text\" name=\"cell119\"><input type=\"text\" name=\"cell120\"><input type=\"text\" name=\"cell121\"><\/td>\n        <\/tr>\n    <\/tbody>\n<\/table>\n<\/div>\n<script>\n    \/\/ Fonction pour sauvegarder toutes les donn\u00e9es saisies\n    function saveData() {\n        var tableData = [];\n        var table = document.getElementById(\"myTable\");\n        var rows = table.getElementsByTagName(\"tr\");\n        for (var i = 1; i < rows.length; i++) { \/\/ Commence \u00e0 l'index 1 pour exclure l'en-t\u00eate\n            var rowData = [];\n            var cells = rows[i].getElementsByTagName(\"input\");\n            for (var j = 0; j < cells.length; j++) {\n                rowData.push(cells[j].value);\n            }\n            tableData.push(rowData);\n        }\n        localStorage.setItem(\"tableData\", JSON.stringify(tableData)); \/\/ Stocke les donn\u00e9es dans le stockage local\n    }\n\n    \/\/ Fonction pour charger les donn\u00e9es sauvegard\u00e9es\n    function loadData() {\n        var tableData = JSON.parse(localStorage.getItem(\"tableData\"));\n        if (tableData) {\n            var table = document.getElementById(\"myTable\");\n            for (var i = 0; i < tableData.length; i++) {\n                var row = table.rows[i + 1]; \/\/ Commence \u00e0 l'index 1 pour exclure l'en-t\u00eate\n                var rowData = tableData[i];\n                var cells = row.getElementsByTagName(\"input\");\n                for (var j = 0; j < cells.length; j++) {\n                    cells[j].value = rowData[j];\n                }\n            }\n        }\n    }\n\n    \/\/ Charge les donn\u00e9es sauvegard\u00e9es au chargement de la page\n    window.onload = function() {\n        loadData();\n    };\n\n    \/\/ Enregistre les donn\u00e9es saisies \u00e0 chaque modification\n    var inputs = document.getElementsByTagName(\"input\");\n    for (var i = 0; i < inputs.length; i++) {\n        inputs[i].addEventListener(\"input\", saveData);\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<ul class=\"wp-block-list\">\n<li><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Date Heure Equipe Adversaire Responsable Buvette Buvette Restauration Grill Frites Responsable Plateau Serpilleros<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/pages\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":347,"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"predecessor-version":[{"id":993,"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/pages\/367\/revisions\/993"}],"wp:attachment":[{"href":"https:\/\/www.cpbhand.com\/billetterie\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}