Zum Inhalt springen
Sie müssen registriert sein, um mit der Community zu interagieren.
Alle Beiträge Personen Abzeichen
Stichwörter (Alle anzeigen)
odoo accounting v14 pos v15
Über dieses Forum
Diese Frage wurde gekennzeichnet
javascripttemplatepopupwebsite
1 Antworten
3001 Ansichten
Avatar
minaz

How can I create a website popup that displays in all pages maybe on the header without redirecting to a page in odoo 12?





Avatar
Verwerfen
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Beste Antwort

Hi,

Update your HTML to include a menu item or button that will trigger the popup when clicked

<!DOCTYPE html>
<html>
<head>
    <!-- Your other head content here -->
</head>
<body>
    <header>
        <!-- Your website header content here -->

        <!-- Popup container -->
        <div id="popup" class="popup">
            <span class="popup-content">This is your popup content.</span>
            <button id="closePopup" class="close-button">Close</button>
        </div>
    </header>

    <!-- Your website menu -->
    <nav>
        <ul>
            <li><a id="showPopupButton" href="#">Show Popup</a></li>
            <!-- Other menu items -->
        </ul>
    </nav>

    <!-- The rest of your website content here -->

    <script src="popup.js"></script>
</body>
</html>




Modify the JavaScript code to display the popup when the menu item is clicked.

document.addEventListener("DOMContentLoaded", function () {
const popup = document.getElementById("popup");
const closePopupButton = document.getElementById("closePopup");
const showPopupButton = document.getElementById("showPopupButton");

function openPopup() {
    popup.style.display = "block";
}

function closePopup() {
    popup.style.display = "none";
}

showPopupButton.addEventListener("click", openPopup);
closePopupButton.addEventListener("click", closePopup);
});


Hope it helps

Avatar
Verwerfen
minaz
Autor

Thank you for your response. How can I do this in odoo 12. Sorry I didn't specify it was for odoo 12 earlier

Verknüpfte Beiträge Antworten Ansichten Aktivität
How to extend website.editor.Dialog in frontend
javascript popup website modal
Avatar
2
Juni 16
8595
Syntax error in custom javascript breaks all javascript functionality Gelöst
javascript website
Avatar
Avatar
2
Dez. 22
6914
Website - Add onchange function that call Python function
javascript onchange template website onchange_event
Avatar
1
Juni 21
12303
How to get Logged In user for Intercom Identity Verification
javascript website Online
Avatar
0
Dez. 24
1909
Error evaluating template: SyntaxError: Unexpected identifier 'dict'
javascript website odoo15
Avatar
0
Nov. 24
2153