[xml/xsl/css] Samen gebruiken ? Maar css werkt niet mee - Softwareontwikkeling

donderdag 15 mei 2003 17:15

Acties:

Topicstarter

Ik snap het niet meer zo goed.. Ik heb gewoon een XML bestandje, dat wil ik transformen dmv xsl.. prima, maar vervolgens wil ik mijn elementen stijl geven door middel van CSS. Dat laatste wil dus niet. Mijn vraag is dus hoe ik een CSS-bestand moet koppelen aan een XML-XSL transformatie (hoe moet je dat noemen). Of is het misschien een dom idee om deze 3 samen te nemen ?

Het gaat dus op een extern css bestandje.. de bestanden zoals ik ze nu heb

xml:

HTML:

<dataRoot>
    <veld1 value="v4">
        <veld2 value="ma">
            <veld3 value="1" />
            <veld3 value="2" />
            <veld3 value="3" />
        </veld2>
        <veld2 value="di">
            <veld3 value="2" />
            <veld3 value="3" />
            <veld3 value="5" />
        </veld2>
        <veld2 value="wo">
            <veld3 value="4" />
            <veld3 value="5" />
        </veld2>
    </veld1>
</dataRoot>

xsl:

HTML:

<?xml version="1.0"?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

<link rel="stylesheet" type="text/css" href="./css.css" />

<xsl:template match="/">
    <xsl:apply-templates select="//veld1" />
</xsl:template>

<xsl:template match="veld1">
    <div class="stlVeld1">
        <xsl:value-of select="@value" />
        
        <xsl:for-each match="veld2">
        
            <div class="stlVeld2">
                <xsl:value-of select="@value" />
                
                <xsl:for-each match="veld3">
                
                    <div class="stlVeld3">
                        <xsl:value-of select="@value" />
                    </div>
                    
                </xsl:for-each>
            </div>
            
        </xsl:for-each>
    </div>
</xsl:template>

</xsl:stylesheet>

CSS:

HTML:

div
{
    color: red;
}

Doe ik iets fout

[ Voor 45% gewijzigd door r0bert op 15-05-2003 17:16 ]

donderdag 15 mei 2003 17:27

Acties:

2

<dataRoot>

Lowercase?

donderdag 15 mei 2003 17:28

Acties:

r0bert

Topicstarter

Euhmz, waarom ?
En nee, helpt niet..

donderdag 15 mei 2003 17:30

Acties:

dominic

will code for food

Je hebt je DIV een class gegeven, die moet natuurlijk wel overeenkomen met de DIV in je stylesheet, dus

div.stlVeld3
{
color: red;
}

Bovendien zou ik dit hanteren:

<link rel="stylesheet" type="text/css" href="css.css" />

Bovendien mis je:

<HTML>
en
<HEAD>
en
<BODY>

etc..

[ Voor 47% gewijzigd door dominic op 15-05-2003 17:32 ]

Download my music on SoundCloud

donderdag 15 mei 2003 17:40

Acties:

r0bert

Topicstarter

Tuurlijk! dom dom dom

<html><head> vergeten was het probleem.. Argh, komt omdat ik de hele tijd met templates heb gewerkt waar dat automatisch ging..

*blunder*

iig bedankt! toppie! (Y)

vrijdag 16 mei 2003 12:55

Acties:

Verwijderd

r0bert schreef op 15 mei 2003 @ 17:28:
Euhmz, waarom ?
En nee, helpt niet..

xml specs, tags moeten in lowercase

vrijdag 16 mei 2003 13:17

Acties:

MAZZA

Barbie is er weer!

Verwijderd schreef op 16 May 2003 @ 12:55:
[...]

xml specs, tags moeten in lowercase

XML is case sensitive maar hoeft niet per se alles in lowercase toch?

<Capital>Amsterdam</Capital> is ook goed dacht ik...

vrijdag 16 mei 2003 13:28

Acties:

BasSpruit

klopt ja. EN je moet je link naar je stylesheet in je XSL bestand zetten. bovendien moet je niet de XSL - stylesheet - transform tags vergeten evenals de normale html tags natuurlijk. is best wel lachen eerlijk gezegd.

hebbie wel eens geprobeerd een tabelletje met links te maken met XML/XSL?

vrijdag 16 mei 2003 13:58

Acties:

r0bert

Topicstarter

Ach, foutje ja.. ik ben niet zoveel met XML bezig, alleen maar XMLDOM in JS, vind je het gek dat ik niet al die standaard tags weet

Maar als iemand ze even allemaal kan noemen zou dat top zijn (ook voor de search).. dan kan ik ze in een standaard template zetten..

moet <xsl:output method="html" /> enzo er ook bij ?

vrijdag 16 mei 2003 16:03

Acties:

brammetje

Verwijderd schreef op 16 mei 2003 @ 12:55:
[...]

xml specs, tags moeten in lowercase

XHTML-specs, heel wat anders dan xml

vrijdag 16 mei 2003 16:14

Acties:

BasSpruit

r0bert schreef op 16 mei 2003 @ 13:58:
Ach, foutje ja.. ik ben niet zoveel met XML bezig, alleen maar XMLDOM in JS, vind je het gek dat ik niet al die standaard tags weet Maar als iemand ze even allemaal kan noemen zou dat top zijn (ook voor de search).. dan kan ik ze in een standaard template zetten..

moet <xsl:output method="html" /> enzo er ook bij ?

que? die hep ik nog nooit gezien. kijkt hier eens naar, dit is een (geldige?) XSL PG. (in elk geval geeft mijn browser geen error

)

code:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" type="text/css" href="../Include/Stylesheet.css" />
</head>

<body>
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
    <tr>
        <th align="left" colspan="2">Board</th>
        <th align="left">Topics</th>
        <th align="left">Moderator</th>
    </tr>
    <xsl:for-each select="ACW/cathegories/cathegory">
    <xsl:if test="new_cathegory&gt;0">
    <tr>
        <td colspan="4" height="24"></td>
    </tr>
    <tr>
        <td colspan="4" align="center" background="../Images/row.jpg" height="24"><xsl:value-of select="cathegory_name"/></td>
    </tr>
    </xsl:if>
    <tr>
        <td width="20">[img]"../Images/closed.gif"/></td>
        <td><a><xsl:attribute[/img]ViewBoard.asp?Board_ID=<xsl:value-of select="board_id"/></xsl:attribute><xsl:value-of select="board_name"/></a></td>
        <td><xsl:value-of select="topics"/></td>
        <td><xsl:value-of select="moderator"/></td>
    </tr>
    </xsl:for-each>
    <tr>
        <td colspan="4" height="100%"></td>
    </tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

die <xsl:template> en <xsl:stylesheet> moet je ook niet vergeten.

vrijdag 16 mei 2003 16:36

Acties:

2

brammetje schreef op 16 mei 2003 @ 16:03:
[...]

XHTML-specs, heel wat anders dan xml

ja klopt, ik had me vergist.