AAC link page to other sub-pages

bpm91 · Aug 13, 2024

I'm trying to make it so that when someone clicks on the monster, the page loads a subpage that is located in a folder. How can I do that?

PHP:

echo '<a href="?creature=' . $monsterName . '">';

In this case, I will do it manually, monster by monster. Does anyone know how to make it so that when you click on a monster, it opens another page just for that monster through a folder called creatures?

myaac - tfs 1.5

Post automatically merged: Aug 13, 2024

when i click on goblin example go to main page

HeroccTV · Aug 13, 2024

give hole code

bpm91 · Aug 13, 2024

PHP:

<?php
defined('MYAAC') or die('Direct access not allowed!');
$title = "Creatures";
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $title; ?></title>
    <style>
        .monsters-grid {
            display: flex;
            flex-wrap: wrap;
        }

        .monster {
            width: 14.28%; /* 100% / 7 */
            text-align: center;
            margin-bottom: 10px;
            font-weight: normal;
        }

        .monster img {
            display: block;
            margin: 0 auto;
        }

        .monster a {
            text-decoration: none;
            color: black;
            font-weight: normal;
        }

        .monster a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="monsters-grid">
        <?php
        $monsters = [
            ['name' => 'Goblin', 'gfx_name' => 'goblin.gif'],
        ];

        $counter = 0;
        foreach ($monsters as $monster) {
            if ($counter % 7 == 0 && $counter != 0) {
                echo '</div><div class="monsters-grid">';
            }

            $monsterName = strtolower(str_replace(' ', '', $monster['name'])); // Remove espaços e converte para minúsculas

            echo '<div class="monster">';
           echo '<a href="system/pages/creatures/' . $monsterName . '.php">';
            echo '<img src="images/monsters/' . $monster['gfx_name'] . '" width="62" height="62" alt="' . $monster['name'] . '">';
            echo '<br>' . $monster['name'] . '</a>';
            echo '</div>';

            $counter++;
        }
        ?>
       
    </div>
</body>
</html>

HeroccTV · Aug 13, 2024

am not sure if its
system/pages/creatures/
or
/system/pages/creatures/

PHP:

<?php
defined('MYAAC') or die('Direct access not allowed!');
$title = "Creatures";
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars($title); ?></title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            color: #333;
            margin: 0;
            padding: 20px;
            display: flex;
            justify-content: center;
        }

        .monsters-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            max-width: 1000px;
        }

        .monster {
            width: calc(100% / 7 - 15px);
            text-align: center;
            background-color: #fff;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: transform 0.2s ease-in-out;
        }

        .monster:hover {
            transform: scale(1.05);
        }

        .monster img {
            display: block;
            margin: 0 auto 10px;
        }

        .monster a {
            text-decoration: none;
            color: #333;
            font-weight: bold;
            display: block;
        }

        .monster a:hover {
            color: #007bff;
        }
    </style>
</head>
<body>
    <div class="monsters-grid">
        <?php
        $monsters = [
            ['name' => 'Goblin', 'gfx_name' => 'goblin.gif'],
            // Add more monster
        ];

        foreach ($monsters as $monster) {
            $monsterName = strtolower(str_replace(' ', '', $monster['name']));

            echo '<a href="system/pages/creatures/' . $monsterName . '.php" target="_blank">';
            echo '<div class="monster">';
            echo '<img src="images/monsters/' . $monster['gfx_name'] . '" width="62" height="62" alt="' . htmlspecialchars($monster['name']) . '">';
            echo $monster['name'];
            echo '</div>';
            echo '</a>';
        }
        ?>
    </div>
</body>
</html>

tobi132 · Aug 13, 2024

You need to pass a variable, in this style:

Code:

<a href="?subtopic=creature&name=Demon">

Then in place where you want to include that monster, you do:

PHP:

if (isset($_GET['name'])) {
    $monsterName = strtolower(str_replace(' ', '', $_GET['name'])); // demon
    include SYSTEM . 'pages/creatures/' . $monsterName . '.php';
}

