• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

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

Joriku

Working in the mines, need something?
Joined
Jul 16, 2016
Messages
1,079
Solutions
15
Reaction score
370
Location
Sweden
YouTube
Joriku
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..
1668146327772.png
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
 
Bump, changed from Apache2 to Nginx but the issue remains.
Does it have to do with the layout itself?
 
Last edited:
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.
 
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?
 
Last edited:
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
 
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
 
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:
1668254817620.png
 
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
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
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--
1668264216633.png
Not the prettiest but getting somewhere.
 
Last edited:
Here's the result of it, thank you both for commenting!
1668334324445.png


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;}
 
Back
Top