[HTC] XML behavior

[BasSpruit]

ik heb nou de volgende code:

code:

<?xml version="1.0" encoding="ISO-8859-1"?>
<component>
    <attach for="element" event="onmouseover" handler="highlight" />
    <attach for="element" event="onmouseout" handler="lowlight" />

    <script language="JavaScript">
        function highlight() { element.style.backgroundImage="../Images/button2.jpg"; }
        function lowlight()  { element.style.backgroundImage="../Images/button.jpg"; }
    </script>
</component>

echter die backgroundImage werkt niet. wat doe ik hier verkeerd?
Ik heb het ook al met "background-Image" geprobeerd. (met streepje)

[Skaah]

In JavaScript is een streepje '-' illegale syntax. Bovendien moet je url() gebruiken in de CSS.

JavaScript:

element.style.background = "url(urlnaarplaatjerelatiefvandestylesheet.gif')";

[ Voor 28% gewijzigd door Skaah op 10-10-2003 11:37 ]

[RM-rf]

volgens mij 'plakken' htc als methods aan een object vast:
ipv van element kun je beter this gebruiken.

verder is officieel binnen msie het niet javascript maar 'jscript' (MS' versie van ecmascript)

probeer eens iets als:

code:

<?xml version="1.0" encoding="ISO-8859-1"?>
<component>
    <attach for="element" event="onmouseover" handler="highlight" />
    <attach for="element" event="onmouseout" handler="lowlight" />

    <script language="JScript">
        function highlight() { this.style.backgroundImage="../Images/button2.jpg"; }
        function lowlight()  { this.style.backgroundImage="../Images/button.jpg"; }
    </script>
</component>

het probleem kan echter ook zijn dat de locatie van de gewenste afbeelding niet klopt, binnen een css-file, die mogelijk in een diepere directory staat, moet je mbt het path rekening houden dat het path berekent wordt vanuit de css-file, echter bij toepassing in het style-object wordt het path berekend vanaf de locatie van de pagina waarin het object zich bevind.

je manier van opzet van de HTC-file is ook volgens mij niet conform de documentatie van MSDN zelf:
http://msdn.microsoft.com.../htc/reference/htcref.asp
deze werken met PUBLIC:ATTACH methods en hierin hoeft het element niet gespecificeerd te worden (immers dit wordt als behavior aan een elemnt zelf toegewezen)

[curry684]

HTC is clientside geneuzel voor Javascript, en hoort dus bij Webdesign & Graphics

Hop, over de schutting... * curry684 roept: CAAATCH!!!

[BasSpruit]

Skaah schreef op 10 October 2003 @ 11:36:
In JavaScript is een streepje '-' illegale syntax. Bovendien moet je url() gebruiken in de CSS.

JavaScript:

element.style.background = "url(urlnaarplaatjerelatiefvandestylesheet.gif')";

deze code die werkte wel:

code:

<script language="JavaScript">
        function highlight() { element.style.background= "url(../Images/button2.jpg)"; }
        function lowlight()  { element.style.background= "url(../Images/button.jpg)"; }
    </script>

thanks