{"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-06-17T11:22:33","modified_gmt":"2026-06-17T09:22:33","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-14f9cca773d6c3a2f48de807c7847db0 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-296d56fb2328a77e1afa54921815ab5a wp-block-paragraph\">Pour vous inscrire \u00e0 un bapt\u00eame de plong\u00e9e, rien de plus simple, remplissez enti\u00e8rement le formulaire HelloAsso ci-dessous et effectuez votre paiement.<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). <br>Pas de bapt\u00eame possible en Juillet\/Aout.<\/p>\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=\"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\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: none; \n  position: fixed; \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\">Pour ceux qui souhaitent utiliser un autre moyen de paiement, Cliquez ici pour faire votre demande<\/a>\n<\/div>\n\n<div id=\"contactPopup\" class=\"tritons-modal\">\n  <div class=\"tritons-modal-content\">\n    <span class=\"tritons-close-btn\">&times;<\/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","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 enti\u00e8rement le formulaire HelloAsso ci-dessous et effectuez votre paiement.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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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 enti\u00e8rement le formulaire HelloAsso ci-dessous et effectuez votre paiement.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\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":42,"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/pages\/4639\/revisions"}],"predecessor-version":[{"id":9653,"href":"https:\/\/tritonsclub.fr\/index.php?rest_route=\/wp\/v2\/pages\/4639\/revisions\/9653"}],"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}]}}