{"id":4639,"date":"2023-02-03T22:24:25","date_gmt":"2023-02-03T21:24:25","guid":{"rendered":"https:\/\/tritonsclub.com\/?page_id=4639"},"modified":"2026-08-27T22:03:18","modified_gmt":"2026-08-27T20:03:18","slug":"pre-inscription-pour-un-bapteme-de-plongee","status":"publish","type":"page","link":"https:\/\/tritonsclub.fr\/?page_id=4639","title":{"rendered":"Inscription pour un Bapt\u00eame de plong\u00e9e"},"content":{"rendered":"\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-large-font-size wp-elements-1 wp-block-paragraph\"><strong>Inscription pour un Bapt\u00eame de plong\u00e9e<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns has-very-light-gray-to-cyan-bluish-gray-gradient-background has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-medium-font-size is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size wp-elements-2 wp-block-paragraph\">Pour vous inscrire \u00e0 un bapt\u00eame de plong\u00e9e, rien de plus simple, remplissez le formulaire ci-dessous.<br>Un responsable du club reprendra contact avec vous au plus vite pour vous confirmer la date et heure du bapt\u00eame au centre aquatique de Saint Jean de la Ruelle<br><br>Vous pouvez choisir un ou deux cr\u00e9neaux de date possibles, sachant que les bapt\u00eames se font exclusivement les Lundi (\u00e0 partir de 20H), Mardi (\u00e0 partir de 20H) ou Jeudi soir (\u00e0 partir de 19H15). <\/p>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color has-medium-font-size wp-elements-3 wp-block-paragraph\"><br>Les bapt\u00eames ne sont pas possibles en Juillet\/Ao\u00fbt.<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Centrage du lien sur la page *\/\n.tritons-link-container {\n  text-align: center;\n  margin: 20px 0;\n}\n\n\/* Style du lien cliquable *\/\n.tritons-link {\n  color: #0073aa;\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n}\n\n\/* Fond semi-transparent de la popup *\/\n.tritons-modal {\n  display: block; \n  position: relative; \n  z-index: 9999; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  background-color: rgba(0,0,0,0.5); \n}\n\n\/* Bo\u00eete blanche de la popup (adapt\u00e9e aux petits et grands \u00e9crans) *\/\n.tritons-modal-content {\n  background-color: #fff;\n  margin: 5% auto; \n  padding: 25px;\n  border-radius: 8px;\n  width: 90%;\n  max-width: 500px;\n  max-height: 85vh;\n  overflow-y: auto;\n  position: relative;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n}\n\n\/* Bouton de fermeture (la croix) *\/\n.tritons-close-btn {\n  position: absolute;\n  right: 20px;\n  top: 15px;\n  font-size: 28px;\n  cursor: pointer;\n  line-height: 1;\n}\n\n\/* Alignement et espacement des \u00e9l\u00e9ments du formulaire *\/\n#tritonsForm label {\n  display: block;\n  margin-top: 12px;\n  font-weight: 500;\n}\n#tritonsForm input {\n  width: 100%;\n  padding: 8px;\n  margin-top: 5px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n#tritonsForm button {\n  margin-top: 20px;\n  width: 100%;\n  padding: 10px;\n  background-color: #0073aa;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 16px;\n}\n#tritonsForm button:hover {\n  background-color: #005177;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const modal = document.getElementById(\"contactPopup\");\n  const openBtn = document.getElementById(\"openPopupBtn\");\n  const closeBtn = document.querySelector(\".tritons-close-btn\");\n  const form = document.getElementById(\"tritonsForm\");\n  const responseDiv = document.getElementById(\"formResponse\");\n\/* \n  \/\/ 1. Ouvrir la popup au clic sur le lien\n  if(openBtn && modal) {\n    openBtn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n      modal.style.display = \"block\";\n    });\n  }\n\n  \/\/ 2. Fermer la popup via la croix\n  if(closeBtn) {\n    closeBtn.addEventListener(\"click\", function () {\n      modal.style.display = \"none\";\n    });\n  }\n\n  \/\/ 3. Fermer en cliquant \u00e0 l'ext\u00e9rieur de la bo\u00eete blanche\n  window.addEventListener(\"click\", function (e) {\n    if (e.target === modal) {\n      modal.style.display = \"none\";\n    }\n  });\n *\/\n  \/\/ 4. Envoi asynchrone s\u00e9curis\u00e9 vers votre plugin WordPress\n  if(form) {\n    form.addEventListener(\"submit\", function (e) {\n      e.preventDefault();\n      \n      const submitBtn = document.getElementById(\"submitBtn\");\n      submitBtn.innerText = \"Envoi en cours...\";\n      submitBtn.disabled = true;\n\n      const data = new FormData(form);\n      \/\/ Fait le lien avec la fonction PHP du plugin\n      data.append('action', 'envoi_bapteme_tritons');\n\n      \/\/ Envoi \u00e0 l'URL AJAX interne de WordPress\n      fetch('\/wp-admin\/admin-ajax.php', {\n        method: 'POST',\n        body: data\n      })\n      .then(response => response.json())\n      .then(result => {\n        if (result.success) {\n          responseDiv.style.display = \"block\";\n          responseDiv.style.color = \"green\";\n          responseDiv.innerText = \"Merci ! Votre demande a bien \u00e9t\u00e9 envoy\u00e9e aux responsables.\";\n          form.reset();\n          setTimeout(() => { \n            modal.style.display = \"none\"; \n            responseDiv.style.display = \"none\"; \n          }, 2500);\n        } else {\n          throw new Error(result.data || 'Erreur');\n        }\n      })\n      .catch(error => {\n        responseDiv.style.display = \"block\";\n        responseDiv.style.color = \"red\";\n        responseDiv.innerText = \"Oups ! Un probl\u00e8me est survenu lors de l'envoi.\";\n      })\n      .finally(() => {\n        submitBtn.innerText = \"Envoyer la demande\";\n        submitBtn.disabled = false;\n      });\n    });\n  }\n});\n<\/script>\n\n<div class=\"tritons-link-container\">\n  <a href=\"#\" id=\"openPopupBtn\" class=\"tritons-link\">&nbsp;<\/a>\n<\/div>\n\n<div id=\"contactPopup\" class=\"tritons-modal\">\n  <div class=\"tritons-modal-content\">\n<!--    <span class=\"tritons-close-btn\">\u00d7<\/span> -->\n    <h3>Formulaire de demande de bapt\u00eame<\/h3>\n    \n    <form id=\"tritonsForm\" action=\"\" method=\"POST\">\n      \n      <label for=\"nom\">Nom :<\/label>\n      <input type=\"text\" id=\"nom\" name=\"nom\" required=\"\">\n\n      <label for=\"prenom\">Pr\u00e9nom :<\/label>\n      <input type=\"text\" id=\"prenom\" name=\"prenom\" required=\"\">\n\n      <label for=\"telephone\">Num\u00e9ro de t\u00e9l\u00e9phone :<\/label>\n      <input type=\"tel\" id=\"telephone\" name=\"telephone\" required=\"\">\n\n      <label for=\"dob\">Date de naissance :<\/label>\n      <input type=\"date\" id=\"dob\" name=\"date_naissance\" required=\"\">\n\n      <label for=\"date1\">1er cr\u00e9neau souhait\u00e9 (Date et Heure) :<\/label>\n      <input type=\"datetime-local\" id=\"date1\" name=\"date_souhaitee_1\" required=\"\">\n\n      <label for=\"date2\">2\u00e8me cr\u00e9neau souhait\u00e9 (Date et Heure) :<\/label>\n      <input type=\"datetime-local\" id=\"date2\" name=\"date_souhaitee_2\" required=\"\">\n\n      <label for=\"moniteur\">Choix du Moniteur (si connu) :<\/label>\n      <input type=\"text\" id=\"moniteur\" name=\"moniteur_choisi\">\n\n      <button type=\"submit\" id=\"submitBtn\">Envoyer la demande<\/button>\n    <\/form>\n    <div id=\"formResponse\" style=\"display:none; margin-top:15px; font-weight:bold;\"><\/div>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div style=\"display:none;text-align:center;\">\n<iframe id=\"haWidget\" allowtransparency=\"true\" src=\"https:\/\/www.helloasso.com\/associations\/tritons-club\/boutiques\/bapteme-de-plongee\/widget-vignette\" style=\"width:350px;border:none;\" onload=\"window.addEventListener( 'message', function(e) { const dataHeight = e.data.height; const haWidgetElement = document.getElementById('haWidget'); haWidgetElement.height = dataHeight + 'px'; } )\"><\/iframe>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Inscription pour un Bapt\u00eame de plong\u00e9e Pour vous inscrire \u00e0 un bapt\u00eame de plong\u00e9e, rien de plus simple, remplissez le formulaire ci-dessous.Un responsable du club reprendra contact avec vous au plus vite pour vous confirmer la date et heure du bapt\u00eame au centre aquatique de Saint Jean de la Ruelle Vous pouvez choisir un ou [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-4639","page","type-page","status-publish","hentry","entry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tritonsclub","author_link":"https:\/\/tritonsclub.fr\/author\/tritonsclub"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Inscription pour un Bapt\u00eame de plong\u00e9e Pour vous inscrire \u00e0 un bapt\u00eame de plong\u00e9e, rien de plus simple, remplissez le formulaire ci-dessous.Un responsable du club reprendra contact avec vous au plus vite pour vous confirmer la date et heure du bapt\u00eame au centre aquatique de Saint Jean de la Ruelle Vous pouvez choisir un ou\u2026","_links":{"self":[{"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/pages\/4639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4639"}],"version-history":[{"count":44,"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/pages\/4639\/revisions"}],"predecessor-version":[{"id":9782,"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/pages\/4639\/revisions\/9782"}],"wp:attachment":[{"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}