Untitled

<?php
session_start();

//forbind til DB
require_once "includes/connect_to_db.php";

//*Gemmer post variabler, da der ellers forsvinder et par sider henne---underligt
if (isset($_POST['design'])) {
$_SESSION['startdato'] = $_POST['startdato'];
$_SESSION['design'] = $_POST['design'];

}

//Udregner til navigation (frem)
$sidenr_navi = $_SESSION['startdato'];


//Udregner til navigation (tilbage)
$sidenr_navi_tilbage = $_SESSION['startdato'];
$sidenr_navi_tilbage--;


//Hent sideid til billeder i navigationen
$billedet_navi = $_GET['side'];
$status = $_SESSION['startdato'];
$back = '<a href="kalenderdesign.php?side=' .$sidenr_navi_tilbage. '"><img src="sysimages/left_arrow.jpg"></a>';
$frem = '&nbsp;&nbsp;&nbsp;<a href="kalenderdesign.php?side=' .$sidenr_navi. '"><img src="sysimages/right_arrow.jpg"></a>';


?>

<!DOCTYPE html>
<html>
    <head>
    <title>Medieland.dk</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">

    <!--Javascript til at ajaxfremvise-->
<script language="JavaScript" type="text/javascript">
function ajax_post(){
    // Create our XMLHttpRequest object
    var hr = new XMLHttpRequest();
    // Create some variables we need to send to our PHP file
    var url = "my_parse_file.php";
    var fn = document.getElementById("first_name").value;
    var vars = "forsidetekst="+fn;
    hr.open("POST", url, true);
    // Set content type header information for sending url encoded variables in the request
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    // Access the onreadystatechange event for the XMLHttpRequest object
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
            var return_data = hr.responseText;
            document.getElementById("status").innerHTML = return_data;
        }
    }
    // Send the data to PHP now... and wait for response to update the status div
    hr.send(vars); // Actually execute the request
    document.getElementById("status").innerHTML = "Bearbejder, vent...";
}

function updatepicture(pic){
    document.getElementById("image").setAttribute("src",pic);
    }
</script>

    </head>
    <body>

 <div class="container">
            <!--title-->
            <?php include_once "includes/top.php";  ?>


            <!--topmenu-->
            <?php include_once "includes/topmenu.php";  ?>


            <!--Fremskridtslinien-->
            <div class="col-lg-12 contentbgbox">
            <?php include_once "includes/progress.php"; ?>
            <hr>
            </div>

            <!--sideindhold-->
            <div class="col-lg-12 contentbgbox"><center>

                <table width="960" border="0">
                <tr><td></td></tr>

                <tr><td align="center">

                           <!--Selve kalenderen-->
                           <table width="875" border="0">

                           <!--ændre class alt efter om det er centreret elle er helside-->
                           <tr><td width="425" height="325" background="sysimages/kalendertop.jpg" align="center">
                                    <table width="325" height="100%" border="0" align="center">
                                    <tr><td height="25"></td></tr>
                                    <tr><td height="200" class="forsidepicholder">
                                                <!--indsætter ajax billedet-->
                                                <img class="forsidepic" id=image />
                                                <iframe name="iframe" style="display:none;"></iframe>
                                    </td></tr>
                                    <tr><td height="25"></td></tr>
                                    <tr><td height="25" align="center">
                                                <!--indsætter forsidetekst-->
                                                <div id="status"></div>
                                    </td></tr>
                                    <tr><td width="50"></td></tr>
                                    </table>
                            </td>


                           <td width="50"></td>
                           <td  width="400" class="texttop"><b>Design din forside</b><br>
                                            Du kan se og ændre din kalenderforside til venstre, <br>
                                            og nedenunder skifte måneder på pilene. <br><br>

                                            <strong>Indsæt/udskift billedet i din kalender:</strong><br>
                                            <form id="form" method="post" action="upload.php" enctype="multipart/form-data" target="iframe">
                                                <input type="file" id="file" name="file" />
                                                <br>
                                                <input type="submit" name="submit" id="submit" value="Indsæt billedet" />
                                            </form>

                                            <br><br><br>

                                            <strong>Indsæt/udskift tekst i din kalender:</strong><br>
                                            <input id="first_name" name="forsidetekst" type="text" />
                                            <input name="myBtn" type="submit" value="Indsæt tekst" onClick="javascript:ajax_post();">
                           </td></tr>

                           </table>


                  </td></tr>
                  <tr><td><?php include_once "includes/topnavigation.php"; ?>   <br><br></td></tr>
                  </table>

            </center></div>

            <!--footer-->
            <div class="col-lg-12 footerbgcol">
            <?php include_once "includes/footer.php"; ?>
            </div>

</div>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    </body>
</html>