Simulateur de Prix pour Chiens<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Familjen+Grotesk&family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Styles du bouton en blanc avec texte rouge, effet de survol \"grow\" uniquement *\/\r\n .price-button {\r\n font-family: 'Familjen Grotesk', sans-serif;\r\n background-color: #fff; \/* couleur du bouton *\/\r\n color: #F15F57; \/* couleur du texte *\/\r\n padding: 10px 20px;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 16px;\r\n border-radius: 5px;\r\n transition: transform 0.2s ease-in-out;\r\n outline: none; \/* D\u00e9sactive la bordure automatique *\/\r\n }\r\n\r\n .price-button:hover {\r\n transform: scale(1.05); \/* Effet de survol \"grow\" *\/\r\n background-color: #fff; \/* Conserver le fond blanc *\/\r\n color: #F15F57; \/* Conserver le texte rouge *\/\r\n }\r\n\r\n .price-button:focus, .price-button:active {\r\n background-color: #fff; \/* Fond blanc lors du clic\/actif *\/\r\n color: #F15F57; \/* Texte rouge lors du clic\/actif *\/\r\n border: none; \/* Pas de bordure *\/\r\n outline: none; \/* Supprimer la bordure noire *\/\r\n }\r\n\r\n \/* Police Inter pour les champs du formulaire *\/\r\n label, select, input {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 16px;\r\n font-weight: normal;\r\n color: #fff; \/* texte en blanc *\/\r\n }\r\n\r\n \/* Styles pour les champs de saisie *\/\r\n select, input[type=\"number\"] {\r\n width: 100%;\r\n max-width: 300px;\r\n margin-top: 10px;\r\n margin-bottom: 20px;\r\n padding: 8px;\r\n border: 2px solid #fff; \/* bordure blanche *\/\r\n border-radius: 5px;\r\n background-color: #F15F57; \/* couleur de fond en rouge *\/\r\n color: #fff; \/* texte en blanc *\/\r\n }\r\n\r\n \/* Styles du conteneur pour un alignement propre *\/\r\n div {\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Texte du prix final en blanc *\/\r\n #priceOutput {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #fff; \/* texte en blanc *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"background-color: #F15F57; color: white;\">\r\n <div>\r\n <label for=\"dogType\">Type de chien :<\/label>\r\n <select id=\"dogType\">\r\n <option value=\"big\">Gros chien<\/option>\r\n <option value=\"small\">Petit chien<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"numDays\">Nombre de jours :<\/label>\r\n <input type=\"number\" id=\"numDays\" min=\"1\" max=\"50\" value=\"1\">\r\n <\/div>\r\n <button class=\"price-button\" onclick=\"calculatePrice()\">Calculer le prix<\/button>\r\n <p id=\"priceOutput\"><\/p>\r\n\r\n <script>\r\n function calculatePrice() {\r\n var dogType = document.getElementById(\"dogType\").value;\r\n var numDays = parseInt(document.getElementById(\"numDays\").value);\r\n var price = 0;\r\n\r\n if (dogType === \"big\") {\r\n if (numDays <= 10) {\r\n price = numDays * 20;\r\n } else {\r\n price = (10 * 20) + ((numDays - 10) * 15);\r\n }\r\n } else if (dogType === \"small\") {\r\n if (numDays <= 10) {\r\n price = numDays * 15;\r\n } else {\r\n price = (10 * 15) + ((numDays - 10) * 10);\r\n }\r\n }\r\n\r\n document.getElementById(\"priceOutput\").innerText = \"Prix total: \" + price + \"\u20ac\";\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c6ddc1c e-flex e-con-boxed e-con e-parent\" data-id=\"1c6ddc1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2cbdc386 e-con-full e-flex e-con e-child\" data-id=\"2cbdc386\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb3541e elementor-widget elementor-widget-catalogbooking\" data-id=\"7bb3541e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"catalogbooking.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<script>\n if (typeof hasAmeliaEntitiesApiCall === 'undefined' && ('' === '' && '' !== '1')) {\n var hasAmeliaEntitiesApiCall = true;\n }\n var ameliaShortcodeData = (typeof ameliaShortcodeData === 'undefined') ? [] : ameliaShortcodeData;\n ameliaShortcodeData.push(\n {\n 'hasApiCall': (typeof hasAmeliaEntitiesApiCall !== 'undefined') && hasAmeliaEntitiesApiCall,\n 'trigger': '',\n 'trigger_type': '',\n 'triggered_form': 'cbf',\n 'in_dialog': '',\n 'show': '',\n 'counter': '1000',\n 'package': '3',\n 'category': '',\n 'service': '',\n 'employee': '',\n 'location': '',\n 'categories_hidden': ''\n }\n );\n var ameliaShortcodeDataTriggered = (typeof ameliaShortcodeDataTriggered === 'undefined') ? [] : ameliaShortcodeDataTriggered;\n if (ameliaShortcodeData[ameliaShortcodeData.length - 1].trigger !== '') {\n if (ameliaShortcodeDataTriggered.filter(a => a.counter === ameliaShortcodeData[ameliaShortcodeData.length - 1].counter).length === 0) {\n ameliaShortcodeDataTriggered.push(ameliaShortcodeData.pop());\n } else {\n ameliaShortcodeData.pop()\n }\n }\n if (typeof hasAmeliaEntitiesApiCall !== 'undefined' && hasAmeliaEntitiesApiCall) {\n hasAmeliaEntitiesApiCall = false;\n }\n<\/script>\n\n<div\n id=\"amelia-v2-booking-1000\"\n class=\"amelia-v2-booking\"\n>\n <catalog-form-wrapper><\/catalog-form-wrapper><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21704333 e-con-full e-flex e-con e-child\" data-id=\"21704333\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-673731af elementor-widget elementor-widget-catalogbooking\" data-id=\"673731af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"catalogbooking.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<script>\n if (typeof hasAmeliaEntitiesApiCall === 'undefined' && ('' === '' && '' !== '1')) {\n var hasAmeliaEntitiesApiCall = true;\n }\n var ameliaShortcodeData = (typeof ameliaShortcodeData === 'undefined') ? [] : ameliaShortcodeData;\n ameliaShortcodeData.push(\n {\n 'hasApiCall': (typeof hasAmeliaEntitiesApiCall !== 'undefined') && hasAmeliaEntitiesApiCall,\n 'trigger': '',\n 'trigger_type': '',\n 'triggered_form': 'cbf',\n 'in_dialog': '',\n 'show': '',\n 'counter': '1001',\n 'package': '4',\n 'category': '',\n 'service': '',\n 'employee': '',\n 'location': '',\n 'categories_hidden': ''\n }\n );\n var ameliaShortcodeDataTriggered = (typeof ameliaShortcodeDataTriggered === 'undefined') ? [] : ameliaShortcodeDataTriggered;\n if (ameliaShortcodeData[ameliaShortcodeData.length - 1].trigger !== '') {\n if (ameliaShortcodeDataTriggered.filter(a => a.counter === ameliaShortcodeData[ameliaShortcodeData.length - 1].counter).length === 0) {\n ameliaShortcodeDataTriggered.push(ameliaShortcodeData.pop());\n } else {\n ameliaShortcodeData.pop()\n }\n }\n if (typeof hasAmeliaEntitiesApiCall !== 'undefined' && hasAmeliaEntitiesApiCall) {\n hasAmeliaEntitiesApiCall = false;\n }\n<\/script>\n\n<div\n id=\"amelia-v2-booking-1001\"\n class=\"amelia-v2-booking\"\n>\n <catalog-form-wrapper><\/catalog-form-wrapper><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez le prix de votre pension avec notre simulateur Simulateur de Prix pour Chiens Type de chien : Gros chienPetit chien Nombre de jours : Calculer le prix<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":7,"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/pages\/127\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/noschiens.kagenda.com\/noschiens\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}