[TYPO3] mailformplus - can't figure out where does the inline style for required fields comes from

Oliver Rowlands oliver at liquidlight.co.uk
Sat Mar 3 21:22:32 CET 2007


Hi Vlatko,

Do you have the Google toolbar installed by any chance?

It sounds to me that the yellow background colour you are seeing is due 
to a form 'auto-complete' feature and has nothing to do with Typo3.

The Google toolbar has 'auto-complete' enabled by default and highlights 
in yellow the form fields which it can complete for you.

Test your form in IE or Opera to see if you get the same behaviour.

Good luck,

Oliver

Vlatko Surlan wrote:
> Hi all. I use typo3 4.0.2 with mailformplus 3.9.0. When I view the 
> contact form in my firefox 2.0.0.1 with webdeveloper extension I can see 
> that some input fields have yellow background even though I've set them 
> to another color via external css. I've managed to trace this to 
> generated inline css. I've done it be first viewing the source in 
> firefox (ctrl+u) and comparing that to 'view generated source'.
> 
> In view source, input field for name looks like this:
> <tr>
>     <td valign="top">Name </td>
>     <td valign="top"><input class="input1" type="text" name="name" 
> value=""></td>
> </tr>
> 
> In view generated source, input field for name looks like this:
> <tr>
>     <td valign="top">Name </td>
>     <td valign="top"><input style="background-color: rgb(255, 255, 
> 160);" class="input1" name="name" value="" type="text"></td>
> </tr>
> 
> So I figured that the style="background-color: rgb(255, 255, 160);" gets 
> added by JavaScript. But when I go to Information->View JavaScript all I 
> get is this:
> 
> var browserName = navigator.appName;
>         var browserVer = parseInt(navigator.appVersion);
>         var version = "";
>         var msie4 = (browserName == "Microsoft Internet Explorer" && 
> browserVer >= 4);
>         if ((browserName == "Netscape" && browserVer >= 3) || msie4 || 
> browserName=="Konqueror" || browserName=="Opera") {version = "n3";} else 
> {version = "n2";}
>             // Blurring links:
>         function blurLink(theObject)    {    //
>             if (msie4)    {theObject.blur();}
>         }
> 
> I cannot figure out what adds those inline syles 
> (style="background-color: rgb(255, 255, 160);") for the required fields 
> or how to turn it off.


-- 
Oliver Rowlands
:: Liquid Light ::

E - oliver at liquidlight.co.uk
W - http://www.liquidlight.co.uk

T - 00 44 (0)845 6 58 88 35
F - 00 44 (0)845 6 58 44 35


More information about the TYPO3-english mailing list