Google Searchbox Not Validating as HTML5

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Google Searchbox Not Validating as HTML5

Julian P
Hi!  I have added the Google searchbox to my HTML5 site. When I go to the
W3C validator I get an error: 'element gcse:search not allowed as child of
element div in this context'. I was instructed by Google to put the script
in a div, and cannot get the searchbox to work without it. My code is below.
Many thanks!  Julian

<div id="searchbox">    
    <script>
       (function() {    
            var cx = '014531685129972083622:vk5kxnojpx0';    
            var gcse = document.createElement('script');    
            gcse.type = 'text/javascript';    
            gcse.async = true;    
            gcse.src = (document.location.protocol == 'https:' ? 'https:' :
'http:') + '//www.google.com/cse/cse.js?cx=' + cx;

            var s = document.getElementsByTagName('script')[0];

            s.parentNode.insertBefore(gcse, s);

        })();

    </script>    
    <gcse:search> </gcse:search>    
 </div>



Reply | Threaded
Open this post in threaded view
|

RE: Google Searchbox Not Validating as HTML5

Mark Rogers-11
The custom tag doesn't validate since it's not part of HTML5. Google have some instructions for replacing the custom tag with HTML5 valid code here:
https://developers.google.com/custom-search/docs/element#html5

Best Regards
Mark

Mark Rogers - [hidden email]
PowerMapper Software Ltd - www.powermapper.com
Registered in Scotland No 362274 Quartermile 2 Edinburgh EH3 9GL

-----Original Message-----
From: Julian P [mailto:[hidden email]]
Sent: 01 July 2015 00:22
To: [hidden email]
Subject: Google Searchbox Not Validating as HTML5

Hi!  I have added the Google searchbox to my HTML5 site. When I go to the W3C validator I get an error: 'element gcse:search not allowed as child of element div in this context'. I was instructed by Google to put the script in a div, and cannot get the searchbox to work without it. My code is below.
Many thanks!  Julian

<div id="searchbox">    
    <script>
       (function() {    
            var cx = '014531685129972083622:vk5kxnojpx0';    
            var gcse = document.createElement('script');    
            gcse.type = 'text/javascript';    
            gcse.async = true;    
            gcse.src = (document.location.protocol == 'https:' ? 'https:' :
'http:') + '//www.google.com/cse/cse.js?cx=' + cx;

            var s = document.getElementsByTagName('script')[0];

            s.parentNode.insertBefore(gcse, s);

        })();

    </script>    
    <gcse:search> </gcse:search>    
 </div>