3 Replies Latest reply on Sep 17, 2008 5:42 PM by sergeysmirnov

Input Mask

ghermezkon May 22, 2008 11:55 AM

hi
how to create input mask for insert date format in richfaces controls????

1. Re: Input Mask

sergeysmirnov May 22, 2008 12:46 PM (in response to ghermezkon)

Use jQuery Masked Input Plugin: http://digitalbush.com/projects/masked-input-plugin
Actions

2. Re: Input Mask

dpaterson Sep 17, 2008 5:01 PM (in response to ghermezkon)

I'm trying to use the inputMask plugin and I get the following error when I try to add this library and load the page.

Contents of rendered head tag:

<head>
<link rel="stylesheet" type="text/css" href="/totalzilla-config/a4j_3_1_4.GAcss/toolBar.xcss/DATB/eAFjlbr0AAAC6gHS">
</link>
<link rel="stylesheet" type="text/css" href="/totalzilla-config/a4j_3_1_4.GAcss/panel.xcss/DATB/eAFjlbr0AAAC6gHS">
</link>
<link rel="stylesheet" type="text/css" href="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/css/calendar.xcss/DATB/eAFjlbr0AAAC6gHS">
</link>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/scripts/jquery/jquery.js">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg.ajax4jsf.javascript.AjaxScript">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/ajax4jsf/javascript/scripts/form.js">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg.ajax4jsf.javascript.PrototypeScript">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/scripts/events.js">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/scripts/utils.js">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/scripts/json/json-dom.js">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/scripts/scriptaculous/effects.js">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/scripts/JQuerySpinBtn.js">
</script>
<script type="text/javascript" src="/totalzilla-config/a4j_3_1_4.GAorg/richfaces/renderkit/html/scripts/calendar.js">
</script>
<script type="text/javascript" src="js/jquery.maskedinput-1.1.4.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>totalzilla-config</title>
<link href="stylesheet/theme.css" rel="stylesheet" type="text/css">
</link>
</head>

error I get when I load the page:

$.fn has no properties
(no name)(function())jquery.maskedinpu... (line 33)
[Break on this error] $.fn.caret=function(begin,end){

Any clues why this isn't working? The plugin seems to be using the correct structure.

3. Re: Input Mask

sergeysmirnov Sep 17, 2008 5:42 PM (in response to ghermezkon)

$ sign means that jQuery is not in the compatibility mode with prototype.js. It is not clean from the code snippet above, what you did wrong. The code snippet of the original xhtml page might be much helpful.
Actions

Go to original post