Условие в ссылке

Question

Условие в ссылке

Рейтинг: 1Ответов: 1Опубликовано: 23.12.2014

Здравствуйте.

Подскажите, как реализовать условие в ссылке через html. Например, есть одна страница example.html. Нужно, чтобы при открытии на странице была какая-то надпись и кнопка edit. При нажатии на эту кнопку должна открываться другая страница, даже не другая, а та же самая (должен быть только один файл), но уже на этой странице должна быть форма с полем для ввода и кнопка save, которая сохраняет текст из формы и кидает на "первую" страницу, где должен быть новый текст, который введен в форму и кнопка edit. И это нужно сделать только через условие в url, например, ya.ru/example.html?edit=true.

html

Источник: Stack Overflow на русском

Answer 1

▲ 1Принят

Например, так, хотя это кривизна страшная:

<!DOCTYPE html>

<html lang="Ru">
<head>
    <meta charset="utf-8">
</head>

<body>
    <div id="container"></div>

    <script type="text/template" id="page1">
        <p>Это просто такая первая страница</p>
        <form>
            <input type="hidden" name="page" value="2">
            <input type="submit" value="Нажми!">
        </form>
    </script>

    <script type="text/template" id="page2">
        <p>Вторая страница, фарш и фрикадельки!</p>
        <form>
            <input type="hidden" name="page" value="1">
            <input type="submit" value="Не нажимай!">
        </form>
    </script>

    <script>
        var el = document.getElementById("container");

        switch(window.location.search){
            case "?page=2":
                el.innerHTML = document.getElementById("page2").innerHTML;
                break;

            case "?page=1":
            default:
                el.innerHTML = document.getElementById("page1").innerHTML;
                break;
        }
    </script>

</body>
</html>

Условие в ссылке

Ответы