AAC Page not loading, adds a hashtag instead of entering the file Metro Blue Layout znote acc

Joriku · Nov 11, 2022

Hi,
so I was working on my webpage on my local server over a VM and everything works fine.
I add it onto my main server and this happens..

It adds a hashtag instead of entering "Community", same with other tabs. Some works fine.

Anyone knows the issue?

Read about that due to it ends with an #, could mean that the data is not reaching the server due to it being HTTPS restricted.

I am using latest znote + metro layout coverted by Hellsway

Joriku · Nov 12, 2022

Bump, changed from Apache2 to Nginx but the issue remains.
Does it have to do with the layout itself?

Tarek1337 · Nov 12, 2022

Can you post a snippet of your code? Honestly because I don't remember where you can get hold of that layout anymore.
Usually this would happen if an anchor tag has # in its href property.

Joriku · Nov 12, 2022

Tarek1337 said:
Can you post a snippet of your code? Honestly because I don't remember where you can get hold of that layout anymore.
Usually this would happen if an anchor tag has # in its href property.

Here it is: [Znote AAC] Metro Blue Layout (https://otland.net/threads/znote-aac-metro-blue-layout.240373/)
I have not mixed with anything other then some pages and it's config, which shouldn't be an issue.

Using the layout and the latest Znote Acc over at github, so my suspicion is something with the .htaccess?

Tarek1337 · Nov 12, 2022

Joriku said:
Here it is: [Znote AAC] Metro Blue Layout (https://otland.net/threads/znote-aac-metro-blue-layout.240373/)
I have not mixed with anything other then some pages and it's config, which shouldn't be an issue.

Using the layout and the latest Znote Acc over at github, so my suspicion is something with the .htaccess?

yeah, I just checked, it's not your fault, (and it's not caused by .htaccess)
Open up layout/menu.php and check line 4, 14, 22, 41, and 64.

HTML:

<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-users"></i> Community <b class="caret"></b></a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-book"></i> Library <b class="caret"></b></a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-question-circle"></i> Help <b class="caret"></b></a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign in <b class="caret"></b></a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><strong><?php echo $user_data['name']; ?></strong> <b class="caret"></b></a>

Just as I suspected, the anchor tags have a # in the href property.
You would have to change it to the correct pages.

The person who made this layout probably wanted to have these menus act as a dropdown, it makes me believe that because of the class and data-toggle values.
You could try removing the href property all together and see if that stops making them clickable, if that doesn't do it, I guess you'd have to change them into <div>'s instead

HalfAway · Nov 12, 2022

It should be a dropdown menu, probably a javascript that doesn't work.
# is just a placeholder for the dropdown menu, if you want to remove it and make it point somewhere, delete the # and place the url there instead, ex: highscores.php

Tarek1337 · Nov 12, 2022

Actually I take back what I said, I just saw on your screenshot that your website is hoxera.com.
And I tested it in my browser, and it all worked as it should, so you might be right about the HTTPS issue when you're testing it under an another environment.

Some browsers don't like executing/fetching JavaScript if a TLS cert is not considered trusted (i.e Firefox in some cases).
So I'm guessing what's happening here is that the browser is unable to fetch bootstrap.min.js, which leads to these dropdown buttons acting as regular anchor tags instead.

Edit:

This is probably something you should sort out:

Joriku · Nov 12, 2022

Tarek1337 said:
yeah, I just checked, it's not your fault, (and it's not caused by .htaccess)
Open up layout/menu.php and check line 4, 14, 22, 41, and 64.

HTML:

<a href="#" class="dropdown-toggle" data-toggle="dropdown"> Community </a> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Library </a> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Help </a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign in </a> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?php echo $user_data['name']; ?> </a>

Just as I suspected, the anchor tags have a # in the href property.
You would have to change it to the correct pages.

The person who made this layout probably wanted to have these menus act as a dropdown, it makes me believe that because of the class and data-toggle values.
You could try removing the href property all together and see if that stops making them clickable, if that doesn't do it, I guess you'd have to change them into <div>'s instead

