Hallo,
Ich habe immer wieder Schwierigkeiten, wenn ich einen Code poste.
Ich nutze die BB Tags, aber meine Formatierung (Einrückung usw.) wird nicht übernommen.
Muss ich außer den BB Tags noch etwas berücksichtigen?
Grüße
Michael
Hallo,
Ich habe immer wieder Schwierigkeiten, wenn ich einen Code poste.
Ich nutze die BB Tags, aber meine Formatierung (Einrückung usw.) wird nicht übernommen.
Muss ich außer den BB Tags noch etwas berücksichtigen?
Grüße
Michael
Hallo zusammen,
folgender Code:
if (isset($_POST["filenumber"])){ echo "<b>" . $_POST["filename"] . "</b><br>"; echo $_POST["filenumber"] . "<br>"; $data = simplexml_load_file($_POST["filename"]); if(!file_exists($_POST["filename"])) echo "Datei konnte nicht gefunden werden"; if(!$data) exit("Datei konnte nicht geöffnet werden"); $data->bild[(int)$_POST["filenumber"]-1]->bildtitel = "Bildtitel"; file_put_contents($_POST["filename"], $data->XML()); $data->bild[(int)$_POST["filenumber"]-1]->laenge = "Lange"; file_put_contents($_POST["filename"], $data->XML()); $data->bild[(int)$_POST["filenumber"]-1]->breite = "Breite"; file_put_contents($_POST["filename"], $data->XML()); $data->bild[(int)$_POST["filenumber"]-1]->rahmen = "Rahmen"; file_put_contents($_POST["filename"], $data->XML()); $data->bild[(int)$_POST["filenumber"]-1]->preis = "Preis"; file_put_contents($_POST["filename"], $data->XML()); echo "Datensatz wurde geändert"; echo "<table class='ausgabe' style='border:1px black solid'>"; echo "<tr><td>Bildnummer</td><td>Bilttitel</td><td>Länge</td><td>Breite</td><td>Rahmen</td><td>Preis</td></tr>"; echo "<tr><td>" . $_POST["filenumber"] . "</td><td>" . $_POST["titel"] . "</td><td>" . $_POST["laenge"] . "</td><td>" . $_POST["breite"] . "</td><td>" . $_POST["rahmen"] . "</td><td>" . $_POST["preis"] . "</td></tr>"; echo "</table>";
}else echo "Datenübertragung fehlerhaft";
Die Seite wird ohne Fehlermeldung ausgeführt, aber die XML Datei wird nicht verändert.
Wo liegt mein Denkfehler?
Danke im Voraus und Grüße,
Michael
Hallo Wolf,
vielen Dank!
1)Achte auf Einrückung
Werde mich bemühen. Wie formatiere ich meinen Code beim Kopieren ins Forum so, dass meine Einrückungen beibehalten werden?
Die Tags "
" reichen offensichtlich nicht aus.
2)NIEMALS ungefilterte Daten speichern oder ausgeben!!!!
Was genau meinst du damit? Daten, die ich in einem Form gewinne oder Dateien, die ich hochlade? Welche Art der Filterung? z.B. Überprüfung auf Dateiformat / -größe???
3)Defaults setzen
Das?
Kannte ich noch nicht. Klasse! Danke.
3)Form-Submits nach Möglichkeit in buttons
Worin liegt der Unterschied von <input type="submit"> und <button></button>?
4)Inputs IMMER in labels (placeholder reichen nicht außer bei logins)
Schönheit der Arbeit / Industriestandard / oder aus welchem Grund. Bin ja offen für alles
5)Variablen sind englisch
ok
Danke für die Hilfe!
Michael
P.S.
Ein (int) vor $zahl war die Lösung!
Moin Kanufrosch,
vielen Dank schon mal.
1)Ja, weiß ich, ich kriege es aber nicht hin. Wie kopiere ich hier Code rein, so dass meine Formatierung beibehalten wird?
2)escapen? nie gehört, damit werde ich mich befassen, sobald dieses Problem gelöst ist
3)Was hast Du an diesem Code geändert, außer die unnötigen Hochkommata?
Aaaaalso:
In die If Anweisung springt er. Ich habe mal spaßeshalber folgende Zeile in die if Anweisung eingefügt, und die wird ausgeführt.
[size=10]
if (isset($daten)) { echo $daten->bild[$zahl]->bildnr . "<br>";
echo $daten->bild[$zahl]->bildtitel . "<br>";
echo $daten->bild[$zahl]->laenge . "<br>";
echo $daten->bild[$zahl]->breite . "<br>";
echo $daten->bild[$zahl]->rahmen . "<br>";
echo $daten->bild[$zahl]->preis . "<br>";
} else echo "Variable nicht vorhanden";
[size=10]
[size=10]
[size=10]Wenn ich mir vor dem ersten echo die var $zahl ausgeben lasse, funktioniert das auch.
[size=10]Und wenn ich $zahl durch z.B. [4] ersetze, wird der Datensatz 4 korrekt ausgegeben.
[size=10]Ich verstehe nicht, wo das Problem liegt, die Seite wird ohne Fehlermeldung, allerdings nicht korrekt ausgeführt.....
[size=10]
[size=10]Grüße,
[size=10]Michael
[size=10]
[size=10]
[size=10]
Hallo,
folgender Code:
echo "<form action='datenaendern.php' method='post'>";echo "<p>Datensatz ändern:</p>";echo "<p>Welchen Datensatz möchten Sie ändern?<br>";echo "Bitte wählen</p>";echo "<input type='hidden' name='dateiname' value='" . $datname . "'>";echo "<select name='datnummer'>";
for($i = 1; $i <= $anzahl; $i++) { echo "<option value='" . $i . "'>Datensatz Nr. " . $i . "</option>"; }
echo "</select>";echo "<input type='submit' value='Datensatz einlesen'>";echo "</form>";
if (isset($_POST["datnummer"])) { echo "<br>"; echo "<form action='datenaendern.php' method='post'>"; echo "<input type='text' name='nummer'><br>"; echo "<input type='text' name='titel'><br>"; echo "<input type='text' name='laenge'><br>"; echo "<input type='text' name='breite'><br>"; echo "<input type='text' name='preis'><br>"; echo "<br>"; echo "<input type='submit' value='Datensatz ändern'>"; echo "<br>"; echo "Folgender Datensatz soll ausgelesen werden<br>"; echo "Datei: " . $_POST["dateiname"] . "<br>"; echo $_POST["datnummer"] . "<br>"; if(!file_exists($_POST["dateiname"])) exit("Datei konnte nicht gefunden werden"); $datname = $_POST["dateiname"]; $daten = simplexml_load_file($datname); $zahl = $_POST["datnummer"]; if (isset($daten)) { echo $daten->bild['$zahl']->bildnr . "<br>"; echo $daten->bild['$zahl']->bildtitel . "<br>"; echo $daten->bild['$zahl']->laenge . "<br>"; echo $daten->bild['$zahl']->breite . "<br>"; echo $daten->bild['$zahl']->rahmen . "<br>"; echo $daten->bild['$zahl']->preis . "<br>"; } else echo "Variable nicht vorhanden";
}
Die Variable $zahl kommt aus einem Form mittels der Methode POST.
Warum aber wird mit der rot markierten Code-Zeile der Datensatz nicht aufgerufen?
Das einzelne Hochkommata (') habe ich auch schon weggelassen, funktioniert aber trotzdem nicht.
Die Seite als solches wird ausgeführt, nur die Datensätze werden nicht ausgegeben.
Irgendwelche Ideen?
Danke schon mal.....
Moin Gemeinde,
folgendes Problem:
Ich möchte auf meiner Seite vom Benutzer pdf files hochladen lassen.
Das upload Formular wurde mit HTML erstellt und funktioniert auch soweit, der upload selbst auch, die jeweilige Datei findet sich nach dem upload unter ihrem Originalnamen wieder auf meinem Server.
Unten stehenden Code mal seziert:
Zeile 1 legt die hochgeladene Datei unter ihrem Originalnamen auf den Server,
Zeile 2 gibt die Rückmeldung, dass selbiges passiert ist und gibt auch den korrekten Namen aus,
Das Problem existiert in
Zeile 3, die einen anklickbaren link erzeugen soll, so dass man sich das pdf direkt anschauen kann. Ich vermute, das Problem liegt bei den Hochkommata.
Es wird folgende Fehlermeldung vom Browser ausgegeben:
Not Found
The requested URL /DienstplanJuli2015.pdftitle='Hier was not found on this server.
Wo liegt mein Fehler??
Und warum wird mein code nicht korrekt formatiert, obwohl ich die jeweiligen Tags nutze?
Hallo Murphy,
vielen Dank für den Tip, werde ich sofort ausprobieren.
Danke
Das Bild soll nur etwas verblassen.
Also Bildbearbeitung bei einer PNG Datei wahrscheinlich die einfachste Lösung?!?
Dadurch, dass das Hintergrund über dem Body liegt, wird auch der gesamte Inhalt transparent, wenn ich für den Body einen Wert für opacity eingebe.
Will jedoch nur das Bild an sich transparent machen.
Hallo zusammen,
ich habe den <body> meiner Seite mit einem Hintergrundbild belegt.
Innerhalb des Body´s liegt logischerweise eine Navzeile, der Inhalt sowie ein footer.
Jetzt würde ich gerne das Hintergrundbild etwas transparenter gestalten, stoße aber auf Schwierigkeiten. Geht das überhaupt?
Oder muss ich die ganze Struktur der Seite umwerfen?
Grüße,
Michael
Ja, das ist der komplette Code...... kurz und prägnant
Nein, ohne Scherz, ist ja erst der Anfang, sozusagen in der Experimentierphase.
Fehlerbeschreibung:
Das Form wird geschrieben, ich kann auch ein PW eingeben und es wird gesendet. Wenn ich in der Adresszeile nachschaue, steht dann da
http://meineseite.de/index.php?pw=eingegebenes Passwort
Wenn ich das falsche PW eingebe, dann steht auf dem Schirm designgemäß "Zugriff verweigert"
Wenn ich das richtige PW eingebe hört das Programm einfach auf, es passiert gar nichts mehr.
Die Weiterleitung auf eine andere Seite funktioniert nicht.
Grüße,
Michael
Ich hatte es auch schon anders rum, das hat auch nicht funktioniert...
Na ja, jedenfalls funktioniert das hier nicht:
<?php
echo "<form id='password' action='index.php' method='get'>";
echo "<p>Bitte geben Sie das Passwort ein:</p>";
echo "<input type='text' name='pw' size='30'>";
echo "<input type='submit' value='Senden'>";
echo "</form>";
if (isset($_GET["pw"]))
{if ($_GET["pw"] != "xxxxxxx")
echo "Zugriff verweigert";
else if ($_GET["pw"] == "xxxxxxx")
header("Location: http://www.meineSeite.de/");
exit;
}
?>
Und ich habe keine Ahnung, warum?!?
weil der link für die Weiterleitung bei dieser Sache ja nur am Ende stehen kann, bei der Header-Funktion vorher aber nichts drinstehen darf?!?
Oder was verstehe ich da nicht?
Geil,.....entschuldige die Ausdrucksweise. Da hätte ich auch selbst drauf kommen können. Bin ich aber nicht
Danke!!!
Hallo Allerseits,
sorry erst mal, ich bin zu doof, die BB-Tags hier richtig einzusetzen. Wenn ich das tue, ist meine Formatierung weg. Deshalb den Code so:
Bin beim Experimentieren mal wieder auf ein Problem gestoßen.
Ich rufe die Thumbnails jetzt mit einer for-Schleife und document write auf und schreibe nicht mehr für jeden Thumb eine eigene CodeZeile.
Der Code funktioniert insoweit, als dass er die Thumbnails korrekt darstellt. Sobald ich die Zeile onclick='thumb(i);' einfüge, entsteht der Fehler: Die Thumbs werden zwar nach wie vor eingelesen, aber die Funktion thumb(i) wird nicht ausgeführt, das "große Bild" wird nicht ersetzt.
Habe ich einen Denkfehler? Kann ich nicht aus einer Scriptzeile auf eine Funktion verweisen?
Kann ich die Zeile document.getElementById("vorschau").src = "bilder/" + bildnummer + ".jpg"; aus der Funktion in das document.write schreiben? Habe ich aber auch schon probiert und führt auch nicht zum Erfolg.
Grüße,
Michael
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type"
content="text/html; charset=utf-8">
<title>Galerie</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
var laengeArray = ["30", "45", "60", "45", "35"];
var breiteArray = ["60", "45", "45", "60", "75"];
var rahmenArray = ["ja", "ja", "nein", "ja", "nein"];
var preisArray = ["xx", "xx", "xx", "xx", "xx"];
function thumb(bildnummer) {
document.getElementById("vorschau").src = "bilder/" + bildnummer + ".jpg";
document.getElementById("bildtitel").innerHTML = "Dies ist das " + bildnummer + ". Bild ";
document.getElementById("lang").innerHTML = "Länge: " + laengeArray[bildnummer-1] + " cm";
document.getElementById("breit").innerHTML = "Breite: " + breiteArray[bildnummer-1] + " cm";
document.getElementById("rahmen").innerHTML = "gerahmt: " + rahmenArray[bildnummer-1];
document.getElementById("preis").innerHTML = "Preis: " + preisArray[bildnummer-1] + " €";
return false;
}
</script>
</head>
<body>
<header>
<nav id="oberenav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">Über mich</a></li>
<li><a href="malerei.html">Chinesische Malerei</a></li>
<li><a href="#" id="malstile" onmouseover="mouseOver()" onmouseout="mouseOut()">Malstile</a>
<ul>
<li><a href="xieyi.html" onmouseover="mouseOver()" onmouseout="mouseOut()">XieYi</a></li>
<li><a href="gongbi.html" onmouseover="mouseOver()" onmouseout="mouseOut()">GongBi</a></li>
</ul>
</li>
<li><a href="#" id="galerie" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Galerie</a>
<ul>
<li><a href="aquarelle.html" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Aquarelle</a></li>
<li><a href="landschaft.html" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Landschaften</a></li>
<li><a href="tiere.html" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Tiermalerei</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
function mouseOver() {
document.getElementById("malstile").innerHTML = "";
}
function mouseOut() {
document.getElementById("malstile").innerHTML = "Malstile";
}
function mouseOver2() {
document.getElementById("galerie").innerHTML = "";
}
function mouseOut2() {
document.getElementById("galerie").innerHTML = "Galerie";
}
</script>
<div style="clear:both;"></div>
</nav>
<aside id="malerei2"><p></p></aside>
</header>
<nav id="thumbnav">
<div id="thumbnail">
<script type="text/javascript">
var i;
for (i = 1; i <= 24; i++)
document.write("<a href='#' onclick='thumb(i);'> <img src='bilder/thumbnails/" + i + "-thumb.jpg' width='320' height='240' alt='Bild1' title='Bild1'> </a>");
</script>
</div>
</nav><br>
<div id="bilderanzeige">
<div id="bildgross">
<a href="#" onclick="vollbild(); return false;">
<img src="bilder/1.jpg" alt="Bild1" title="Zum Vergrößern bitte anklicken" id="vorschau"></a>
</div>
<div id="sidebar">
<p id="bildtitel">Dies ist das 1. Bild</p>
<br>
<p id="lang">Länge:</p>
<p id="breit">Breite:</p>
<p id="rahmen">gerahmt:</p>
<p id="preis">Preis:</p>
</div>
<div style="clear:both;"></div>
</div>
<script>
function vollbild() {
var element = document.getElementById("vorschau");
if (element.requestFullScreen) {
if (!document.fullScreen) {
element.requestFullscreen();
} else {
document.exitFullScreen();
}
} else if (element.mozRequestFullScreen) {
if (!document.mozFullScreen) {
element.mozRequestFullScreen();
} else {
document.mozCancelFullScreen();
}
} else if (element.webkitRequestFullScreen) {
if (!document.webkitIsFullScreen) {
element.webkitRequestFullScreen();
} else {
document.webkitCancelFullScreen();
}
}
}
</script>
<footer>
<nav class="untenrechts">
<a href="galerie.html">zurück |</a>
<a href="kontakt.html">Kontakt |</a>
<a href="impressum.html">Impressum</a>
</nav>
</footer>
</body>
</html>
Moin,
für eine Passwortabfrage brauche ich einen code, der nach richtiger Eingabe auf eine neue Seite verweist. Die Header Funktion ist dafür wohl nicht tauglich.
Wie kann ich das schreiben?
Grüße,
Michael
Damit ermittelst Du das HTML-Element, Du brauchst jedoch den inneren Text:
(Bei den anderen Parametern analog.)
Wenn Du dich weiter mit Javascript befassen willst, solltest Du dich mit dem Debugger deines Browsers vertraut machen, damit findet mal solche Fehler relativ leicht.
Hallo nochmals, vielen Dank für die Hilfe.
Ich habe die XML Datei mittlerweile auf einen Server gelegt und siehe da, das war des Rätsels Lösung. Jetzt funktioniert es. Allerdings nur mit Safari und Firefox.
Der IE11 bringt mir die Meldung "undefined".
Laut Buch und Internet versteht doch aber IE11
Bin ratlos.....
Danke schon mal.
Wie nutze ich den Debugger?
Leider war das mit .innerHTML nicht die Lösung.
Es produziert das selbe Ergebnis.
kein Problem.....
<?xml version="1.0" encoding="UTF-8"?>
<galerie>
<bild>
<bildnr>0</bildnr>
<bildtitel>Ruderboot am Ufer</bildtitel>
<laenge></laenge>
<breite></breite>
<rahmen></rahmen>
<preis></preis>
</bild>
<bild>
<bildnr>1</bildnr>
<bildtitel>Löwe</bildtitel>
<laenge>30</laenge>
<breite>45</breite>
<rahmen>ja</rahmen>
<preis>79</preis>
</bild>
<bild>
<bildnr>2</bildnr>
<bildtitel>Löwe</bildtitel>
<laenge>45</laenge>
<breite>45</breite>
<rahmen>ja</rahmen>
<preis>69</preis>
</bild>
<bild>
<bildnr>3</bildnr>
<bildtitel>Bergmassiv</bildtitel>
<laenge>60</laenge>
<breite>40</breite>
<rahmen>nein</rahmen>
<preis>89</preis>
</bild>
<bild>
<bildnr>4</bildnr>
<bildtitel>Blumen</bildtitel>
<laenge>55</laenge>
<breite>45</breite>
<rahmen>ja</rahmen>
<preis>49</preis>
</bild>
<bild>
<bildnr>5</bildnr>
<bildtitel>Bambus</bildtitel>
<laenge>50</laenge>
<breite>45</breite>
<rahmen>ja</rahmen>
<preis>59</preis>
</bild>
</galerie>
Und hier der komplette Code der Bildergalerie:
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type"
content="text/html; charset=utf-8">
<title>Galerie</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
function fehlerbehandlung(fehler, datei, zeile)
{
alert("Fehler: " + fehler + "\nDatei: " + datei + "\nZeile: " + zeile);
}
</script>
<script type="text/javascript">
function thumb(x)
{
document.getElementById("vorschau").src = "bilder/" + x + ".jpg";
var req = new XMLHttpRequest();
req.open("get", "bilderdatenbank.xml", true);
req.onreadystatechange = function(e) { ausgeben(e, x); };
req.send();
return false;
}
</script>
<script type="text/javascript">
function ausgeben(e, x)
{
if(e.target.readyState == 4 && e.target.status == 200)
{
var antwort = e.target.responseXML;
var nummer = antwort.getElementsByTagName("bildnr")[x];
var titel = antwort.getElementsByTagName("bildtitel")[x];
var laenge = antwort.getElementsByTagName("laenge")[x];
var breite = antwort.getElementsByTagName("breite")[x];
var frame = antwort.getElementsByTagName("rahmen")[x];
var price = antwort.getElementsByTagName("preis")[x];
document.getElementById("bildtitel").firstChild.nodeValue = titel;
document.getElementById("lang").firstChild.nodeValue = "Länge: " + laenge;
document.getElementById("breit").firstChild.nodeValue = "Breite: " + breite;
document.getElementById("rahmen").firstChild.nodeValue = "gerahmt: " + frame;
document.getElementById("preis").firstChild.nodeValue = "Preis: " + price + "€";
document.getElementById("bildnr").firstChild.nodeValue = x;
}
}
</script>
</head>
<body>
<header>
<nav id="oberenav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">Über mich</a></li>
<li><a href="malerei.html">Chinesische Malerei</a></li>
<li><a href="#" id="malstile" onmouseover="mouseOver()" onmouseout="mouseOut()">Malstile</a>
<ul>
<li><a href="xieyi.html" onmouseover="mouseOver()" onmouseout="mouseOut()">XieYi</a></li>
<li><a href="gongbi.html" onmouseover="mouseOver()" onmouseout="mouseOut()">GongBi</a></li>
</ul>
</li>
<li><a href="index.html" id="galerie" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Galerie</a>
<ul>
<li><a href="aquarelle.html" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Aquarelle</a></li>
<li><a href="landschaft.html" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Landschaften</a></li>
<li><a href="tiere.html" onmouseover="mouseOver2()" onmouseout="mouseOut2()">Tiermalerei</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
function mouseOver() {
document.getElementById("malstile").innerHTML = "";
}
function mouseOut() {
document.getElementById("malstile").innerHTML = "Malstile";
}
function mouseOver2() {
document.getElementById("galerie").innerHTML = "";
}
function mouseOut2() {
document.getElementById("galerie").innerHTML = "Galerie";
}
</script>
<div style="clear:both;"></div>
</nav>
<aside id="malerei2"><p></p></aside>
</header>
<nav id="thumbnav">
<div id="thumbnail">
<a href="#" onclick="thumb(1);">
<img src="bilder/thumbnails/1-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a>
<a href="#" onclick="thumb(2);">
<img src="bilder/thumbnails/2-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(3);">
<img src="bilder/thumbnails/3-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(4);">
<img src="bilder/thumbnails/4-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(5);">
<img src="bilder/thumbnails/5-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(6);">
<img src="bilder/thumbnails/6-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a>
<a href="#" onclick="thumb(7);">
<img src="bilder/thumbnails/7-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(8);">
<img src="bilder/thumbnails/8-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(9);">
<img src="bilder/thumbnails/9-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(10);">
<img src="bilder/thumbnails/10-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(11);">
<img src="bilder/thumbnails/11-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a>
<a href="#" onclick="thumb(12);">
<img src="bilder/thumbnails/12-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(13);">
<img src="bilder/thumbnails/13-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(14);">
<img src="bilder/thumbnails/14-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(15);">
<img src="bilder/thumbnails/15-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(16);">
<img src="bilder/thumbnails/16-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a>
<a href="#" onclick="thumb(17);">
<img src="bilder/thumbnails/17-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(18);">
<img src="bilder/thumbnails/18-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(19);">
<img src="bilder/thumbnails/19-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(20);">
<img src="bilder/thumbnails/20-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(21);">
<img src="bilder/thumbnails/21-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a>
<a href="#" onclick="thumb(22);">
<img src="bilder/thumbnails/22-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(23);">
<img src="bilder/thumbnails/23-thumb.jpg" width="320" height="240" alt="Bild1"></a>
<a href="#" onclick="thumb(24);">
<img src="bilder/thumbnails/24-thumb.jpg" width="320" height="240" alt="Bild1"></a>
</div>
</nav><br>
<div id="bilderanzeige">
<div id="bildgross">
<a href="#" onclick="vollbild(); return false;">
<img src="bilder/1.jpg" alt="Bild1" title="Zum Vergrößern bitte anklicken" id="vorschau"></a>
</div>
<div id="sidebar">
<p id="bildtitel">Ruderboot am Steg</p>
<br>
<p id="lang">Länge: 30 cm</p>
<p id="breit">Breite: 60 cm</p>
<p id="rahmen">gerahmt: ja</p>
<p id="preis">Preis: 69 €</p>
<p id="bildnr">Bildnummer: 0</p>
</div>
<div style="clear:both;"></div>
</div>
<script>
function vollbild()
{
var element = document.getElementById("vorschau");
if (element.requestFullScreen) {
if (!document.fullScreen) {
element.requestFullscreen();
} else {
document.exitFullScreen();
}
} else if (element.mozRequestFullScreen) {
if (!document.mozFullScreen) {
element.mozRequestFullScreen();
} else {
document.mozCancelFullScreen();
}
} else if (element.webkitRequestFullScreen) {
if (!document.webkitIsFullScreen) {
element.webkitRequestFullScreen();
} else {
document.webkitCancelFullScreen();
}
}
}
</script>
<footer>
<nav class="untenrechts">
<a href="#" onclick="window.history.back(); return false;">zurück |</a>
<a href="kontakt.html">Kontakt |</a>
<a href="impressum.html">Impressum</a>
</nav>
</footer>
</body>
</html>
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.