FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Add a button "Remove all notifications" in the toolbar

Add a button "Remove all notifications" in the toolbar

+8
H3RO
hoanglongnhatbao
sivastar
Zwiebel
Cryptic
Guest
YoshiGM
Niko
12 posters
Valid
Niko
  • Forum Administrator

    Team contributor
    You have been part of the community team
    Community veteran
    You belong to this community since its ancient time
    Active Contributor
    The user has wrote more than 100 posts and comments
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Post lover
    You have liked more than 50 posts!
    Beta Tester
    You have been part of the Beta-Testing team
    Forumotion expert
    This user is an expert with Forumotion free forum hosting
    10th Anniversary (Grand Re-open)
    Thanks for being part of our grand re-opening
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Forum Writer
    You have opened more than 20 topics on the forum
    The Life of the Party
    You have made more than 20 members in our community, wow!
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 3606
      Points : 125477
    Add a button "Remove all notifications" in the toolbar


    Overview

    Description

    A slightly more complicated script that recreates a button in the notification area, simulates the action of submitting the form (which will suppress notifications), then reloads the current page once the server has responded

    Demonstration

    Add a button "Remove all notifications" in the toolbar Screen47

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › It works with all Forumotion forums' versions

    Installation


    CSS

    In order to design the style of the resource, you need to go towards Administration Control Panel (ACP) Display CSS & Colors CSS Style Sheet and add append the following code:

    You need to reply to the topic in order to see the code resources



    CSS Customization

    You can customize however you wish!

    Javascript & jQuery

    For the next step you need to go towards Administration Control Panel (ACP) Modules HTML & Javascript Javascript codes management and create a new code - upon verifying that Javascript codes management is enabled.

    • Title: free choice - does not influence the code effect
    • Where: All pages
    • Code:

      You need to reply to the topic in order to see the code resources



    Javascript Customization

    You can modify the content of the variable
    Code:
    deleteNotif.innerHTML = 'Delete all the notifications';
    with your own text!


    Notes

    Approved byNiko
    Approved on January 18th, 2023
    Tested on Most recent browsers
    Difficulty level  / 
    Source Resource from Toryudo

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.



    Valid
    YoshiGM
    • Forum Administrator

      Community veteran
      You belong to this community since its ancient time
      Active Contributor
      The user has wrote more than 100 posts and comments
      Passioned user
      You have participated in 50+ different topics, a true fan!
      Team contributor
      You have been part of the community team
      Forumotion expert
      This user is an expert with Forumotion free forum hosting
      10th Anniversary (Grand Re-open)
      Thanks for being part of our grand re-opening
      Friendly user
      You have added many community members as friends!
      Beta Tester
      You have been part of the Beta-Testing team
      Merry Christmas 2022
      Thanks for having been with us during Christmas season!
      Forum Writer
      You have opened more than 20 topics on the forum
      Members Guru
      You have received more than 50 likes on your posts. Our members really what you have to say!
      Post lover
      You have liked more than 50 posts!
      Forum Partner
      This member is founder of a community affiliated with FMCodes!
        Posts : 581
        Points : 95447
      Thanks for the code!
      I will consider to install it in my forum.




      Add a button "Remove all notifications" in the toolbar Yoshig10

      Hey Guest, Welcome to FMCodes.  Hello
      Don't forget to read the General Rules
      • Want to improve your forum? Take a look of the Coding Community section.
      • Need any new design, promote your forum or any related? You can use our Forum Services

      Helping those who need it is not only part of duty, but of happiness.

      No Support via PM!
      Valid
      Guest
      • Guest

        Team contributor
        You have been part of the community team
        Active Contributor
        The user has wrote more than 100 posts and comments
        Post lover
        You have liked more than 50 posts!
        Merry Christmas 2022
        Thanks for having been with us during Christmas season!
        Passioned user
        You have participated in 50+ different topics, a true fan!
        Forum Writer
        You have opened more than 20 topics on the forum
        Members Guru
        You have received more than 50 likes on your posts. Our members really what you have to say!
          Posts : 556
          Points : 18260
        I like it ;)

        Valid
        Cryptic


        • 10th Anniversary (Grand Re-open)
          Thanks for being part of our grand re-opening
          Merry Christmas 2022
          Thanks for having been with us during Christmas season!
          Members true love
          You have received more than 15 likes on your posts. Seems our members really like you!
          Community newbie
          Belongs to the community for at least two years
          Active Contributor
          The user has wrote more than 100 posts and comments
          Passioned user
          You have participated in 50+ different topics, a true fan!
            Posts : 103
            Points : 26148
          Nice idea! Excited to try it!

          Valid
          Zwiebel


          • Members true love
            You have received more than 15 likes on your posts. Seems our members really like you!
            Forum member
            Belongs to the community of FMCodes
              Posts : 44
              Points : 10770
            This should be helpful!

            Valid
            sivastar


            • Community veteran
              You belong to this community since its ancient time
              Active poster
              The user has wrote more than 50 posts
              Passioned user
              You have participated in 50+ different topics, a true fan!
                Posts : 65
                Points : 89379
              Very useful - Thank you

              Valid
              hoanglongnhatbao


              • Community veteran
                You belong to this community since its ancient time
                Passioned user
                You have participated in 50+ different topics, a true fan!
                Active Contributor
                The user has wrote more than 100 posts and comments
                Post lover
                You have liked more than 50 posts!
                Members Guru
                You have received more than 50 likes on your posts. Our members really what you have to say!
                  Posts : 145
                  Points : 89847
                Thanks@niko

                Valid
                H3RO


                • Forum member
                  Belongs to the community of FMCodes
                    Posts : 16
                    Points : 8030
                  Thank you

                  Valid
                  Mihai
                  • Forum Lover

                    Team contributor
                    You have been part of the community team
                    Active Contributor
                    The user has wrote more than 100 posts and comments
                    Passioned user
                    You have participated in 50+ different topics, a true fan!
                    Beta Tester
                    You have been part of the Beta-Testing team
                    10th Anniversary (Grand Re-open)
                    Thanks for being part of our grand re-opening
                    Merry Christmas 2022
                    Thanks for having been with us during Christmas season!
                    Forum Writer
                    You have opened more than 20 topics on the forum
                    Super Friendly
                    You have made more than 10 members in our community, wow!
                    Members Guru
                    You have received more than 50 likes on your posts. Our members really what you have to say!
                    Community loyal
                    You have belong to this community for a long time!
                      Posts : 884
                      Points : 47304
                    Lets see...

                    Valid
                    Frappuccino
                    • I'm a new member


                      Forum member
                      Belongs to the community of FMCodes
                        Posts : 4
                        Points : 5210
                      Thanks for the code!

                      Valid
                      Nef


                      • Forum member
                        Belongs to the community of FMCodes
                          Posts : 15
                          Points : 4690
                        Some scripts block the display of buttons in a quick response, and this is the case here. (I have CHROME Windows XP

                        Valid
                        Nef


                        • Forum member
                          Belongs to the community of FMCodes
                            Posts : 15
                            Points : 4690
                          I put it on the forum - there is no cursor on the button

                          Valid
                          Mihai
                          • Forum Lover

                            Team contributor
                            You have been part of the community team
                            Active Contributor
                            The user has wrote more than 100 posts and comments
                            Passioned user
                            You have participated in 50+ different topics, a true fan!
                            Beta Tester
                            You have been part of the Beta-Testing team
                            10th Anniversary (Grand Re-open)
                            Thanks for being part of our grand re-opening
                            Merry Christmas 2022
                            Thanks for having been with us during Christmas season!
                            Forum Writer
                            You have opened more than 20 topics on the forum
                            Super Friendly
                            You have made more than 10 members in our community, wow!
                            Members Guru
                            You have received more than 50 likes on your posts. Our members really what you have to say!
                            Community loyal
                            You have belong to this community for a long time!
                              Posts : 884
                              Points : 47304
                            Hello

                            Nef wrote:I put it on the forum - there is no cursor on the button
                            This tutorial says it very clear: Add a button "Remove all notifications" in the toolbar, there is no cursor inside of it, it just an background with an text included! https://prnt.sc/2xtLNVEGIYNF

                            Valid
                            Niko
                            • Forum Administrator

                              Team contributor
                              You have been part of the community team
                              Community veteran
                              You belong to this community since its ancient time
                              Active Contributor
                              The user has wrote more than 100 posts and comments
                              Passioned user
                              You have participated in 50+ different topics, a true fan!
                              Post lover
                              You have liked more than 50 posts!
                              Beta Tester
                              You have been part of the Beta-Testing team
                              Forumotion expert
                              This user is an expert with Forumotion free forum hosting
                              10th Anniversary (Grand Re-open)
                              Thanks for being part of our grand re-opening
                              Merry Christmas 2022
                              Thanks for having been with us during Christmas season!
                              Forum Writer
                              You have opened more than 20 topics on the forum
                              The Life of the Party
                              You have made more than 20 members in our community, wow!
                              Members Guru
                              You have received more than 50 likes on your posts. Our members really what you have to say!
                                Posts : 3606
                                Points : 125477
                              Nef wrote:I put it on the forum - there is no cursor on the button

                              To get the cursor, use this CSS instead:


                              but it is clickable even if you don't see the cursor pointer :bene:



                              Valid
                              Aioria


                              • Community newbie
                                Belongs to the community for at least two years
                                Forum member
                                Belongs to the community of FMCodes
                                  Posts : 16
                                  Points : 24790
                                Again, thank you a lot!

                                Topic Actions

                                Sponsored




                                FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Add a button "Remove all notifications" in the toolbar

                                ©phpBB | Contact | Report an abuse