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 » Restrict access to your forum's HTML pages

Restrict access to your forum's HTML pages

4 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 : 3614
      Points : 129527
    Restrict access to your forum's HTML pages


    Overview

    Description

    This trick allows you to restrict access to one (or more ) HTML page(s) of your forum. This trick can be useful if you want to restrict the use of internal tools that you have developed such as forms, for example.

    On the other hand, you can use this trick to protect HTML pages which require the execution of a Javascript function because if a member deactivates this option to see the protected page, he will not be able to use said function. For example, if you decide to protect the delete all messages from a member page , by disabling Javascript to access it, the member will not be able to execute said script (because it requires Javascript to be enabled).

    Demonstration


    Since you have guest status, you will get this message:

    Restrict access to your forum's HTML pages 14-03-16

    For my part, since my ID has been authorized, I get the following message:

    Restrict access to your forum's HTML pages 14-03-17

    I just have to click on the OK button and I access the HTML page!

    Installation

    Introduction

    Warning : we draw your attention to the fact that this trick is not infallible and can be easily circumvented. Indeed, if a member deactivates Javascript from his browser, he will be able to access the protected page thanks to this trick. In other words, do not protect an HTML page that contains, for example, passwords, e-mails or any other sensitive information.

    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: Do not check any box
    • Code:

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



    Javascript Customization

    Three customizations are possible:

    1. Pop-up message : When the user is authorized to view the page, a pop-up opens asking him to confirm the poster:

      Code:
      if (passwords[u] == prompt("Press the OK button to enter the page. An authentication error has occurred. Please try again or contact the administrators."))

      You can replace the sentence "Press the OK button to enter the page. An authentication error has occurred. Please try again or contact the administrators.;

    2. In the event of a page loading error : when the user encounters a problem loading the HTML page to be displayed, an error message is displayed:

      Code:
      document.body.innerHTML = 'An authentication error has occurred. Please try again or contact the administrators.';

      You can replace the phrase 'An authentication error has occurred. Please try again or contact the administrators.;

    3. In the event of access restriction to the HTML page : When the user is not authorized to display the said page, the following message is displayed:

      Code:
      document.body.innerHTML = 'You are not an authorized user to view this page. In case of error, please contact the administrators.' by the one of your choice.';

      You can replace the phrase 'You are not an authorized user to view this page. In case of error, please contact the administrators.' by the one of your choice.


    Protecting an HTML page

    To protect access to an HTML page, it is necessary to place this code between the tags
    Code:
    <head> ... </head>
    , just before the other JavaScript scripts contained in said page:

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



    Management of users authorized to view the page

    The management of users authorized to display the HTML page is managed by this line:

    Code:
    <script type="text/javascript">var passwords= {'User ID':'', 'UserID':''};</script>

    All you have to do is replace the
    Code:
    userID
    element with its ID. To get a member's ID, simply go to the member's profile and retrieve the number after the /u in the URL address:

    Restrict access to your forum's HTML pages 14-03-15

    Which give :

    Code:
    <script type="text/javascript">var passwords= {'1':''};</script>

    To add a second user authorized to display the HTML page, just put a , and proceed in the same way. For example, if the second user has ID 32, I just need to complete the code as follows:

    Code:
    <script type="text/javascript">var passwords= {'1':'','32':''};</script>

    Replacement of the access management script

    In the previous points, you installed a JS script to manage access. It is therefore necessary to retrieve the script link and replace it with yours, instead of:

    Code:
    https://demodesastucesde.forumactif.com/10063.js

    Notes

    Approved byNiko
    Approved on February 8th, 2022
    Tested on Most recent browsers
    Difficulty level  / 
    Source Restrict access to your forum's HTML pages

    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
    Joost
    • Iperactive

      Community veteran
      You belong to this community since its ancient time
      Forumotion expert
      This user is an expert with Forumotion free forum hosting
      Active Contributor
      The user has wrote more than 100 posts and comments
      Post lover
      You have liked more than 50 posts!
      Forum Writer
      You have opened more than 20 topics on the forum
      Members true love
      You have received more than 15 likes on your posts. Seems our members really like you!
      Passioned user
      You have participated in 50+ different topics, a true fan!
        Posts : 331
        Points : 92502
      Nice, thank you! :)

      Valid
      DudeThatsErin


      • Community newbie
        Belongs to the community for at least two years
        Forum member
        Belongs to the community of FMCodes
          Posts : 11
          Points : 20590
        Great tutorial! Thanks for sharing!

        Valid
        Beyonder


        • 10th Anniversary (Grand Re-open)
          Thanks for being part of our grand re-opening
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Active Contributor
          The user has wrote more than 100 posts and comments
          Members true love
          You have received more than 15 likes on your posts. Seems our members really like you!
          Community veteran
          You belong to this community since its ancient time
            Posts : 149
            Points : 74591
          Very interesting!

          Topic Actions

          Sponsored




          FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Restrict access to your forum's HTML pages

          ©phpBB | Contact | Report an abuse | Cookies