xsl uniek layer id genereren.

[Alarmnummer]

Ik heb deze topic net ook al op webdesign en graphics geplaatst maar geen bruikbaar antwoord gekregen. Ik moet dus voor iedere layer een unieke layer naam genereren.


stukje xsl code.

code:

<xsl:template match="solution">
    <div id="solution1234" class="solution">
        <a href="sites" onClick="menuExpand('solutionContent1234'); return false;"><xsl:apply-templates select="CVAPair"/></a>
    </div>
    <div id="solutionContent1234" class="solutionContent">
        <xsl:for-each select="directAntecedents">
            <xsl:apply-templates select="solution"/>
        </xsl:for-each>
    </div>
</xsl:template>

En waar die 1234 vier staat moet dus iedere keer een nieuw getal komen En zo`n layer kan meerdere keren in een scherm voorkomen.

[brammetje]

position() uniek genoeg?

[Alarmnummer]

ik denk het. Maar ik weet niet eens hoe ik een variable hierin kan maken.

code:

<xsl:template match="solution">
     int positionX = position();  
     <div id="solution"+position class="solution">
        <a href="sites" onClick="menuExpand('solutionContent'+position); return false;"><xsl:apply-templates select="CVAPair"/></a>
    </div>
    <div id="solutionContent"+position class="solutionContent">
        <xsl:for-each select="directAntecedents">
            <xsl:apply-templates select="solution"/>
        </xsl:for-each>
    </div>
</xsl:template>

dit gaat niet werken

[oh,when?]

of anders generate-id() gebruiken...

[Alarmnummer]

en waar kan ik die funtie aanroepen en waar is die onderdeel van?

[brammetje]

100 % ongetest

code:

<xsl:template match="solution">
     <div id="solution{position()}" class="solution">
        <a href="sites" onClick="menuExpand('solutionContent{position()}'); return false;"><xsl:apply-templates select="CVAPair"/></a>
    </div>
    <div id="solutionContent{postion()}" class="solutionContent">
        <xsl:for-each select="directAntecedents">
            <xsl:apply-templates select="solution"/>
        </xsl:for-each>
    </div>
</xsl:template>

[oh,when?]

code:

<xsl:template match="solution">
    <div id="solution1234" class="solution">
        <a href="sites" onClick="menuExpand('solutionContent1234'); return false;"><xsl:apply-templates select="CVAPair"/></a>
    </div>
    <div id="solutionContent1234" class="solutionContent">
        <xsl:for-each select="directAntecedents">
            <xsl:apply-templates select="solution"/>
        </xsl:for-each>
    </div>
</xsl:template>

herschrijven naar

code:

<xsl:template match="solution">
    <div id="solution{generate-id(.)}" class="solution">
        <a href="sites" onClick="menuExpand('solutionContent{generate-id(.)}'); return false;"><xsl:apply-templates select="CVAPair"/></a>
    </div>
    <div id="solutionContent{generate-id(.)}" class="solutionContent">
        <xsl:for-each select="directAntecedents">
            <xsl:apply-templates select="solution"/>
        </xsl:for-each>
    </div>
</xsl:template>

/disclaimer. ff uit me blote hoofd...heb hier geen Komodo op deze bak installed dus kan niet debuggen...

[Alarmnummer]

De code word volgens mij nu goed gegenereerd, alleen het werkt nog niet. Moet eerst de html code opschonen voordat ik kan zien wat er aan de hand is. Weet een van jullie nog een goeie html beautifier?

[brammetje]

Ik heb het nog maar ff nagevraagd, en je moet idd generate-id() hebben. position() levert de positie ten opzichte van zijn parent aan.

Dat is dus niet meer uniek als niet al je dingen dezelfde parent hebben.

[Alarmnummer]

Ik zie trouwens waarom het niet werkt. Ik heb in de XSL file ook een stukje javascript staan, en dat staat tussen commentaar. Dit copieert hij niet mee naar de html file. Hoe kan ik dit fixen?

[ps] ben xsl newbie.

[ps2] wat is verschil tussen xsl en xslt?? en wat kan ik het beste gebruiken?

[brammetje]

Op vrijdag 28 december 2001 14:13 schreef Alarmnummer het volgende:
Ik zie trouwens waarom het niet werkt. Ik heb in de XSL file ook een stukje javascript staan, en dat staat tussen commentaar. Dit copieert hij niet mee naar de html file. Hoe kan ik dit fixen?

<xsl:comment>bluh, hier hebben we comments</xsl:comment.

[mbravenboer]

Alarmnummer: wat is verschil tussen xsl en xslt?? en wat kan ik het beste gebruiken?

XSLT is de transformatie component van XSL . XSL is eigenlijk een rare verzameling standaarden: XSL-Formatting Objects, XSL Transformations en XPath.

Zie w3c:

XSL is a language for expressing stylesheets. It consists of three parts: XSL Transformations (XSLT): a language for transforming XML documents, the XML Path Language (XPath), an expression language used by XSLT to access or refer to parts of an XML document. (XPath is also used by the XML Linking specification). The third part is XSL Formatting Objects: an XML vocabulary for specifying formatting semantics.

Dat XSLT onder XSL valt is misschien jammer te noemen.

[Alarmnummer]

Dit is mijn xsl code tot zover. Maar ik krijg dat script spul maar niet aan de praat. Als ik er niet extra <!-- --> omzet krijg ik parse problemen en als ik het wel doe dan neemt hij het niet mee.

code:

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
        <head>
            <LINK HREF="master.css" REL="stylesheet" TYPE="text/css"/>
            <LINK HREF="menu.css" REL="stylesheet" TYPE="text/css"/>
            <STYLE TYPE="text/css">
                    <!--
                    -->
            </STYLE>

            <SCRIPT TYPE="text/javascript">
                <xsl:comment>
                    function initializeMenu()
                    {
                        var menuElements = document.getElementById('solutions').getElementsByTagName('div');
                        for (i = 0; i <menuElements.length; i++)
                        {
                            if (document.getElementsByTagName && document.getElementById)
                            {
                                if (menuElements[i].getAttribute('class') == 'solutionContent')
                                {
                                    menuElements[i].style.display = 'none';
                                }
                                else if (menuElements[i].className == 'solutionContent')
                                {   
                                    menuElements[i].style.display = 'none';
                                }
                            }
                        }
                    }


                    function menuExpand(pageObject)
                    {
                        if (document.getElementById(pageObject).style.display == 'none')
                        {
                            document.getElementById(pageObject).style.display = 'block';
                        }
                        else
                        {
                            document.getElementById(pageObject).style.display = 'none';
                        }
                    }
                </xsl:comment>
            </SCRIPT>
        </head>
      <!--body onLoad="initializeMenu();"-->
      <body>
        <div id="solutionsRoot" class="solutionsRoot">
            <!--ga iedere opl bij langs -->
            <xsl:for-each select="solutionSet/solution">
                <div id="solution" class="solution">
                    <a href="sites" onClick="menuExpand('solutionContent'); return false;">solution</a>
                </div>
                <div id="solutionContent" class="solutionContent">
                    <!--ga iedere opl uit de antecedenten lijst bij langs -->
                    <xsl:for-each select="directAntecedents">
                        <xsl:apply-templates select="solution"/>
                        <!--div id="solution" class="solution">
                            <a href="sites">a</a>
                        </div-->

                    </xsl:for-each>
                </div>
            </xsl:for-each>
        </div>
      </body>
      </html>
</xsl:template>

<xsl:template match="solution">
    <div id="solution{generate-id(.)}" class="solution">
        <a href="sites" onClick="menuExpand('solutionContent{generate-id(.)}'); return false;">
            <xsl:apply-templates select="CVAPair"/>
        </a>
    </div>
            <div id="solutionContent{generate-id(.)}" class="solutionContent">
            <xsl:for-each select="directAntecedents">
                <xsl:apply-templates select="solution"/>
            </xsl:for-each>
        </div>
    
</xsl:template>

<xsl:template match="CVAPair">
    <b>(</b>
    <xsl:value-of select="consequent/@text"/>,
    <xsl:value-of select="value/@text"/>,
    <xsl:value-of select="assignment/@text"/>
    <b>)</b>
</xsl:template>


</xsl:stylesheet>

[mbravenboer]

Alarmnummer: Ik zie trouwens waarom het niet werkt. Ik heb in de XSL file ook een stukje javascript staan, en dat staat tussen commentaar. Dit copieert hij niet mee naar de html file. Hoe kan ik dit fixen?

Gebruik gewoon de XHTML methode voor Javascripts? Netjes in een script tag en een CDATA section dus . Je moet gewoon zorgen dat een template geldige XHTML content oplevert...

[mbravenboer]

CDATA section zou moeten werken:

code:

<![CDATA[...]]>

xsl:comment is denk ik niet de oplossing omdat je script helemaal geen commentaar is.

[Alarmnummer]

arrrgghhh... nog meer acroniemen

[Alarmnummer]

het werkt!!!! thanx!!

[mbravenboer]

Alarmnummer: het werkt!!!! thanx!!

Met wat acroniemen extra lukt het altijd

[Alarmnummer]

resultaat:

code:

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
        <head>
            <LINK HREF="master.css" REL="stylesheet" TYPE="text/css"/>
            <LINK HREF="menu.css" REL="stylesheet" TYPE="text/css"/>
            <STYLE TYPE="text/css">
                    <!--
                    -->
            </STYLE>

            <SCRIPT TYPE="text/javascript">
                <![CDATA[
                    function initializeMenu()
                    {
                        var menuElements = document.getElementById('solutionRoot').getElementsByTagName('div');
                        for (i = 0; i <menuElements.length; i++)
                        {
                            if (document.getElementsByTagName && document.getElementById)
                            {
                                if (menuElements[i].getAttribute('class') == 'solutionContent')
                                {
                                    menuElements[i].style.display = 'none';
                                }
                                else if (menuElements[i].className == 'solutionContent')
                                {   
                                    menuElements[i].style.display = 'none';
                                }
                            }
                        }
                    }


                    function menuExpand(pageObject)
                    {
                        if (document.getElementById(pageObject).style.display == 'none')
                        {
                            document.getElementById(pageObject).style.display = 'block';
                        }
                        else
                        {
                            document.getElementById(pageObject).style.display = 'none';
                        }
                    }
                ]]>
            </SCRIPT>
        </head>
      <body onLoad="initializeMenu();">
        <div id="solutionsRoot" class="solutionsRoot">
            <!--ga iedere opl bij langs -->
            <xsl:for-each select="solutionSet/solution">
                <div id="solution{generate-id(.)}" class="solution">
                    <a href="sites" onClick="menuExpand('solutionContent{generate-id(.)}'); return false;">solution</a>
                </div>
                
                <div id="solutionContent{generate-id(.)}" class="solutionContent">
                    <!--ga iedere opl uit de antecedenten lijst bij langs -->
                    <xsl:for-each select="directAntecedents">
                        <xsl:apply-templates select="solution"/>
                    </xsl:for-each>
                </div>
            </xsl:for-each>
        </div>
      </body>
      </html>
</xsl:template>

<xsl:template match="solution">
    <div id="solution{generate-id(.)}" class="solution">
        <a href="sites" onClick="menuExpand('solutionContent{generate-id(.)}'); return false;">
            <xsl:apply-templates select="CVAPair"/>
        </a>
    </div>
    
    <div id="solutionContent{generate-id(.)}" class="solutionContent">
        <xsl:for-each select="directAntecedents">
            <xsl:apply-templates select="solution"/>
        </xsl:for-each>
    </div>
</xsl:template>

<xsl:template match="CVAPair">
    <b>(</b>
    <xsl:value-of select="consequent/@text"/>,
    <xsl:value-of select="value/@text"/>,
    <xsl:value-of select="assignment/@text"/>
    <b>)</b>
</xsl:template>


</xsl:stylesheet>

[oh,when?]

nice

[Alarmnummer]

mensen die het eens in actie willen zien:
www.geocities.com/peter_veentjer

en dan personal/projects/expertsystem. Je ziet aan de zijkant een redeneerbestand (rulebase) staan en aan de andere kant zie je de oplossingen. Je krijgt in tegenstelling tot monotone logica meerdere oplossing omdat hier gebruik word gemaakt van niet-monotone logica. (Je mag tegenstrijdige beweringen doen).