Then your whole code would look like this: (I also removed that html, head and body tags (you don't need it here)):

creatures.php (List all monsters)

PHP:

<?php
defined('MYAAC') or die('Direct access not allowed!');
$title = "Creatures";
?>

<style>
    .monsters-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .monster {
        width: 14.28%; /* 100% / 7 */
        text-align: center;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .monster img {
        display: block;
        margin: 0 auto;
    }

    .monster a {
        text-decoration: none;
        color: black;
        font-weight: normal;
    }

    .monster a:hover {
        text-decoration: underline;
    }
</style>
<div class="monsters-grid">
    <?php
    $monsters = [
        ['name' => 'Goblin', 'gfx_name' => 'goblin.gif'],
    ];

    $counter = 0;
    foreach ($monsters as $monster) {
        if ($counter % 7 == 0 && $counter != 0) {
            echo '</div><div class="monsters-grid">';
        }

        $monsterName = strtolower(str_replace(' ', '', $monster['name'])); // Remove espaços e converte para minúsculas

        echo '<div class="monster">';
       echo '<a href="?subtopic=creature&name=' . $monsterName . '.php">';
        echo '<img src="images/monsters/' . $monster['gfx_name'] . '" width="62" height="62" alt="' . $monster['name'] . '">';
        echo '<br>' . $monster['name'] . '</a>';
        echo '</div>';

        $counter++;
    }
    ?>
 
</div>

creature.php (View single monster)

PHP:

<?php
defined('MYAAC') or die('Direct access not allowed!');
$title = "Creatures";

if (!isset($_GET['name'])) {
    echo 'Creature not found.';
    return;
}

$title = $_GET['name'] . ' - Creatures';

$monsterName = strtolower(str_replace(' ', '', $_GET['name'])); // example: dragonlord
include SYSTEM . 'pages/creatures/' . $monsterName . '.php';

Then in pages/creatures/dragonlord.php, you can do anything:

PHP:

<?php

echo 'This is Dragon Lord description';

bpm91 · Aug 16, 2024

PHP:

<?php
defined('MYAAC') or die('Direct access not allowed!');
$title = "Wiki Videos";

?>

<style>
    .monsters-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .monster {
        width: 14.28%; /* 100% / 7 */
        text-align: center;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .monster img {
        display: block;
        margin: 0 auto;
    }

    .monster a {
        text-decoration: none;
        color: black;
        font-weight: normal;
    }

    .monster a:hover {
        text-decoration: underline;
    }
</style>
<div class="monsters-grid">
    <?php
    $monsters = [
        ['name' => 'goblin', 'gfx_name' => 'goblin.gif'],
    ];

    $counter = 0;
    foreach ($monsters as $monster) {
        if ($counter % 7 == 0 && $counter != 0) {
            echo '</div><div class="monsters-grid">';
        }

        $monsterName = strtolower(str_replace(' ', '', $monster['name'])); // Remove espaços e converte para minúsculas

        echo '<div class="monster">';
       echo '<a href="?subtopic=creature&name=' . $monsterName . '.php">';
        echo '<img src="images/monsters/' . $monster['gfx_name'] . '" width="62" height="62" alt="' . $monster['name'] . '">';
        echo '<br>' . $monster['name'] . '</a>';
        echo '</div>';

        $counter++;
    }
    ?>
 
</div>

What am I doing wrong?

Post automatically merged: Aug 16, 2024

slaw · Aug 16, 2024

Probably some syntax error: enable dev mode in config.local.php to see the error.

Code:

$config['env'] = 'dev';

bpm91 · Aug 16, 2024

LUA:

[Fri Aug 16 14:06:45.819676 2024] [php:error] [pid 3208:tid 1960] [client ::1:54715] PHP Fatal error:  Uncaught Error: Call to undefined function imagecreatetruecolor() in C:\\xampp\\htdocs\\templates\\tibiacom\\headline.php:24\nStack trace:\n#0 {main}\n  thrown in C:\\xampp\\htdocs\\templates\\tibiacom\\headline.php on line 24, referer: http://localhost/?subtopic=monsters&name=goblin

headline.24
// create image
$image = imagecreatetruecolor(250, 28);

tobi132 · Aug 16, 2024

That means you don't have the php gd extension enabled.

How to install/enable GD in xampp windows [php 7.2]?

I Can't figure out how to install php-gd for PHP7.2. Is there any way to install/enable GD extension in xampp windows? I checked the php.ini file for php_gd2.dll but I can't find that line. It seem...

stackoverflow.com

bpm91 · Aug 16, 2024

i do this but no work

search this ;extension=gd
remove ; then restart the server

Post automatically merged: Aug 16, 2024

PHP:

<div class="monsters-grid">
   <?php
$monsters = [
    ['name' => 'goblin', 'gfx_name' => 'goblin.gif'],
    // Adicione mais monstros conforme necessário
];

$counter = 0;
foreach ($monsters as $monster) {
    if ($counter % 7 == 0 && $counter != 0) {
        echo '</div><div class="monsters-grid">';
    }

    $monsterName = strtolower(str_replace(' ', '', $monster['name']));

    echo '<div class="monster">';
    echo '<a href="?subtopic=monsters&name=' . $monsterName . '">';
    echo '<img src="images/monsters/' . $monster['gfx_name'] . '" width="62" height="62" alt="' . $monster['name'] . '">';
    echo '<br>' . $monster['name'] . '</a>';
    echo '</div>';

    $counter++;
}
?>
</div>

<style>
    .monsters-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .monster {
        width: 14.28%; /* 100% / 7 */
        text-align: center;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .monster img {
        display: block;
        margin: 0 auto;
    }

    .monster a {
        text-decoration: none;
        color: black;
        font-weight: normal;
    }

    .monster a:hover {
        text-decoration: underline;
    }
</style>

When I press goblin it doesn't open the new page, it just repeats the same one and changes the link

http://localhost/?subtopic=monsters&name=goblin

tobi132 · Aug 16, 2024

As I said, you should create 2 files: monster.php and monsters.php.

The link should be

Code:

echo '<a href="?subtopic=monster&name=' . $monsterName . '">';

monster and not ~~monsters~~

Then you should create a separate page called monster.php

bpm91 · Aug 16, 2024

PHP:

<div class="monsters-grid">
   <?php
$monsters = [
    ['name' => 'goblin', 'gfx_name' => 'goblin.gif'],
    // Adicione mais monstros conforme necessário
];

$counter = 0;
foreach ($monsters as $monster) {
    if ($counter % 7 == 0 && $counter != 0) {
        echo '</div><div class="monsters-grid">';
    }

    $monsterName = strtolower(str_replace(' ', '', $monster['name']));

    echo '<div class="monster">';
    echo '<a href="?subtopic=monster&name=' . $monsterName . '">';
    echo '<img src="images/monsters/' . $monster['gfx_name'] . '" width="62" height="62" alt="' . $monster['name'] . '">';
    echo '<br>' . $monster['name'] . '</a>';
    echo '</div>';

    $counter++;
}
?>
</div>

<style>
    .monsters-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .monster {
        width: 14.28%; /* 100% / 7 */
        text-align: center;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .monster img {
        display: block;
        margin: 0 auto;
    }

    .monster a {
        text-decoration: none;
        color: black;
        font-weight: normal;
    }

    .monster a:hover {
        text-decoration: underline;
    }
</style>

after click

the page continue goblin and goblin.gif and no change page

Post automatically merged: Aug 16, 2024

The idea was to create a folder named monster or monsters, put page by page.php of each monster. so as the monster is clicked it opens this page with its information. This style would even serve as a basis for NPCs or other things

alejandro762 · Aug 18, 2024

So much for something so easy, <a href="folder/goblin_page.php">Goblin</a> for example.
That's why i used znote.

AAC link page to other sub-pages

bpm91

Advanced OT User

HeroccTV

New Member

bpm91

Advanced OT User

HeroccTV

New Member

tobi132

Active Member

bpm91

Advanced OT User

slaw

Software Developer

bpm91

Advanced OT User

tobi132

Active Member

How to install/enable GD in xampp windows [php 7.2]?

bpm91

Advanced OT User

tobi132

Active Member

bpm91

Advanced OT User

alejandro762

Well-Known Member

Similar threads