Back to Questions
610
views1
comment
Does WebSharper mangle my javascript (or, how do I insert my own javascript?)
websharper

I'm doing a simple page with one Kendo UI widget, following an example from their website. I add the following to the body of my page, to generate a date picker.

1
2
3
4
5
6
7

 
<input id="datepicker" />
<script>
    $(function() {
        $("#datepicker").kendoDatePicker();
    });
</script>

However, the script can't run in the browser, because it gets rendered as

1
2
3
4
5

<script>
    $(function() {
        $(&quot;#datepicker&quot;).kendoDatePicker();
    });
</script>

I tried this in a non-Websharper site and of course it was fine. What might be happening here?

I did look at the docs on how to inject Javascript from code, which I'm happy to do, but couldn't find much beyond an Alert() example.

.

Hi,

WebSharper.Sitelets.Template currently uses XML parsing, so the file must conform to XHTML. Add script tags like this:

1
2
3
4
5
6
7

<script>
	//<![CDATA[
    $(function() {
        $("#datepicker").kendoDatePicker();
    });
    //]]>
</script>
By on 10/26/2016 8:23 AM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper