none
Setting textshadow on heading tag within HTA RRS feed

  • Question

  • I'm trying (and failing) to get a nice text shadow effect on the main page heading in my HTA. Without including too much unnecessary code I've shared what I'm attempting below. I've tried get it to work using CSS, and referencing the h1 tag as an object both fail. Is this a compatibility thing? What am I not understanding? Halp please!
    <html>
    <head>
    <title>Cyphers</title>
    <hta:application	
    	applicationname="Cyphers"
    	border="thick"
    	borderstyle="sunken"
    	caption="yes"	
    	icon=""
    	id="cyphers"
    	innerborder="no"
    	maximizeButton="yes" 
    	minimizeButton="yes"
    	scroll="yes"
    	scrollflat="yes"
    	selection="yes"
    	showintaskbar="yes"
    	singleinstance="yes"
    	sysmenu="yes"
    	windowsstate="maximize">	
    </head>
    
    <style>
    h1 {
    text-shadow: 2px 2px 5px green;
    }
    </style>
    
    
    <script language="vbscript">
    sub window_onload
    	'dim x
    	'x = document.getelementbyid("myh1").innerhtml
    	'x.style.textshadow = "2px 2px 5px green"
    end sub
    
    
    </script>
    
    <body style="margin: 0; padding:0; font-family=calibri;">
    
    <table style="height: 100%; width: 100%; ; top: 0; bottom: 0; left: 0; right: 0; border-collapse: collapse; background-color: steelblue; font-family: calibri;" cellpadding="15">
    <tr>
    <td style="height: 90%; width: 30%; border: 1px solid black;" align="center">
    
    </td>
    <td style="border: 1px solid black;">
    
    <span id="dataarea"><center><h1 id="myh1">HEADING</h1></center></span>
    
    </td>
    </tr>
    <tr>
    <td>
    
    </td>
    <td>
    
    </td>
    </tr>
    </table>
    
    </body>
    </html>
    

    • Moved by Bill_Stewart Tuesday, November 7, 2017 9:41 PM Wishful thinking doesn't cause features to spring into existence
    Wednesday, September 13, 2017 9:18 PM

All replies

  • By default an HTA runs as IE9 compatible which does not support HTML5 or CSS2 or later.  Change the page type to run in IE11 mode and these things may work although some still will not work.


    \_(ツ)_/

    Wednesday, September 13, 2017 9:23 PM
  • <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     Using the above meta tag in the heading works for the snippet I provided. Hmph! But it fails again when I include the omitted code I've already written.
    Wednesday, September 13, 2017 9:37 PM
  • More work. : (

    Wednesday, September 13, 2017 9:51 PM