html002

<!DOCTYPE HTML>
<html lang="de">
<head>
    <title>D0wnl04dL1nk</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <script src="jquery.js"></script>
</head>

<body>

<main>
    <header>
        <h1>D0wnl04d L1nk</h1>
    </header>
    <div id="sidebarUcontent">
        <aside>
            <section class="widget" id="suche">
                <input type="search" id="search" list="datalist">
                <input type="button" id="submit" value="Suchen" onclick="search();">
            </section>
            <section class="widget">
                <p>Beliebte Donwloads</p>
                <hr>
                <p><a href="?page=downloadChrome" class="listobjekt">Google Chrome</a></p>
            </section>
        </aside>
        <article id="content">
            <p>Hier Findest du jeden Download Link den du suchst !</p>
        </article>
    </div>
</main>
<script>
    var params=document.URL.split("?page")[1];
    var par1=0;
    if (params != null ) try { par1=params[1]; } catch (e) {}
    switch (par1) {
        case "downloadChrome" :
            $("#content").html
            (
                "<h1>Google Chrome</h1><a href='#'>Google Chrome Herunterladen</a>"
            );
            break;
        default:
            $("#content").html
            (
                "<h1>Startseite</h1>"
            );
            break;
    }

    // Such Funktion
    function search() {
        var search = $("#search").val();

        if( search.indexOf("Chrome") != -1 ) { window.location = "?page=downloadChrome"; }
        else if( search.indexOf("chrome") != -1 ) { window.location = "?page=downloadChrome"; }

        else { window.location = "?page=normal"; }
    }
</script>
<datalist id="datalist">
    <option value="Google Chrome">
</datalist>
</body>
</html>