liebe leser,
ich habe ein kleines content management system mit php geschrieben. nun bin ich fast fertig, doch essentielles funktioniert nicht.
es sollen bilder und texte über eine seite hochgeladen werden und auf einer anderen seite dargestellt. hochladen und speichern auf dem server von bild und text geht einwandfrei.
es liegen dort: bilder in einem ordner und eine liste (bildliste.txt), in der bildnamen und texte stecken.
das problem: die bilder werden nicht dargestellt. es soll immer ein bild zu sehen sein und drunter pfeile, um das nächste/vorige herzuholen. diesen teil habe ich mit javascript geschrieben.
hier zuerst die bildliste, die als textdatei auf dem server liegt:
bild[0]=new Image();bild[0].src="pics/test.jpg";text[0]="ttt";text2[0]="ttt";text3[0]="ttt";
bild[1]=new Image();bild[1].src="pics/tester.jpg";text[1]="rrr";text2[1]="rrr";text3[1]="rrr";
bild[2]=new Image();bild[2].src="pics/testerer.jpg";text[2]="rrr";text2[2]="rrr";text3[2]="rrr";
und hier der code, grob vereinfacht, der die bilder/texte einspeist:
<script type="text/javascript">
var bild = new Array();
var text = new Array();
<?php include("bildliste.txt"); ?>
var anzBil = (bild.length);
function beginn() {
i = 0;
document.getElementById("bild").src=bild[0].src;
document.getElementById("text").appendChild(document.createTextNode(text[0]));}
document.getElementById("text2").appendChild(document.createTextNode(text[0]));}
document.getElementById("text3").appendChild(document.createTextNode(text[0]));}
function weiter() {
i=i+1;
if(i==anzBil){i=0;}
var toxt = document.createTextNode(text);
document.getElementById("bild").src=bild.src;
document.getElementById("text").replaceChild(toxt, document.getElementById("text").firstChild);
document.getElementById("text2").replaceChild(toxt, document.getElementById("text2").firstChild);
document.getElementById("text3").replaceChild(toxt, document.getElementById("text3").firstChild);
}
function zuruck() {
i=i-1;
if(i==-1){i=anzBil-1;}
var toxt = document.createTextNode(text);
document.getElementById("bild").src=bild.src;
document.getElementById("text").replaceChild(toxt, document.getElementById("text").firstChild);
document.getElementById("text2").replaceChild(toxt, document.getElementById("text2").firstChild);
document.getElementById("text3").replaceChild(toxt, document.getElementById("text3").firstChild);
}
</script>
...
<div id="text"></div>
<div id="text2"></div>
<div id="text3"></div>
<div align=center style="">
<img id="bild" src="pics/tester.jpg" style="border:solid 1px #cccccc;height:456px;"></img>
<br>
<a href="#" onclick="zuruck()"><</a>
<a href="#" onclick="weiter()">></a>
</div>
das wars!!
bitte nehmt es mir nicht krumm, wenn ich eventuell nicht alles korrekt erklärt habe.
ich bin neu hier und mit dem formellen noch nicht so vertraut.
bei fragen: bitte fragen
ich habe wirklich lange rumgemacht und den viel komplexeren teil geschafft. es ist mir wirklich unerklärlich wo das problem liegt. wäre klasse, wenn mir jemand auf die sprünge helfen könnte.
ich erwarte keine komplettlösung, aber vielleicht einen hinweis??
ich danke schonmal sehr für tipps.
beste grüße, paul.
ich habe ein kleines content management system mit php geschrieben. nun bin ich fast fertig, doch essentielles funktioniert nicht.
es sollen bilder und texte über eine seite hochgeladen werden und auf einer anderen seite dargestellt. hochladen und speichern auf dem server von bild und text geht einwandfrei.
es liegen dort: bilder in einem ordner und eine liste (bildliste.txt), in der bildnamen und texte stecken.
das problem: die bilder werden nicht dargestellt. es soll immer ein bild zu sehen sein und drunter pfeile, um das nächste/vorige herzuholen. diesen teil habe ich mit javascript geschrieben.
hier zuerst die bildliste, die als textdatei auf dem server liegt:
bild[0]=new Image();bild[0].src="pics/test.jpg";text[0]="ttt";text2[0]="ttt";text3[0]="ttt";
bild[1]=new Image();bild[1].src="pics/tester.jpg";text[1]="rrr";text2[1]="rrr";text3[1]="rrr";
bild[2]=new Image();bild[2].src="pics/testerer.jpg";text[2]="rrr";text2[2]="rrr";text3[2]="rrr";
und hier der code, grob vereinfacht, der die bilder/texte einspeist:
<script type="text/javascript">
var bild = new Array();
var text = new Array();
<?php include("bildliste.txt"); ?>
var anzBil = (bild.length);
function beginn() {
i = 0;
document.getElementById("bild").src=bild[0].src;
document.getElementById("text").appendChild(document.createTextNode(text[0]));}
document.getElementById("text2").appendChild(document.createTextNode(text[0]));}
document.getElementById("text3").appendChild(document.createTextNode(text[0]));}
function weiter() {
i=i+1;
if(i==anzBil){i=0;}
var toxt = document.createTextNode(text);
document.getElementById("bild").src=bild.src;
document.getElementById("text").replaceChild(toxt, document.getElementById("text").firstChild);
document.getElementById("text2").replaceChild(toxt, document.getElementById("text2").firstChild);
document.getElementById("text3").replaceChild(toxt, document.getElementById("text3").firstChild);
}
function zuruck() {
i=i-1;
if(i==-1){i=anzBil-1;}
var toxt = document.createTextNode(text);
document.getElementById("bild").src=bild.src;
document.getElementById("text").replaceChild(toxt, document.getElementById("text").firstChild);
document.getElementById("text2").replaceChild(toxt, document.getElementById("text2").firstChild);
document.getElementById("text3").replaceChild(toxt, document.getElementById("text3").firstChild);
}
</script>
...
<div id="text"></div>
<div id="text2"></div>
<div id="text3"></div>
<div align=center style="">
<img id="bild" src="pics/tester.jpg" style="border:solid 1px #cccccc;height:456px;"></img>
<br>
<a href="#" onclick="zuruck()"><</a>
<a href="#" onclick="weiter()">></a>
</div>
das wars!!
bitte nehmt es mir nicht krumm, wenn ich eventuell nicht alles korrekt erklärt habe.
ich bin neu hier und mit dem formellen noch nicht so vertraut.
bei fragen: bitte fragen
ich habe wirklich lange rumgemacht und den viel komplexeren teil geschafft. es ist mir wirklich unerklärlich wo das problem liegt. wäre klasse, wenn mir jemand auf die sprünge helfen könnte.
ich erwarte keine komplettlösung, aber vielleicht einen hinweis??
ich danke schonmal sehr für tipps.
beste grüße, paul.