Notification pop-up for accepting cookies on a website

Question

Notification pop-up for accepting cookies on a website

I am curious about how to insert a .js code into a button within a bootstrap alert so that when the user clicks 'accept', the alert box does not reappear.

Thank you very much.

Here is the code I have, but it is not working.

Javascript:

$(".btn_cerrar").on({
    click: function(){
        location.reload();
        $(".pb-element-alert").hide();
    }
});

HTML:

This website uses cookies to provide you with a more personalized service. If you continue browsing, we will assume that you accept our Information Processing Policies.

javascript jquery cookies twitter-bootstrap-3 alert

Answer 1

Answer №1

I'm not entirely certain which alert you're referring to since it doesn't seem to be visible in your HTML.

Your script should have the following correct syntax:

$(".btn_cerrar").on('click', function(){
    // Perform desired action.
});

If the element you wish to hide can be targeted using the selector $(".pb-element-alert") mentioned in your question, you can use this code:

$(".pb-element-alert").hide();

All of this combined would look like:

$(".btn_cerrar").on('click', function(){
    $(".pb-element-alert").hide();
});

UPDATE

$( document ).ready(function() {
    bool isBtnClicked = sessionStorage.getItem('buttonClicked') == true;

    if(isBtnClicked){
        $(".pb-element-alert").hide();
    }
});

$(".btn_cerrar").on('click', function(){
    sessionStorage.setItem('buttonClicked', true);
  $(".pb-element-alert").hide();
});

Answer 2

I'm not entirely certain which alert you're referring to since it doesn't seem to be visible in your HTML.

Your script should have the following correct syntax:

$(".btn_cerrar").on('click', function(){
    // Perform desired action.
});

If the element you wish to hide can be targeted using the selector $(".pb-element-alert") mentioned in your question, you can use this code:

$(".pb-element-alert").hide();

All of this combined would look like:

$(".btn_cerrar").on('click', function(){
    $(".pb-element-alert").hide();
});

UPDATE

$( document ).ready(function() {
    bool isBtnClicked = sessionStorage.getItem('buttonClicked') == true;

    if(isBtnClicked){
        $(".pb-element-alert").hide();
    }
});

$(".btn_cerrar").on('click', function(){
    sessionStorage.setItem('buttonClicked', true);
  $(".pb-element-alert").hide();
});

Notification pop-up for accepting cookies on a website

Answer №1

Similar questions

Navigating with React-router can sometimes cause confusion when trying

Php file not receiving data from ajax post method

Transitioning from mui version 4 to version 5 leads to an error message: "TypeError: Cannot access 'keyboardDate' properties of undefined"

Retrieve, process HTML table information using Ajax from an external server or website domain

Trying to change the submit button value using jQuery is ineffective

What is the best way to implement a multi-row form in Vue.js?

Leveraging the power of jquery-tmpl with the responseText

There are no specified operations outlined in the Node.js Express documentation

Struggling with running my React App as I'm encountering some errors

Get the file from the web browser

Comparing XDomainRequest and XMLHTTPRequest - which one to choose

Utilize the $scope variable as a JSON object for interacting with the $http service

Is it possible to open a PDF file in a new tab using Angular 4?

Efficiently sending VueJS data to a separate script

Utilizing jQuery to implement a function on every individual row within a table

Press the Text and Alter Text with React

What is the best way to showcase a collection of data retrieved in JSON format from a server using Ajax

Using $regex in mongodb's pipeline operations allows for advanced string

How to retrieve properties of the final item in an array using Vue.js

What is the best way to reset form after submission in Next.js?