<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"/></script>
<link rel="stylesheet" href="/stylecatalogue_2026.css?v=1781607462">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="../bibliotheques/tablesorter/jquery.tablesorter.js"></script>
<script type="text/javascript" src="../JS/unlockform.js"/></script>
<script type="text/javascript" src="../JS/lazyload.js"/></script>
<script type="text/javascript" src="../JS/insidebox.js"/></script>
<script type="text/javascript" src="../JS/searchboxes.js"/></script>
<script src="//malsup.github.io/jquery.form.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ajaxStart(function () {
});
// Fin de requêtes
$(document).ajaxStop(function () {
});
$(document).ready(function () {
// Datepicker
$('.date:enabled').datepicker({
changeYear: true,
inline: true,
dateFormat: 'dd/mm/yy',
showWeek: true,
weekHeader: '',
dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Decembre'],
buttonImage: '../img/date.png',
showOn: 'button'
});
//table sorter
$(".bordure").tablesorter({dateFormat: 'uk'});
// insertions de la div chargement
$('<div id="chargement"><span class="loader"></span>Patientez...</div>').appendTo('body');
$('#chargement').hide();
});
</script>
</head>
<body>
<header>
<a href="https://oullins.ludomax.fr/app/catalogueUsagers.php?action=accueil&ludo=Oullins" target="$target">
<div class="titreHeaderCatalogue"><img src="https://i.postimg.cc/QxF9WJNn/Fichier-1.png" style="max-height:80px;padding: 5px 1em;vertical-align:bottom;">Ludothèque d'Oullins</div>
</a>
<div id="mainMenu">
<a class='accueil currentPage' href="./catalogueUsagers.php?action=accueil&ludo=oullins">Infos Pratiques</a>
<a class='accueil' href="./catalogueUsagers.php?action=catalogueList&ludo=oullins">Accueil catalogue</a>
<a class='lienExterne' href="https://www.facebook.com/ludo69600/?locale=fr_FR" target='_blank'>page facebook</a>
</div>
</header>
<div class="moduleinfos"></div> <div id="content">
<div id="mainCenter">
<div id='contentaccueilcatalogue'></div>
</div>
<!-- Load Tools -->
<!--
You can upload Tools to your project's directory and connect them by relative links.
Also you can load each Tool from CDN or use NPM/Yarn packages.
Read more at Tools Connection doc:
https://editorjs.io/getting-started#tools-connection
-->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/header@latest"></script><!-- Header -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/image@latest"></script><!-- Image -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/delimiter@latest"></script><!-- Delimiter -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/list@latest"></script><!-- List -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/nested-list@latest"></script><!-- Nested_List -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/checklist@latest"></script><!-- Checklist -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/table@latest"></script><!-- Table -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/warning@latest"></script><!-- Warning -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/marker@latest"></script><!-- Marker -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/inline-code@latest"></script><!-- Inline Code -->
<!-- Load Editor.js's Core -->
<script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
<!-- Initialization -->
<script>
var LMX_CATALOGUE_LUDO = "oullins";
var LMX_SEANCES_MODULE_ACTIF = false;
class SeancesCatalogueTool {
static get isReadOnlySupported() {
return true;
}
constructor({data, config, readOnly}) {
this.data = Object.assign({
titre: 'Prochaines seances',
option: '',
valeur: '',
jours: '60',
couleur: ''
}, data || {});
this.config = config || {};
this.readOnly = readOnly;
this.wrapper = null;
}
render() {
this.wrapper = document.createElement('div');
if (!LMX_SEANCES_MODULE_ACTIF) {
return this.wrapper;
}
var titre = document.createElement('h2');
titre.textContent = this.data.titre || 'Prochaines seances';
this.wrapper.appendChild(titre);
var preview = document.createElement('div');
preview.className = 'catalogue-seances-preview';
preview.textContent = 'Chargement des seances...';
this.wrapper.appendChild(preview);
var params = new URLSearchParams({
action: 'accueilSeancesModule',
ludo: this.config.ludo || LMX_CATALOGUE_LUDO || 'maison',
option: this.data.option || '',
valeur: this.data.valeur || '',
jours: this.data.jours || '60',
couleur: this.data.couleur || ''
});
fetch('./catalogueUsagers.php?' + params.toString())
.then(function(response) {
if (!response.ok) {
return 'Erreur de chargement des seances (' + response.status + ').';
}
return response.text();
})
.then(function(html) {
preview.innerHTML = html.trim() ? html : '<div class="infos">Le module des seances n est pas encore disponible sur ce catalogue.</div>';
})
.catch(function() { preview.textContent = 'Impossible de charger les seances.'; });
return this.wrapper;
}
save() {
return this.data;
}
}
function normaliserDonneesAccueilCatalogue(data) {
if (!data || typeof data !== 'object') {
return {blocks: []};
}
if (!Array.isArray(data.blocks)) {
data.blocks = [];
}
data.blocks = data.blocks.map(function (block) {
if (block && block.type === 'image' && block.data && block.data.url && !block.data.file) {
block.data.file = {url: block.data.url};
}
return block;
});
return data;
}
/**
* To initialize the Editor, create a new instance with configuration object
* @see docs/installation.md for mode details
*/
var editor = new EditorJS({
/**
* Enable/Disable the read only mode
*/
readOnly: true,
/**
* Wrapper of Editor
*/
holder: 'contentaccueilcatalogue',
/**
* Common Inline Toolbar settings
* - if true (or not specified), the order from 'tool' property will be used
* - if an array of tool names, this order will be used
*/
// inlineToolbar: ['link', 'marker', 'bold', 'italic'],
// inlineToolbar: true,
/**
* Tools list
*/
tools: {
/**
* Each Tool is a Plugin. Pass them via 'class' option with necessary settings {@link docs/tools.md}
*/
header: {
class: Header,
inlineToolbar: ['marker', 'link'],
config: {
placeholder: 'Header'
},
shortcut: 'CMD+SHIFT+H'
},
/**
* Or pass class directly without any configuration
*/
list: {
class: NestedList,
inlineToolbar: true,
shortcut: 'CMD+SHIFT+L'
},
image: {
class: ImageTool,
config: {
field: 'image'
}
},
seancesCatalogue: {
class: SeancesCatalogueTool,
config: {
ludo: "oullins" }
},
checklist: {
class: Checklist,
inlineToolbar: true,
},
marker: {
class: Marker,
shortcut: 'CMD+SHIFT+M'
},
delimiter: Delimiter,
inlineCode: {
class: InlineCode,
shortcut: 'CMD+SHIFT+C'
},
table: {
class: Table,
inlineToolbar: true,
shortcut: 'CMD+ALT+T'
},
},
/**
* This Tool will be used as default
*/
// defaultBlock: 'paragraph',
/**
* Initial Editor data
*/
data: normaliserDonneesAccueilCatalogue({"time":1783153156068,"blocks":[{"id":"MgKFKnouwb","type":"header","data":{"text":" ","level":2}},{"id":"Lm0bP_2YbD","type":"header","data":{"text":"La ludothèque","level":1}},{"id":"MMVBGTvKVN","type":"paragraph","data":{"text":"Installée au 1 rue Charles Fourrier, à Oullins, la Ludothèque d'Oullins accueille petits et grands depuis plus de quarante ans. C'est un véritable lieu de vie autour du jeu, porté par l'association Espace de Prêt et de Promotion du Jeu et ouvert à toutes les générations, de la petite enfance aux seniors."}},{"id":"cJfwidCS7l","type":"paragraph","data":{"text":"On y vient pour plusieurs raisons. La ludothèque propose aux familles comme aux collectivités des espaces de jeux, des abonnements d'emprunt et des prestations autour du jeu sous toutes ses formes. Les familles et les assistant·es maternelles peuvent venir jouer sur place dans un espace dédié, et des animations sont proposées pour différents publics : petite enfance, enfance, adolescence, adultes, personnes âgées, ainsi que les publics ayant des besoins spécifiques. "}},{"id":"eP-xgK9FBl","type":"paragraph","data":{"text":"Soirées jeux, ateliers et temps réguliers viennent ponctuer la vie de la ludothèque."}},{"id":"klz5vUY4-z","type":"paragraph","data":{"text":"Au-delà du prêt de jeux, l'association œuvre pour la promotion du lien social et parental à travers le jeu, ainsi que pour l'éveil et le développement des relations sociales et des compétences cognitives de tous les publics."}},{"id":"OBSXh_A1LV","type":"paragraph","data":{"text":"Que vous veniez en famille pour une après-midi de jeu libre, en tant que professionnel·le ou simplement par curiosité, la Ludothèque d'Oullins est pensée comme un espace convivial où chacun peut trouver sa place."}},{"id":"qFUMS7HwQR","type":"paragraph","data":{"text":" "}},{"id":"95BcgZyhwY","type":"image","data":{"url":"https://i.postimg.cc/yd5JfDvT/kbanajeux.png","caption":"KbanaJeux est notre espace de jeu dédié aux 8ans et +. ","withBorder":false,"withBackground":false,"stretched":false}},{"id":"RfoXMbN_nv","type":"paragraph","data":{"text":"Une sélection de jeux adapté à tous : enfants, adolescents et adultes ; est mise en place par les ludothécaires pour vous assurer d'y trouver des jeux qui vous plairons."}},{"id":"wq-u_CGtkE","type":"paragraph","data":{"text":" "}},{"id":"IqNK5FcgqL","type":"image","data":{"url":"https://i.postimg.cc/KzVK91JD/kzajeux.png","caption":"KzaJeux est notre espace de jeu dédié aux moins de 8ans et leurs accompagnateur·ices. ","withBorder":false,"withBackground":false,"stretched":false}},{"id":"f-MzZcBtXH","type":"paragraph","data":{"text":"Une sélection de jeux et jouets diversifiés : symbolique, exercice, assemblage et règles ; est mise en place par les ludothécaires pour vous assurer d'y passer un moment de jeu complet et divertissant ."}},{"id":"Vj5lezsAI9","type":"paragraph","data":{"text":" "}},{"id":"5IDB49AlMu","type":"image","data":{"url":"https://i.postimg.cc/3R6yLknC/pret.png","caption":"Si vous souhaitez prolonger le temps de jeu à la maison, la Ludothèque met à disposition son fond de jeux et jouets à l'emprunt. Vous pouvez emprunter jusqu'à 5 jeux et jouets pour une durée pouvant aller jusqu'à 3 semaine.","withBorder":false,"withBackground":false,"stretched":false}},{"id":"JblCOjMjyO","type":"paragraph","data":{"text":"<a href=\"https://oullins.ludomax.fr/app/catalogueUsagers.php?action=catalogueList&ludo=Oullins\">Voir le catalogue</a>"}},{"id":"bdibmgOi-v","type":"paragraph","data":{"text":" "}},{"id":"jlQ9Z93N9E","type":"image","data":{"url":"https://i.postimg.cc/wvPtW105/location.png","caption":"La Ludothèque d'Oullins propose aussi une sélection de jeux et jouets disponible à la location pour une durée de 1 jour à 1 semaine.","withBorder":false,"withBackground":false,"stretched":false}},{"id":"rW6qq0YJL7","type":"paragraph","data":{"text":"<a href=\"https://www.calameo.com/books/00821751250d52dfacad3\">Voir le catalogue</a>"}},{"id":"-TuA5DAZQd","type":"paragraph","data":{"text":" "}},{"id":"uib7epFROU","type":"header","data":{"text":"Horaires & Contacts","level":1}},{"id":"2UEIRKHIj6","type":"image","data":{"url":"https://i.postimg.cc/Xv8gjcnL/Planning-2026.png","caption":" ","withBorder":false,"withBackground":false,"stretched":false}}],"version":"2.31.6"}),
onReady: function () {
// saveButton.click();
},
onChange: function (api, block) {
console.log('something changed', block);
}
});
</script>
<div class="clear"></div></div> <!-- #content -->
<footer>
<section>
<h2>Crédits</h2>
LudoMAX est un logiciel développé par
MAX VALEMBOIS pour soutenir les ludothèques et autres lieux de jeux.
<a href="./mentions_legales.php">Mentions légales CGV CGU</a>
</section>
<section>
<h2>BETA</h2>
LudoMAX V2 est actuellement en version Béta.
Participez à l'amélioration en nous reportant les bugs éventuels à contact@maxprod.Fr.<a class="bouton" href='mailto:contact@maxprod.Fr'>Reporter un Bug</a>
</section>
<section>
<h2>Session</h2>
Session ouverte :
</section>
</footer>
