Jag har ett fönster med diverse bilder som ska presenteras som bildspel genom att öppna ett nytt fönster genom en knapp.Bildspelsfönstret ska hämta variablerna från huvudfönstret.
I HTML-filen finns följande koder (ett utdrag).
<div class="outerBox">
<label><input type="checkbox" align="middle"><img src="pics/flowers/f1.jpg" alt="Bild 1" class="unmarkedImg"></label>
<div class="innerBox">
<label>Bildtext: <input type="text" value="Gul blomma"></label>
</div>
</div>
I js-filen har jag klarat att öppna filen, och plocka fram och visa bilderna, men alt-texterna följer inte med, eftersom jag inte vet hur jag ska hämta in attributet "value".
function slideShowBtn() {
var innerBox, outerBox, i, checkBox, imgTagSrc, textTagAlt;
innerBox = document.getElementsByClassName("innerBox");
outerBox = document.getElementsByClassName ("outerBox");
imgUrlList.length = 0;
imgTextList.length = 0;
for (i=0; i<outerBox.length; i++) {
checkBox = outerBox[i].getElementsByTagName("input")[0];
if(checkBox.getAttribute("type") == 'checkbox' && checkBox.checked){
imgTagSrc = outerBox[i].getElementsByTagName("img")[0].src;
imgUrlList.push(imgTagSrc);
textTagAlt = innerBox[i].getElementsByTagName("label")[0].alt;
imgTextList.push(textTagAlt);
}
}
newWindow(700,600,"slideshow.htm");
}
// Plus koder för 'nytt fönster'.
imgUrlList och imgTextList blir globala variabler som ska hämtas från den öppnade fönstret.
Det är textTagAlt som jag just nu har problem med. Hur hämtar jag hem bildtexten till koden? HTML-filen får inte ändras.