Beiträge von mentle

    Hallo zusammen,

    folgender Code:

    PHP
    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 "

    PHP

    " 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?

    PHP
    $read_form_html .= '  </select>
      <button>Datensatz einlesen"</button>
    </form>
    <br> ';


    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?

    PHP
    echo $daten->bild[$zahl]->bildnr . "<br>";




    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.

    PHP
    print_r($daten)


    [size=10]

    PHP
    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:

    PHP
    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?


    PHP
    copy($_FILES["upfile"]["tmp_name"],$_FILES["upfile"]["name"]);		echo "<p>Datei wurde kopiert in " . $_FILES["upfile"]["name"] . "<br />"; echo "<a href=" . $_FILES['upfile']['name'] . "title='Hier klicken'>PDF Dokument lesen</a></p>";

    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

    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?!?

    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>

    JavaScript
    var titel = antwort.getElementsByTagName("bildtitel")[x];


    Damit ermittelst Du das HTML-Element, Du brauchst jedoch den inneren Text:

    JavaScript
    var titel = antwort.getElementsByTagName("bildtitel")[x].innerHTML;


    (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

    JavaScript
    var req = new XMLHttpRequest();


    Bin ratlos.....

    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>