title image


Smiley Re: HTML Seite, die sich automatisch anpasst ?
Im IE gibt es z.B. einen sogenannten Matrix-Filter, mit dem man mit vier Parametern (M11,M12,M21,M22) eine Koordinatentransformation der Form



x1 = x0 * M11 + y0 * M12

y1 = y0 * M22 + x0 * M21



durchführen kann. Mit den Parametern lassen sich diverse geometrische Verzerrungen beschreiben, wie z.B. auch eine Rotation:



M11 = cos(rad)

M12 = -sin(rad)

M21 = sin(rad)

M22 = cos(rad)



Ein solcher Filter kann im IE auf alle block- oder inline-block-Elemente als CSS-Attribut angewendet werden. Der Filter wird quasi zwischen das Element und den Bildschirm gelegt: Alle Ausgaben werden über den Filter hin-, alle Eingaben rücktransformiert.



Beispiel:



123456789101112131415161718192021222324252627282930313233343536373839404142<? $fi=-5.0; // DEG class transform {   function &rot($rad)   {     return array('M11'=>cos($rad),'M12'=>-sin($rad), 'M21'=>sin($rad), 'M22'=>cos($rad));   } } // ------ $rot =& transform::rot(deg2rad($fi)); ?> <style> #rot {  width:400px;  filter:progid:DXImageTransform.Microsoft.Matrix   (     sizingMethod='auto expand',     filterType='bilinear',     M11=<?=$rot['M11'] ?>,     M12=<?=$rot['M12'] ?>,     M21=<?=$rot['M21'] ?>,     M22=<?=$rot['M22'] ?>   ); } </style> <div id=rot>  <p>Lorem ipsum dolor sit amet consectetuer laoreet natoque feugiat ac sit. Lorem Aenean id tellus et ut ac nulla at amet laoreet. Metus habitasse congue amet justo nec eu urna Pellentesque sagittis libero. Quis consequat Maecenas condimentum ipsum quis scelerisque eu tortor Aenean nibh. Platea semper ac adipiscing nisl non congue Nulla nisl interdum pellentesque. Interdum sit semper orci risus.</p>  <ul>   <li>Lorem ipsum dolor sit amet</li>   <li>Consectetuer Donec tincidunt iaculis nisl</li>   <li>Vestibulum et a interdum morbi</li>   <li>Justo hac sit Curabitur morbi</li>  </ul>  <form>   <label for='Name' Accesskey='N'><u>N</u>ame: </label><input id=Name>   <input type=checkbox><br>   <button onclick='alert("Hallo "+Name.value);' Accesskey='H'><u>H</u>allo</button>  </form>  <p>Dui nonummy aliquam id tellus Nunc mollis nulla neque eget adipiscing. Eu laoreet neque convallis semper convallis dapibus sapien massa Sed et. Eros pede eu augue Nulla mollis interdum felis orci dui velit. Semper Nam ipsum id accumsan Aenean Phasellus sem turpis elit tortor. Malesuada Fusce rutrum Sed feugiat sapien ante diam sem augue tortor. Tincidunt et sem at condimentum est non turpis at parturient ut. Mauris.</p> </div> Erstellt mit: ☆ Stefan Triess PHP Command ☆



Zur Berechnung der Parameter habe ich hier PHP verwendet.



Die Transformation von Select funktioniert aber, im Gegensatz zu meiner obigen Annahme, doch nicht.



Falls der IE verwendet wird, ist die folgende Darstellung leicht verdreht:



Lorem ipsum dolor sit amet consectetuer laoreet natoque feugiat ac sit. Lorem Aenean id tellus et ut ac nulla at amet laoreet. Metus habitasse congue amet justo nec eu urna Pellentesque sagittis libero. Quis consequat Maecenas condimentum ipsum quis scelerisque eu tortor Aenean nibh. Platea semper ac adipiscing nisl non congue Nulla nisl interdum pellentesque. Interdum sit semper orci risus.Lorem ipsum dolor sit amet

Consectetuer Donec tincidunt iaculis nisl

Vestibulum et a interdum morbi

Justo hac sit Curabitur morbi

Name:

Hallo

Dui nonummy aliquam id tellus Nunc mollis nulla neque eget adipiscing. Eu laoreet neque convallis semper convallis dapibus sapien massa Sed et. Eros pede eu augue Nulla mollis interdum felis orci dui velit. Semper Nam ipsum id accumsan Aenean Phasellus sem turpis elit tortor. Malesuada Fusce rutrum Sed feugiat sapien ante diam sem augue tortor. Tincidunt et sem at condimentum est non turpis at parturient ut. Mauris.




Gruß Stefan

www.triess.de - Meine Themen: Consulting Forschung Entwicklung Projektierung Elektronik Software Mechanik Verfahren Messverfahren Kommunikation Navigation Map Matching Location Based Services Telematik komplexe Test- und Demonstrationssysteme GPS BS26 ISDN X.25 X.31 GSM GPRS UMTS DSL TCP/IP ACP SPS PC LAN WAN Feldbus Internet/Intranet Webdesign SQL Client/Server RedOx LF pH rF


geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: