e.preventDefault(); // Prevent form submission input.blur(); // remove focus input.value = ""; // optional: clear the input

Use Newer JQuery Version with RichFaces

RichFaces 3.3 comes with older version of JQuery. If you want to use a fancy plugin that requires a newer version of JQuery, you are stuck. Right? Well, not really :).

We have been using newer versions of JQuery with RichFaces without breaking any inbuilt functionality of RichFaces.
First lets store the reference of the JQuery of RichFaces in a variable named $rfjquery :

<script type="text/javascript">
    var $rfjquery  = jQuery.noConflict(); 
</script>

Having done that, time to include newer version of the JQuery

<script type="text/javascript" 
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
    newjq =  jQuery.noConflict();
    // All the plugin code goes here. Use newjq instead of $ or jQuery
</script> 

Once you are done with all the changes of the plugin and used all the fancy features of the newer version of JQuery, time to revert to the original version of RichFace’s JQuery so that we do not break anything.

<script type="text/javascript"> var jQuery = $rfjquery; </script>

That’s it. If you have any problem, leave a comment.

Related Posts

Latest Posts

  • All Posts
  • Generative AI
  • manufacturing
  • News
  • Portfolio
    •   Back
    • Android
    • iOS
    • Java
    • PHP
    • MEAN
    • Ruby
    • DotNet
    • IoT
    • Cloud
    • Testing
    • Roku
    • CMS
    • Python

India

Plot No. 11/2, Phase 3, Hinjewadi Rajiv Gandhi Infotech Park, Pune, India – 411057.
info@tudip.com
+91-96-8990-0537

United States

1999 S. Bascom Ave Suite 700, Campbell CA. 95008, USA.
info@tudip.com
+1-408-216-8162

Canada

64 Caracas Road North York, Toronto Ontario M2K 1B1, Canada.
info@tudip.com

Mexico

Calle Amado Nervo #785 Interior B Colonia Ladron De Guevara 44600 Guadalajara, Jalisco, Mexico.
info@tudip.com

Colombia

Cra. 9 # 113-53 Of. 1405 Bogotá D.C., Colombia.
info@tudip.com

UAE

Tudip Information Technologies L.L.C Office No 109, ABU HAIL BUILDING 13, Abu Hail, Dubai, UAE.
info@tudip.com

Nigeria

22 Kumasi Crescent, Wuse 2, Abuja, Nigeria.
info@tudip.com