3
Bild wird in NEUE html-Datei geladen - möchte es aber in der GLEICHEN html-Datei angezeigt bekommen
Hallo Administrator-Folks 
Vorabinfo:
Habe nicht so die Ahnung von JavaScript, habe mir aber was "zurechtgebastelt" bei dem ich nun leider nicht weiter komme. Ich habe meine html-Seite mal komplett zerflückt und nur das wesentliche drin gelassen Sieht evtl. bissel doppeltgemoppelt aus (ist es evtl. auch) aber die Bildinfos erscheinen an verschieden Stellen (in der eigentlichen html-Datei).
Was funktioniert:
Das ganze soll am Schluss eine Fotopräsentation (mit Zufallsfunktion) sein. Zusätzlich sieht man die aktuelle Bildnummer und die Gesamtbildanzahl, soweit klappt das auch.
Mein Problem:
1.) ICH MÖCHTE zu diversen Fotos (nicht allen) auch eine Info mit einblenden ("Geschossen am..., das war da und da...") Die Infos stehen in (z.Zt. in 99 kleinen js-Dateien) Textdateien.
In der folgenden html-Datei steht folgendes:
Wie kann ich " foto2.js " durch meine Variable " a1 " austauschen...
...ich hoffe das geht, wenn dann wäre mein Problem schon gelöst. Ich versuche die Zeile mit '+String(a1)+' irgendwie zu ergänzen, bekomme es aber leider nicht hin.
und als 2.)
Falls ich keine Fototextinfo hätte würde ich eine leere js-Datei generieren, ohne die js-Datei würde ich eine Script-Fehlermeldung bekommen... ...lässt sich das durch eine Fehlerabfrage vermeiden? Müsste sonst später (werden weit über 1000 Fotos irgendwann) 1000 js-Dateien haben und letztendlich habe ich bloß hmmm 500 in denen eine kurze Bildinfo drin steht.
Ich danke schon mal fürs anschauen
Grüß'le MarCus
Vorabinfo:
Habe nicht so die Ahnung von JavaScript, habe mir aber was "zurechtgebastelt" bei dem ich nun leider nicht weiter komme. Ich habe meine html-Seite mal komplett zerflückt und nur das wesentliche drin gelassen Sieht evtl. bissel doppeltgemoppelt aus (ist es evtl. auch)
aber die Bildinfos erscheinen an verschieden Stellen (in der eigentlichen html-Datei).Was funktioniert:
Das ganze soll am Schluss eine Fotopräsentation (mit Zufallsfunktion) sein. Zusätzlich sieht man die aktuelle Bildnummer und die Gesamtbildanzahl, soweit klappt das auch.
Mein Problem:
1.) ICH MÖCHTE zu diversen Fotos (nicht allen) auch eine Info mit einblenden ("Geschossen am..., das war da und da...") Die Infos stehen in (z.Zt. in 99 kleinen js-Dateien) Textdateien.
In der folgenden html-Datei steht folgendes:
<script src="artinfo/foto2.js"></script> Wie kann ich " foto2.js " durch meine Variable " a1 " austauschen...
...ich hoffe das geht, wenn dann wäre mein Problem schon gelöst. Ich versuche die Zeile mit '+String(a1)+' irgendwie zu ergänzen, bekomme es aber leider nicht hin.
und als 2.)
Falls ich keine Fototextinfo hätte würde ich eine leere js-Datei generieren, ohne die js-Datei würde ich eine Script-Fehlermeldung bekommen... ...lässt sich das durch eine Fehlerabfrage vermeiden? Müsste sonst später (werden weit über 1000 Fotos irgendwann) 1000 js-Dateien haben und letztendlich habe ich bloß hmmm 500 in denen eine kurze Bildinfo drin steht.
Ich danke schon mal fürs anschauen
Grüß'le MarCus
<html><head></head>
<body>
<script language="JavaScript1.2" type="text/javascript">
<!--
var bilderzahl=99
var a1=Math.ceil(Math.random()*bilderzahl);
//-->
</script>
<script src="artinfo/foto2.js"></script>
<script>
<!--
document.writeln(Quelle);
//-->
</script>
-
<script language="JavaScript1.2" type="text/javascript">
<!--
document.write('<font color="#808080" face="Arial" size="1">Bild '+String(a1)+' / '+String(bilderzahl));
//-->
</script>
<br>
<script language="JavaScript1.2" type="text/javascript">
<!--
var bilderzahl=774
var a1=Math.ceil(Math.random()*bilderzahl);
document.write('<img src="art/foto'+String(a1)+'.jpg">');
//-->
</script>
</body></html>
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 77585
Url: https://administrator.de/contentid/77585
Printed on: April 24, 2024 at 17:04 o'clock
3 Comments
Latest comment
Hallo, ich habe mich selbst geheilt 
ähm mir mich nun geholfen und nun funktioniert es
Fehler gefunden und ausradiert
Die foto2.js Datei enthält z.B.:
Nice Gruß
MarCus
ähm mir mich nun geholfen und nun funktioniert es Fehler gefunden und ausradiert
<html><head></head>
<body>
<script language="JavaScript1.2" type="text/javascript">
<!--
var bilderzahl=3
var a1=Math.ceil(Math.random()*bilderzahl);
//-->
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.writeln('<script src="artinfo/foto'+String(a1)+'.js"></script>');
// -->
</script>
-
<script language="JavaScript1.2" type="text/javascript">
<!--
document.write('<font color="#808080" face="Arial" size="1">Bild '+String(a1)+' / '+String(bilderzahl));
//-->
</script>
<br>
<script language="JavaScript1.2" type="text/javascript">
<!--
document.write('<img src="art/foto'+String(a1)+'.jpg">');
//-->
</script>
</body></html>Die foto2.js Datei enthält z.B.:
var text = 'Fotobilderklärung';
document.writeln(text);Nice Gruß
MarCus
Hallo JavaScript Helfers habe da mal eine weitere Frage
Habe mal das ganze drumherum weggelassen, sieht soweit vielleicht ein wenig wüst aus - aber es funktioniert soweit, bis auf:
Bild wird in NEUE html-Datei geladen - möchte es aber in der GLEICHEN html-Datei angezeigt bekommen.
Die Variablen a1 und pw bzw. pwort müsste man sicher auch irgendwie unter einen Hut bekommen,
aber das ist sicher nicht das Problem das die ursprüngliche html-Seite "verschwindet" und das Bild
nur für sich alleine zu sehen ist.
Bin nicht wirklich so der Profi, drum würde ich mich sehr über einen korrigierten JavaScript-Code freuen.
FreundlichFragenderGruß
von MarCus
Habe mal das ganze drumherum weggelassen, sieht soweit vielleicht ein wenig wüst aus - aber es funktioniert soweit, bis auf:
Bild wird in NEUE html-Datei geladen - möchte es aber in der GLEICHEN html-Datei angezeigt bekommen.
Die Variablen a1 und pw bzw. pwort müsste man sicher auch irgendwie unter einen Hut bekommen,
aber das ist sicher nicht das Problem das die ursprüngliche html-Seite "verschwindet" und das Bild
nur für sich alleine zu sehen ist.
Bin nicht wirklich so der Profi, drum würde ich mich sehr über einen korrigierten JavaScript-Code freuen.
FreundlichFragenderGruß
von MarCus
<html><head></head>
<body onload="document.pwort.pw.focus()">
<script language="JavaScript1.2" type="text/javascript">
<!-- beim neuladen wird zufaellig ein bild gewählt - bildnummer in a1 geschrieben
var bilderzahl=6
var a1=Math.ceil(Math.random()*bilderzahl);
//-->
</script>
<script language="JavaScript1.2" type="text/javascript">
<!-- hier wird nur ein bildkommentar aus einer externen js-datei geladen
document.writeln('<script src="artinfo/foto'+String(a1)+'.js"></script>');
//-->
</script>
-
<script language="JavaScript1.2" type="text/javascript">
<!-- infozeile ausgeben - bild a1 von bilderzahl
document.write('<font color="#808080" face="Arial" size="1">Bild '+String(a1)+' / '+String(bilderzahl));
//-->
</script>
<br>
<script language="JavaScript1.2" type="text/javascript">
<!-- bild nummer a1 wird geladen
document.write('<img src="art/foto'+String(a1)+'.jpg">');
//-->
</script>
<script language="JavaScript1.2" type="text/javascript">
<!-- ausgabemoeglichkeit einer bildnummer die HIER geladen werden soll
function passwort()
{
if(window.document.pwort.pw.value == "")
{
alert("Zahl zwischen 1 und 6");
return false;
}
document.forms.action="art/foto" + document.pwort.pw.value + ".jpg";
document.pwort.pw.value=""
return true
}
//-->
</script>
<br><br>
eingabemoeglichkeit einer bildnummer die HIER geladen werden soll
<FORM name="pwort" action="" onsubmit="return passwort()">
<INPUT NAME="pw" VALUE="" SIZE="3" MAXLENGTH="15">
</form>
</body></html>
Das sieht mal wirklich wüst aus ^^
Ähm... du weist schon das man per Javascript auch vorhandenen Quelltext "bearbeiten" kann !?
WARUM wird das Bild in einem neuem FENSTER geladen ? So hast du es geschrieben !Also, die Inhalte eines Formulares werden an eine zweite Datei (kann auch die selbe sein) weitergegeben, diese Datei wird im action-Atribut des <form>-Tags angegeben. Mit deinem Javascript, das vor dem "versenden" aufgerufen wird, änderst du die "Zieladresse" des Formulares auf das Bild und diese "Seite" wird dann nach dem Javascript aufgerufen und weil es sich um ein einfaches Bild handeld... wird es angezeigt.
Sicher wäre es besser wenn du das <img>-Tag um eine ID erweiterst (z.B.: anzeige), dann könntest du per die Quelle des anzuzeigenen Bildes ändern.
Sollte das ändern von src im <img>-Tag nicht funktionieren, guck mal hier: http://de.selfhtml.org/dhtml/beispiele/bilderbuch.htm
Sorry, habe die Nacht durch gegeackert und will eigendlich nur noch eins....
Hoffe ich konnte dennoch helfen.
Gruß Arano
Ähm... du weist schon das man per Javascript auch vorhandenen Quelltext "bearbeiten" kann !?
WARUM wird das Bild in einem neuem FENSTER geladen ? So hast du es geschrieben !
document.forms.action="art/foto" + document.pwort.pw.value + ".jpg"; Sicher wäre es besser wenn du das <img>-Tag um eine ID erweiterst (z.B.: anzeige), dann könntest du per
document.getElementById("anzeige").src = "ordner1/fotos_x.jpg"; Sollte das ändern von src im <img>-Tag nicht funktionieren, guck mal hier: http://de.selfhtml.org/dhtml/beispiele/bilderbuch.htm
Sorry, habe die Nacht durch gegeackert und will eigendlich nur noch eins....
Hoffe ich konnte dennoch helfen.
Gruß Arano
