[XML/CSS] data-elementen opmaken

Pagina: 1
Acties:

  • CaptBiele
  • Registratie: Juni 2002
  • Laatst online: 13-06 11:32

CaptBiele

No Worries!

Topicstarter
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:
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 ]


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Het lijkt * r0bert zowiezo niet verstandig om >> te gebruiken in je XML... Beter is > ('greater than' entity ofzo geloof ik :?)

[edit ]
Het element 'slideNr' bestaat zowiezo niet.. Dus je krijgt een JS error bij
JavaScript:
1
slideNr.innerText = img;
Wat je zowiezo denk ik even moet veranderen in
JavaScript:
1
document.all.slideNr.innerText
als je graag op die manier met document.all wilt werken....
en dus even het element 'slideNr' toevoegen..

* r0bert snapt verder niet zoveel van het bestand en geeft 't op :(

[ Voor 71% gewijzigd door r0bert op 26-11-2002 15:06 ]


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

r0bert schreef op 26 November 2002 @ 14:57:
Het lijkt * r0bert zowiezo niet verstandig om >> te gebruiken in je XML... Beter is > ('greater than' entity ofzo geloof ik :?)


Sterker nog.. dit moet anders wordt het een zooitje.. tenzij hij het txt-veld als CDATA gedefinieerd heeft..

Maar die informatie ontbreekt in zijn post..

  • CaptBiele
  • Registratie: Juni 2002
  • Laatst online: 13-06 11:32

CaptBiele

No Worries!

Topicstarter
ok, dat is idd wel slimmer om &gt te gebruiken.
Wat betreft dat slideNr, mijn excuses, die code moest ik er nog uithalen... Dat was om te laten zien welke slide er nu zichtbaar was.

maar als je het voorbeeld niet begrijpt, kun je dan wel misschien de algemenere vraag beantwoorden:
Hoe kan ik nu in xml de data in mijn element aanpassen voor gebruik in mijn html pagina?

  • CaptBiele
  • Registratie: Juni 2002
  • Laatst online: 13-06 11:32

CaptBiele

No Worries!

Topicstarter
Bosmonster schreef op 26 november 2002 @ 15:10:

[...]


Sterker nog.. dit moet anders wordt het een zooitje.. tenzij hij het txt-veld als CDATA gedefinieerd heeft..

Maar die informatie ontbreekt in zijn post..
tja, sorry. Ben nog een noob op gebied van XML. Maar alles werk in principe wel, ik wil alleen de text anders weergeven. Dus het gaat nu denk ik niet om het xml-gedeelte, maar om css (html) gedeelte.
(wellicht kan je me aangeven wat ik precies fout doe.)

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

heb je deze tutorial als eens doorgenomen?

http://www.w3schools.com/xml/default.asp

Daar staat veel in, o.a. over dat xml databinding gedoe wat je probeert :)

Zie specifiek:

http://www.w3schools.com/xml/xml_data_island.asp

[ Voor 18% gewijzigd door Bosmonster op 26-11-2002 15:18 ]


  • CaptBiele
  • Registratie: Juni 2002
  • Laatst online: 13-06 11:32

CaptBiele

No Worries!

Topicstarter
hehe die heb ik allebei doorgenomen. En dat zijn ook de enige btw :)

maar daar kon IK dus nix in vinden over mijn specifiek probleem.
Pagina: 1