Overslaan naar inhoud
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Alle posts Personen Badges
Labels (Bekijk alle)
odoo accounting v14 pos v15
Over dit forum
Deze vraag is gerapporteerd
javascripttemplatepopupwebsite
1 Beantwoorden
2197 Weergaven
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
Annuleer
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Beste antwoord

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
Annuleer
minaz
Auteur

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

Gerelateerde posts Antwoorden Weergaven Activiteit
How to extend website.editor.Dialog in frontend
javascript popup website modal
Avatar
2
jun. 16
7848
Syntax error in custom javascript breaks all javascript functionality Opgelost
javascript website
Avatar
Avatar
2
dec. 22
6219
Website - Add onchange function that call Python function
javascript onchange template website onchange_event
Avatar
1
jun. 21
11612
How to get Logged In user for Intercom Identity Verification
javascript website Online
Avatar
0
dec. 24
1239
Error evaluating template: SyntaxError: Unexpected identifier 'dict'
javascript website odoo15
Avatar
0
nov. 24
1470