javascript code not working in JSF xhtml page

Question

Here is the running code on fiddle
You will see that It is working perfectly fine here but when I run this code in eclipse using glassfish server 3.2.1 in a xhtml page then it gives this error

javax.servlet.ServletException: Error Parsing /MasterPage/MiDASMaster.xhtml: Error Traced[line: 135] Open quote is expected for attribute "{1}" associated with an  element type  "class".

Here is the code of xhtml page(exactly same like fiddle) I tried it on Jsbin as well

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<style type="text/css">
.highlight {
    background:yellow;
}
.removeHighlight {
    background:green;
}

</style>
<script type="text/javascript" src="../Scripts/jquery-1.8.3.js"/>
</head>
<body>

<script type="text/javascript">

            function test(){
        alert(document.getElementById("divId"));
         var regex = new RegExp('this',"gi");
         document.getElementById("divId").innerHTML     
         =document.getElementById("divId").innerHTML.replace(regex, function(matched) 
        {
            return '<span class=\'highlight\'>' + matched + '</span>';
        });


    }



</script>

<div id="divId">

    This is the text This is the text This is the text This is the text 
    This is the text This is the text This is the the text
</div>

..

Uooo · Accepted Answer · 2013-07-03 08:46:56Z

3

Your XHTML is probably malformed.

Put your Javascript code into a CDATA section.

<script type="text/javascript">
    <![CDATA[
        alert("Your javascript here");
    ]]>
</script>

answered Jul 3, 2013 at 8:46

Uooo

6,3748 gold badges39 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

viki Over a year ago

CData section? can you please elaborate

viki Over a year ago

CData has removed the error but now the function test() is not calling

Uooo Over a year ago

@viki that's a different problem and would be a different question. Your original problem is solved now. Feel free to ask another question once you have investigated some research in this new problem you are facing.

viki Over a year ago

Sure :) I have posted my problem here please see

viki Over a year ago

Can you please elaborate a little bit that why it was not working without CData.As I am new to JS so It would be really informative for me

Collectives™ on Stack Overflow

javascript code not working in JSF xhtml page

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related