Jump to content
Fórum Script Brasil
  • 0

Página simples em HTML


nicolasaigner
 Share

Question

1 answer to this question

Recommended Posts

  • 0

Olá!

Com html puro creio que talvez, provavelmente não seja possível
Com javascript é
Com php também é
Se quiser fazer sem alterar a url, seria tipo uma Single Page Application
Então vai ter usar javascript com ajax
Se optar por alterar a url, usando php,
dá pra fazer até sem javascript, veja:

<!doctype html>
<html>
    <head>
        <meta charset='utf-8'>
        <title>Alterar página de acordo com combobox</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel='stylesheet' href='css/style.css'>
    </head>
    <body>
        <main>
            <nav>
                <form>
                    <select name="page"><option value=''>Selecione</option>
                        <?php
                        $options = [
                            1 => 'unidade 1',
                            'unidade 2',
                            'unidade 3',
                            'unidade 4',
                            'unidade 5',
                        ];
                        foreach ($options as $key => $value) {
                            echo "<option value='$key'>$value</option>";
                        }
                        ?>
                    </select>
                    <input type="submit" value="Avançar">
                </form>
            </nav>
            <div>
                <?php
                if (isset($_GET['page']) && !empty($_GET['page'])) {
                    $page = $_GET['page'] . '.html';
                    echo "<p>Incluir o conteúdo do arquivo $page</p>";
                } else {
                    echo '<p>Selecione e clique em avançar!</p>';
                }
                ?>
            </div>
        </main>
    </body>
</html>

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Forum Statistics

    • Total Topics
      149.6k
    • Total Posts
      646.2k
×
×
  • Create New...