I have a little problem I am trying to use MartkItUp JQuery rich text editor on JSF textarea ponent. My form looks like this:

 <h:form id="ment">
    <h:inputTextarea id="mentBody" cols="10" rows="10" value="#{postCommentmentBody}" required="true" requiredMessage="Comment Body is reqguired" >
      <f:validateLength maximum="500" minimum="2" />
    </h:inputTextarea>
                <%-- more of the form... %-->

The problem is that on output it gives me the id for textarea like that

id="ment:mentBody"

When I try in JQuery to point to it nothing happens.

$('#ment:mentBody').markItUp(mySettings);

I had a plain textarea before, and there was no problem. Now, I have a lot of them.

How do I point to id in JQuery, thats looks like ment:mentBody

P.S: I know i can point to this text area by $('textarea').markItUp(mySettings); however i am looking for solution to point to specific text area by it's ID.

I have a little problem I am trying to use MartkItUp JQuery rich text editor on JSF textarea ponent. My form looks like this:

 <h:form id="ment">
    <h:inputTextarea id="mentBody" cols="10" rows="10" value="#{postComment.mentBody}" required="true" requiredMessage="Comment Body is reqguired" >
      <f:validateLength maximum="500" minimum="2" />
    </h:inputTextarea>
                <%-- more of the form... %-->

The problem is that on output it gives me the id for textarea like that

id="ment:mentBody"

When I try in JQuery to point to it nothing happens.

$('#ment:mentBody').markItUp(mySettings);

I had a plain textarea before, and there was no problem. Now, I have a lot of them.

How do I point to id in JQuery, thats looks like ment:mentBody

P.S: I know i can point to this text area by $('textarea').markItUp(mySettings); however i am looking for solution to point to specific text area by it's ID.

• java
• javascript
• jquery
• jsp
• jsf

Share Follow edited Jan 4, 2013 at 20:37 Mario S 12k2424 gold badges4141 silver badges4747 bronze badges asked Jun 10, 2009 at 2:59 Dmitri S.Dmitri S. 3,44855 gold badges3737 silver badges4141 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 12

Try this, $('#ment\\:mentBody'), for JQuery version 1.1.3 or greater.

try this:

$("textarea[id$='mentBody']").markItUp(mySettings);

this will select text area having ID ending with mentBody.

to select control with ID starting with particular string replace $ with ^

You can read about JSF IDs here, but in this case you may also find the h:form prependId attribute useful.