Ik heb een html-pagina gemaakt waarop een 20-tal screenshots kunnen worden doorlopen. Het zijn screenshots van een installatie.
Het ziet er dus zo uit:
|--------------------------|
|--------------------------|
|------screenshot---------|
|--------------------------|
|--------------------------|
..uitleg.......................
............................next
............................back
Hier is mijn relevante code. HTML file:
en mijn XML- file:
Nu heb ik dus een data-element wat ik wel wil kunnen aanpassen. Ik wil natuurlijk wel de acties onder elkaar zetten, en niet in een lange regel verpakken. Ik zie verder geen mogelijkheid om het in meerdere elementen te verpakken, omdat de uitleg elke keer anders is.
Ik kan wel de xml-file met css-combineren zodat ik een mooie xml-representatie heb, maar als ik vervolgens de xml-data in mijn html-pagina wil gebruiken, dan wordt het css-formaat niet meegenomen.
Hoe kan ik nu in xml de data in mijn element aanpassen voor gebruik in mijn html pagina?
Of is er een betere manier om mijn uitleg weer te geven?
bvd.
Het ziet er dus zo uit:
|--------------------------|
|--------------------------|
|------screenshot---------|
|--------------------------|
|--------------------------|
..uitleg.......................
............................next
............................back
Hier is mijn relevante code. HTML file:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| var img = 1;
function imgNext()
{
img++; //updaten van image
document.all.pic.outerHTML = "<img id=pic src=../img/screenshots/" + img
+ ".jpg></img>";
uitleg.recordset.MoveNext(); //updaten van uitleg
}
function imgPrev()
{
img--;
document.all.pic.outerHTML = "<img id=pic src=../img/screenshots/" + img
+ ".jpg></img>";
uitleg.recordset.MovePrevious(); //updaten van uitleg
}
</script>
<BODY><xml id="uitleg" src="../uitlegScreenshots.xml"></xml>
[img]"../img/screenshots/1.jpg">
<span[/img] </span>
<div style="position:absolute; left:468; top:420; font-size:13;
font-family:garamond" onclick="imgPrev()"> BACK </div>
<div style="position:absolute; left:445; top:440; font-size:13;
font-family:garamond" onclick="imgNext()"> VOLGENDE </div> |
en mijn XML- file:
code:
1
2
3
4
5
6
7
8
| <uitleg>
<screenshot>
<txt>
>> Selecteer upgrade en verander het in: New server
>> Verander (indien gewenst) de directory
</txt>
</screenshot>
</uitleg> |
Nu heb ik dus een data-element wat ik wel wil kunnen aanpassen. Ik wil natuurlijk wel de acties onder elkaar zetten, en niet in een lange regel verpakken. Ik zie verder geen mogelijkheid om het in meerdere elementen te verpakken, omdat de uitleg elke keer anders is.
Ik kan wel de xml-file met css-combineren zodat ik een mooie xml-representatie heb, maar als ik vervolgens de xml-data in mijn html-pagina wil gebruiken, dan wordt het css-formaat niet meegenomen.
Hoe kan ik nu in xml de data in mijn element aanpassen voor gebruik in mijn html pagina?
Of is er een betere manier om mijn uitleg weer te geven?
bvd.
[ Voor 10% gewijzigd door CaptBiele op 26-11-2002 15:09 ]