:strip_exif()/u/925/cookieani.gif?f=community)
ze bestaan al een tijdje, maar toevallig ben ik nu pas een keer echt naar gaan kijken; behaviors in IE 
Ik heb nog niet echt een idee van wat er allemaal mee mogelijk is, maar wat er iig onder anderen mee kan is dat je een soort "componentje" bouwt in een htc bestand, en dat kan je in de stylesheet opgeven als "behavior" en linken aan een class of element vanuit je stylesheet.
bijvoorbeeld zoiets:
IE 5+ snapt dit, en gaat vervolgens het htc'tje bekijken. Dit htc'tje is dan een component wat draait met de scope op dat element. Binnen die htc kan je dus script blokken maken, en binnen functions daarin verwijst "style" dus bijvoorbeeld meteen naar dat htmlElement.style. Zo kan je bijvoorbeeld een button htc'tje maken op deze manier:
de buttonOver- en OffColor en link kan je gewoon in je element zetten:
En het leuke is dat je natuurlijk niet 1, maar ook 3 of 100 van die spans kan maken die die class gebruiken, en dit is ook maar een simpel voorbeeld van wat er met htc (en hta, nog nix mee gedaan eigenlijk) mogelijk is
Voordeel is dat je geen script includes nodig hebt, en een algemene modulegewijze aanpak kan hanteren, nadeel is natuurlijk dat het alleen in IE werkt.
Ik ben absoluut geen voorstander van sites onbruikbaar maken voor alles behalve IE, en wat dat betreft is een button een totaal verkeerd voorbeeld, maar het is juist omdat het via je stylesheet werkt en dus genegeerd wordt door browsers die het niet snappen natuurlijk uitermate geschikt om je project wat up te spicen.
Voorbeelden van behaviors die je kan gebruiken zijn bijvoorbeeld "download", waarmee je dynamisch op de achtergrond in 2 regels code files kan inlezen en afhandelen, of "userdata" waarmee je een soort supercookie kan bouwen wat over browsersessies heen op een makkelijke manier data voor je kan onthouden, en dit is uiteraard allemaal eenvoudig in te bouwen in htc/hta.
meer info over behaviors o.a. hiero en htc's staan in het menu een stukje naar onder toe.
Ik heb nog niet echt een idee van wat er allemaal mee mogelijk is, maar wat er iig onder anderen mee kan is dat je een soort "componentje" bouwt in een htc bestand, en dat kan je in de stylesheet opgeven als "behavior" en linken aan een class of element vanuit je stylesheet.bijvoorbeeld zoiets:
HTML:
1
2
3
4
5
6
7
8
| ... <style type="text/css"> .htcButton {behavior:url(htcButton.htc);} </style> </head> <body> <span class="htcButton"> knoppie </span> |
IE 5+ snapt dit, en gaat vervolgens het htc'tje bekijken. Dit htc'tje is dan een component wat draait met de scope op dat element. Binnen die htc kan je dus script blokken maken, en binnen functions daarin verwijst "style" dus bijvoorbeeld meteen naar dat htmlElement.style. Zo kan je bijvoorbeeld een button htc'tje maken op deze manier:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <PUBLIC:COMPONENT> <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="butMouseout()" /> <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="butMouseover()" /> <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="butMouseout()" /> <PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="butMouseup()" /> <SCRIPT LANGUAGE="JScript"> function butMouseover() { style.backgroundColor = buttonOverColor; } function butMouseout() { style.backgroundColor = buttonOffColor; } function butMouseup() { window.document.location = buttonLink; } </SCRIPT> </PUBLIC:COMPONENT> |
de buttonOver- en OffColor en link kan je gewoon in je element zetten:
HTML:
1
2
3
4
5
| <span class="htcButton" buttonOverColor="#e0e0e0" buttonOffColor="#c0c0c0" buttonLink="bestand.ext" >hoi</span> |
En het leuke is dat je natuurlijk niet 1, maar ook 3 of 100 van die spans kan maken die die class gebruiken, en dit is ook maar een simpel voorbeeld van wat er met htc (en hta, nog nix mee gedaan eigenlijk) mogelijk is
Voordeel is dat je geen script includes nodig hebt, en een algemene modulegewijze aanpak kan hanteren, nadeel is natuurlijk dat het alleen in IE werkt. Ik ben absoluut geen voorstander van sites onbruikbaar maken voor alles behalve IE, en wat dat betreft is een button een totaal verkeerd voorbeeld, maar het is juist omdat het via je stylesheet werkt en dus genegeerd wordt door browsers die het niet snappen natuurlijk uitermate geschikt om je project wat up te spicen.
Voorbeelden van behaviors die je kan gebruiken zijn bijvoorbeeld "download", waarmee je dynamisch op de achtergrond in 2 regels code files kan inlezen en afhandelen, of "userdata" waarmee je een soort supercookie kan bouwen wat over browsersessies heen op een makkelijke manier data voor je kan onthouden, en dit is uiteraard allemaal eenvoudig in te bouwen in htc/hta.
meer info over behaviors o.a. hiero en htc's staan in het menu een stukje naar onder toe.
Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin
:strip_exif()/u/22479/169-back.gif?f=community)
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_exif()/u/27216/bosmonster_dropdown.gif?f=community)
en als IE7 oid het wel gaat ondersteunen zal je backward compatible moeten blijven, waarschijnlijk doormiddel van dit truukje. Zo blijf je met de "rottende lijken van verouderde applicaties" zitten, als men daar nou eens van leert en het meteen goed doet 