Nafets-2014
New member
Hallo,
zur Anzeige von Bildern nutze ich folgenden Code:
Jetzt möchte ich, dass das Eingabefeld geleert wird, was mir durch das Einfügen von
,
an der folgenden Position auch gelingt:
Dabei soll aber über dem Bild der vorher eingegebene Wert (zentriert) erscheinen, was ich wie folgt lösen wollte:
Aber das funktioniert nicht. Auch document.write funktioniert nicht. Egal welche Variable ich auch heranziehe, der Erfolg ist immer Null. Auch wenn ich die Zeile zur Löschung des Eingabewertes im Formularfeld weglasse, gibt es kein anderes Ergebnis. Was mache ich falsch? Danke für eine hilfreiche Lösung, wie ich den Code ändern muss.
Viele Grüße
Stefan
zur Anzeige von Bildern nutze ich folgenden Code:
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Artikelbilder Ersatzteile - Intern</title>
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-top:10px;padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4}
div#footer{background: #333;color: #FFF}
div#footer p{text-align:center;margin:0;padding:5px 10px}
div#wrapper{float:left;width:100%}
div#content{clear:left;width:100%}
div#footer{clear:left;width:100%}
#Eingabe_Artikel { background-color: #9c6; font-size:1.6em; font-weight: bold; text-align:center; }
</style>
<script type="text/javascript">
window.onload = function () {
document.getElementById('Eingabe_Artikel').focus();
{
var img = document.getElementById('id-im');
var a = document.getElementById('id-a');
img.onerror = function () {
alert("Für Artikel " + this.src.replace(/^.*\/|\.[^.]+$/g, "") + " ist noch kein Bild vorhanden.");
}
document.getElementById('formular').onsubmit = function (e) {
e = e || window.event;
if (e.preventDefault) e.preventDefault();
if (e.returnValue) e.returnValue = false;
imgurl = (this.Eingabefeld.value.replace('.', '_') + '.jpg');
img.src = ('Artikelbilder/' + imgurl);
a.href = ('Artikelbilder/Artikelbilder_gross/' + imgurl);
return false;
}
}
}
</script>
<!-- Verlinkung für Lightbox - Anfang -->
<script src="Artikelbilder/lightbox/js/jquery-1.11.0.min.js"></script>
<script src="Artikelbilder/lightbox/js/lightbox.min.js"></script>
<link href="Artikelbilder/lightbox/css/lightbox.css" rel="stylesheet" />
<!-- Verlinkung für Lightbox - Ende -->
</head>
<body>
<div id="container">
<div id="header"><h1><img src="Artikelbilder/logo.gif" alt="logo" width="215" height="71"></h1></div>
<div id="wrapper">
<div id="content">
<p></p>
<div style="text-align:center;">
<form id="formular">
<p><b>Artikelnummer:</b> <input name="Eingabefeld" id="Eingabe_Artikel" type="text" size="24" maxlength="20" />
<input type="submit" value="Bild anzeigen" /></p>
<p> </p>
</form>
<!-- Lightbox dynamisch - Anfang -->
<a href="/Artikelbilder/" id="id-a" data-lightbox="image-1"> <img src="/Artikelbilder/" id="id-im"></a>
<!-- Lightbox dynamisch Bildanzeige- Ende -->
</div>
</div>
</div>
<div id="footer"><p>Testversion</p></div>
</div>
</body>
</html>Jetzt möchte ich, dass das Eingabefeld geleert wird, was mir durch das Einfügen von
Code:
this.Eingabefeld.value="";´an der folgenden Position auch gelingt:
Code:
....
a.href = ('Artikelbilder/Artikelbilder_gross/' + imgurl);
this.Eingabefeld.value="";
return false;
....Dabei soll aber über dem Bild der vorher eingegebene Wert (zentriert) erscheinen, was ich wie folgt lösen wollte:
Code:
....
<p id="Eingabe_Artikel"> </p>
<!-- Lightbox dynamisch - Anfang -->
<a href="/Artikelbilder/" id="id-a" data-lightbox="image-2"> <img src="/Artikelbilder/" id="id-im"></a>
<!-- Lightbox dynamisch Bildanzeige- Ende -->
.....Aber das funktioniert nicht. Auch document.write funktioniert nicht. Egal welche Variable ich auch heranziehe, der Erfolg ist immer Null. Auch wenn ich die Zeile zur Löschung des Eingabewertes im Formularfeld weglasse, gibt es kein anderes Ergebnis. Was mache ich falsch? Danke für eine hilfreiche Lösung, wie ich den Code ändern muss.
Viele Grüße
Stefan
