Änderungen von Dokument FORMCYCLE Hilfe


Von Version 12.1
bearbeitet von gru
am 04.11.2024, 13:53
Änderungskommentar: Neues Bild Flag_DE.png hochladen
Auf Version 13.16
bearbeitet von gru
am 08.09.2025, 13:13
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -855,3 +855,167 @@
855 855  -->
856 856  {{/html}}
857 857  {{/velocity}}
858 +
859 +{{velocity}}
860 +{{html wiki="false" clean="false"}}
861 +<style>
862 + /* Overlay background */
863 + #overlayv8 {
864 + position: fixed;
865 + top: 0;
866 + left: 0;
867 + width: 100%;
868 + height: 100%;
869 + background-color: rgba(0, 0, 0, 0.5); /* 50% transparent black */
870 + display: flex;
871 + justify-content: center;
872 + align-items: center;
873 + z-index: 1000;
874 + }
875 +
876 + /* Dialog box */
877 + #dialogv8 {
878 + user-select: none;
879 + background-color: white;
880 + padding: 20px;
881 + border-radius: 25px;
882 + max-width: 90%;
883 + width: 400px;
884 + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
885 + text-align: center;
886 + font-family: "Corporate S W01","HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",'TeXGyreHerosRegular',"Helvetica","Tahoma","Geneva","Arial",sans-serif !important;
887 + font-weight: 400;
888 + }
889 +
890 + #dialogv8 h2, #dialogv8 label {
891 + margin-top: 0;
892 + font-size: 15px;
893 + font-family: "Corporate S W01","HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",'TeXGyreHerosRegular',"Helvetica","Tahoma","Geneva","Arial",sans-serif !important;
894 + font-weight: 400;
895 + border-bottom: none;
896 + }
897 +
898 + .dialogv8-buttons {
899 + margin-top: 10px;
900 + padding-top: 10px;
901 + display: flex;
902 + justify-content: space-around;
903 + flex-wrap: wrap;
904 + gap: 10px;
905 + border-top: 1px solid black;
906 + }
907 +
908 + .dialog-buttons DIV {
909 + padding: 10px 20px;
910 + font-size: 15px;
911 + border: none;
912 + border-radius: 15px;
913 + cursor: pointer;
914 + }
915 + .dialog-buttons DIV:hover {
916 + opacity: 0.8;
917 + cursor: pointer;
918 + }
919 +
920 + .continue-button {
921 + background-color: #617496;
922 + color: white;
923 + }
924 +
925 + .abort-button {
926 + background-color: #efefef;
927 + color: black;
928 + }
929 +
930 + /* Responsive adjustments */
931 + @media (max-width: 480px) {
932 + #dialogv8 {
933 + width: 95%;
934 + padding: 15px;
935 + }
936 +
937 + .dialogv8-buttons {
938 + flex-direction: column;
939 + }
940 +
941 + .dialogv8-buttons DIV {
942 + width: 100%;
943 + }
944 + }
945 +</style>
946 +
947 +<div id="overlayv8" style="display: none;">
948 + <div id="dialogv8">
949 + <h2>Die aktuelle formcycle Version ist die Version 8. Möchten Sie zur Hilfe für diese Version weitergeleitet werden?</h2>
950 + <div>
951 + <input type="checkbox" id="dialogv8cb" name="dialogv8cb" value="true">
952 + <label for="dialogv8cb" style="margin-top: 3px;">Diese Entscheidung merken</label><br>
953 + </div>
954 + <div class="dialogv8-buttons">
955 + <div class="continue-button" id="continueBtn">Zur V8 Hilfe wechseln</div>
956 + <div class="abort-button" id="abortBtn">In der V7 Hilfe bleiben</div>
957 + </div>
958 + </div>
959 +</div>
960 +
961 +<script>
962 +function setCookie(cname, cvalue, exdays) {
963 + const d = new Date();
964 + d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
965 + let expires = "expires="+d.toUTCString();
966 + document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
967 +}
968 +
969 +function getCookie(cname) {
970 + let name = cname + "=";
971 + let ca = document.cookie.split(';');
972 + for(let i = 0; i < ca.length; i++) {
973 + let c = ca[i];
974 + while (c.charAt(0) == ' ') {
975 + c = c.substring(1);
976 + }
977 + if (c.indexOf(name) == 0) {
978 + return c.substring(name.length, c.length);
979 + }
980 + }
981 + return "";
982 +}
983 +
984 +function checkCookie() {
985 + let user = getCookie("dialogv8");
986 + if (dialogv8 != "") {
987 + console.log("Cookie found " + dialogv8);
988 + return false;
989 + }
990 + return null;
991 +}
992 +
993 + // Show the overlay dialog when the page loads
994 + window.onload = function() {
995 + let cookieValue = checkCookie();
996 + console.log("checkCookie",cookieValue);
997 + if (0 && cookieValue != null) {
998 + console.log("cookieValue",cookieValue);
999 + } else {
1000 + document.getElementById("overlayv8").style.display = "flex";
1001 + }
1002 + };
1003 +
1004 + // Redirect on continue
1005 + document.getElementById("continueBtn").onclick = function() {
1006 + window.location.href = "https://help8.formcycle.eu/support/home";
1007 + if ($('[INPUT name="dialogv8cb"]').val() == "true") {
1008 + setCookie("dialogv8", "true", 90);
1009 + }
1010 + };
1011 +
1012 + // Close overlay on abort
1013 + document.getElementById("abortBtn").onclick = function() {
1014 + document.getElementById("overlayv8").style.display = "none";
1015 + if ($('[INPUT name="dialogv8cb"]').val() == "true") {
1016 + setCookie("dialogv8", "false", 90);
1017 + }
1018 + };
1019 +</script>
1020 +{{/html}}
1021 +{{/velocity}}