Hallo,
mit einem JS Skript habe ich eine Funktion gemacht, mit der man einen DIV Bereich schließen und öffnen kann.
Wenn ich jetzt anfange PHP zu benutzen, läuft das nicht mehr.
Hier ist der gesamte Code:
PHP
<?php session_start(); ?>
<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript">
window.onload = function (){
// Wenn der Cookie existiert
if(document.cookie != ""){
// Element ausblenden
$("header").style.display = "none";
$("content").style.padding = "80px 20px 20px 20px";
$("switch").src = "png/add.png";
$("switch").title = "Kopf öffnen";
}
// Beim Anklicken des Schalters soll Funktion ausgeführt werden:
$("switch").onclick = function(){
toggleHeader();
}
}
function $(id){
return document.getElementById(id);
}
function toggleHeader(){
// Wenn das Element sichtbar ist
if($("header").offsetHeight > 0){
$("header").style.display = "none";
$("content").style.padding = "80px 20px 20px 20px";
$("switch").title = "Kopf öffnen";
with($("switch")){
// Bezieht sich alles auf "switch"
src = "png/add.png";
titel = "Header anzeigen";
}
// Und setzte den Cookie
var date = new Date();
date = new Date(date.getTime() + 1000 * 60 * 60 * 24 * 5);
document.cookie = 'close=true; expires=' + date.toGMTString() + ';';
} else {
// Wenn der Header nicht zu sehen ist, blende ihn ein
$("header").style.display = "block";
$("content").style.padding = "200px 20px 20px 20px";
$("switch").title = "Kopf schließen";
with($("switch")){
// Bezieht sich alles auf "switch"
src = "png/close.png";
titel = "Header verstecken";
}
// Und lösche den Cookie, indem wir ihm einen veralteten Wert geben
document.cookie = 'close=false; expires=Thu, 01-Jan-70 00:00:01 GMT;';
}
}
</script>
</head>
<body>
<div id="head">
<div id="header">
<img src="png/logo.png" align="right" width="90" title="Y.T.P" />
<h1><span>Yamram</span>.<span>Team</span>.<span>Player</span></h1>
<h2>the possibility for teams, groups and classes</h2>
</div>
<div id="navi">
<img align="right" src="png/close.png" width="15" height="15" alt="Ansicht wechseln" id="switch" title="Kopf schließen" />
<form method="post" action="login.php">
<ul id="nav">
<li><a href="index.php"><img src="png/menu/home.png" title="Willkommen" width="50" /></a></li>
<li><a href="formular.php"><img src="png/menu/key.png" title="Login" width="50" /></a></li>
<li><a href="register.php"><img src="png/menu/register.png" title="Registrieren" width="50" /></a></li>
<li><img src="png/menu/mobile.png" title="Mobile" width="50" /></li>
<li><img src="png/menu/globe.png" title="Download & Co." width="50" /></li>
<li><img src="png/menu/comments.png" title="Reaktionen" width="50" /></li>
<li><a href="impressum.php"><img src="png/menu/vcards.png" title="Impressum" width="50" /></a></li>
<li></li>
<?php
if(!$_SESSION["user_nickname"])
{
$ausgabe = '<li id="log">
<input class="naviips" type="text" value="Nickname" name="nickname" size="10" />
<input class="naviips" type="password" value="" name="password" size="10" />
<input type="image" id="logimg" src="png/menu/key.png" title="login" width="30" />
</li>';
}
else
{
$ausgabe = "<img width='20' src='png/icons/user.png' /><b>".$_SESSION["user_nickname"]."</b> <a href='logout.php'><img title='logout' src='png/icons/user_red.png' width='20' /></a>";
}
echo $ausgabe;
?>
</ul>
</form>
</div>
</div>
<center>
<div id="con">
<div id="content">
<?php
if (isset ($_REQUEST["fehler"]))
{
echo "<p class='error'>Die Zugangsdaten waren ungültig.</p>";
}
?>
Alles anzeigen
Was muss ich ändern damit PHP und JS funktionieren??