Hallo allen,
Ik zit met een probleem binnen Java script.
De bedoeling is om via een 'onmouseover' statement binnen een kolom met iconen een script te activeren dat:
- de grote foto van het betreffende icoon projecteert. Dat deel lukt wel, mits ik de laatste regel van 'function (ShowLargeFoto(ChangeToFoto)' en de gehele 'function getText(tekstfile)' weglaat.
Om de bijbehorende tekst weer te geven in een <textarea name="fileContents"> lukt mij niet.
Het stukje script dat ik daartoe wil gebruiken voorkomt dat de fotowisseling plaatsvindt.
Wie weet hier een oplossing voor?
Code tot dusver:
Ik zit met een probleem binnen Java script.
De bedoeling is om via een 'onmouseover' statement binnen een kolom met iconen een script te activeren dat:
- de grote foto van het betreffende icoon projecteert. Dat deel lukt wel, mits ik de laatste regel van 'function (ShowLargeFoto(ChangeToFoto)' en de gehele 'function getText(tekstfile)' weglaat.
Om de bijbehorende tekst weer te geven in een <textarea name="fileContents"> lukt mij niet.
Het stukje script dat ik daartoe wil gebruiken voorkomt dat de fotowisseling plaatsvindt.
Wie weet hier een oplossing voor?
Code tot dusver:
Code:
<script>
var foto0 = new Image();
var foto1 = new Image();
foto0.src = "images/foto0.jpg";
foto1.src = "images/foto1.jpg";
var tekst = "images/foto";
var tekstfile = tekst + "0.txt";
function ShowLargeFoto(ChangeToFoto) {
eval("document['fotos'].src = foto" + ChangeToFoto + ".src");
tekstfile = tekst + ChangeToFoto + ".txt";
document.getElementByName(fileContents).innerHTML = getText(tekstfile);
function getText(tekstfile) {
File file = new File();
BufferedReader reader = null;
try {
reader = new BufferedReader(new FileReader(tekstfile));
String text = null;
String savetext=null;
while ((text = reader.readLine()) != null) {
savetext += text;
}
return(savetext);
}
}
</script>
HTML:
<body>
<div style="position: absolute; top: 0px; left: 9px; width: 162px; height: 860px; z-index: 2">
<a onmouseover="ShowLargeFoto('0')" href="#"><img align="center" src="images/foto0_small.jpg" width=75 height=100></a><br>Foto0<br><br>
<a onmouseover="ShowLargeFoto('1')" href="#"><img align="center" src="images/foto1_small.jpg" width=75 height=100></a><br>Foto1<br><br>
</div>
<div class="center" style="position: absolute; left: 500px; width: 800px; top:6px; height:740px">
<img border="1" src="images/foto0.jpg" name=fotos width="auto" height="630">
</div>
<div style="position: absolute; left: 1450px; width: 400px; top:16px; height:740px; border: solid yellow 4px;">
<textarea name="fileContents" cols="47" rows="48"></textarea>
</div>
</body>