Yeah, it made them unclickable.
Found this: How To Create a Hoverable Dropdown Menu (https://www.w3schools.com/howto/howto_css_dropdown.asp)
So going to re-make them into divs

HalfAway said:
It should be a dropdown menu, probably a javascript that doesn't work.
# is just a placeholder for the dropdown menu, if you want to remove it and make it point somewhere, delete the # and place the url there instead, ex: highscores.php

Using a single file removes the whole menu, will try to create it into a menu using divs instead

--Update--

Not the prettiest but getting somewhere.

Joriku · Nov 13, 2022

Here's the result of it, thank you both for commenting!

For anyone else in need of this or just too lazy to edit it themselves, here's the code:
Menu.php

Lua:

                        <div class="nav navbar-nav">
                            <!-- Home -->
                            <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-home"></i> Home <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="index.php">Home</a></li>
                                </div>
                            </div> 
                            <!-- Home end -->
                            <!-- Community -->
                              <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-users"></i> Community <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="onlinelist.php">Online</a></li>
                                    <li><a href="highscores.php">Highscores</a></li>
                                    <li><a href="houses.php">Houses</a></li>
                                    <li><a href="guilds.php">Guilds</a></li>
                                    <li><a href="guildwar.php">Guild Wars</a></li>
                                </div>
                              </div> 
                            <!-- Community end -->
                            <!-- Server info -->
                              <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-book"></i> Library <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="serverinfo.php">Server Information</a></li>
                                </div>
                              </div> 
                            <!-- Server info end -->
                            <!-- Shop -->
                            <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-shopping-cart"></i> Shop <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="shop.php">Webstore</a></li>
                                </div>
                            </div> 
                            <!-- Shop end -->
                            <!-- Forum -->
                            <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-comment"></i> Forum <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="forum.php">Forum</a></li>
                                </div>
                            </div> 
                            <!-- Forum end -->
                            <!-- Help -->
                              <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-question-circle"></i> Help <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="support.php">Support</a></li>
                                    <li><a href="helpdesk.php">Ticket</a></li>
                                </div>
                              </div> 
                            <!-- Help end -->
                        </div>
                        <!-- Character Search -->
                        <div class="nav navbar-nav navbar-left">
                            <form class="navbar-form navbar-left" role="search" type="submit" action="characterprofile.php" method="get">
                                <div class="form-group">
                                    <input type="text" maxlength="45" name="name" class="form-control" style="max-width: 150px;" placeholder="Search character..." required />
                                </div>
                            </form>
                        </div>
                        <!-- Character Search End -->
                        <ul class="nav navbar-nav navbar-right">
                              <?php if (user_logged_in() === false) { ?>
                            <!-- Help -->
                              <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-share"></i> Sign up <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="register.php">Register</a></li>
                                </div>
                              </div> 
                            <!-- Help end -->
                            <!-- Login -->
                              <div class="dropdown">
                                <button class="dropbtn">
                                    <i class="fa fa-question-circle"></i> Sign in <b class="caret"></b>
                                </button>
                                <div class="dropdown-content" style="padding: 15px;min-width: 250px;">
                                  <li>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <form action="login.php" method="post">
                                                <div class="form-group">
                                                    <input type="password" name="username" class="form-control" placeholder="Account Name" required />
                                                </div>
                                                <div class="form-group">
                                                    <input type="password" name="password" class="form-control" placeholder="Password" required />
                                                </div>
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-primary btn-block">Sign in</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </li>
                                    <div>
                                        <li class="divider"></li>
                                        <li><p><a href="recovery.php" class="btn btn-danger form-control">Account Lost?</a></p></li>
                                    </div>
                                </div>
                              </div> 
                            <!-- Login end -->
                            <?PHP } else { ?>
                                <!-- If user is logged in -->
                              <div class="dropdown">
                                <button class="dropbtn">
                                <i class="fa fa-share"></i> <strong><?php echo $user_data['name']; ?></strong> <b class="caret"></b>
                                </button>
                                <div class="dropdown-content">
                                  <li><a href="myaccount.php">Account Management</a></li>
                                    <li><a href="createcharacter.php">Create Character</a></li>
                                    <li><a href="changepassword.php">Change Password</a></li>
                                    <li><a href="settings.php">Settings</a></li>
                                    <li class="nav-divider"></li>
                                    <li><a href="logout.php">Sign out</a></li>
                                </div>
                              </div> 
                            <!-- If user is logged in end -->
                            <?PHP } ?>
                        </ul>

metro-bootstrap.css

Lua:

/* Drop test */
/* Dropdown Button */
.dropbtn {
  background-color: #2e8bcc;
  color: white;
  padding: 12px;
  font-size: 12px;
  padding-top: 14px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #1569C7;}

AAC Page not loading, adds a hashtag instead of entering the file Metro Blue Layout znote acc

Joriku

Working in the mines, need something?

Joriku

Working in the mines, need something?

Tarek1337

Legendary OT User

Joriku

Working in the mines, need something?

Tarek1337

Legendary OT User

HalfAway

Thanatos

Tarek1337

Legendary OT User

Joriku

Working in the mines, need something?

Joriku

Working in the mines, need something?

Similar threads