jquery - How to load i18n properties files in my application (based on spring)? -


i need javascript i18n in web application based on spring mvc.

when run sample application, works when integrate in application not work.

my javascript code not able load properties files.

here project structure.

jquery in login.jsp:

jquery(document).ready(function() {         loadbundles('de');          // configure language combo box         jquery('#lang').change(function() {             var selection = jquery('#lang option:selected').val();             loadbundles(selection !== 'browser' ? selection : null);             jquery('#langbrowser').empty();             if(selection === 'browser') {                 jquery('#langbrowser').text('('+jquery.i18n.browserlang()+')');             }         });      });         function loadbundles(lang) {                             jquery.i18n.properties({                                 name:'messages',                                  path:'src/main/resources',                                  mode:'both',                                 language:lang,                                  callback: function() {                  $("#msg_welcome").text($.i18n.prop('user.success')); $("#msg_sellang").text($.i18n.prop('user.lang', lang));                  }         });     }; 

login.jsp:

                          <body>     <div id="mainwrapper">         <div class="login-container">             <div class="login-card">                 <div class="login-form">                     <c:url var="loginurl" value="/login" />                                             <form:form action="${loginurl}" method="post" class="form-horizontal" modelattribute="users">                         <c:if test="${param.error != null}">                             <div class="alert alert-danger">                                 <p>invalid username , password.</p>                             </div>                         </c:if>                         <c:if test="${param.logout != null}">                             <div class="alert alert-success">                                 <p>you have been logged out successfully.</p>                             </div>                         </c:if>                         <div class="input-group input-sm">                             <label class="input-group-addon" for="username"><i class="fa fa-user"></i></label>                             <input type="text" class="form-control" id="login" name="login" placeholder="enter username" required>                          </div>                         <div class="input-group input-sm">                             <label class="input-group-addon" for="password"><i class="fa fa-lock"></i></label>                              <input type="password" class="form-control" id="password" name="password" placeholder="enter password" required>                         </div>                                                      <div class="input-group input-sm">                                                         language:                                                     <select id="lang">                                                     <option value="browser">indicated browser</option>                                                             <option value="en">en</option>                                                             <option value="de" selected>de</option>                                                             <option value="ru">ru</option>                                                       </select>                                                       <span id="langbrowser"></span>                                                        </div>                                                      <div class="input-group input-sm">                                                         <div class="checkbox">                                                         <label><input type="checkbox" id="rememberme" name="remember-me"> remember me</label>                                                       </div>                         </div>                         <input type="hidden" name="${_csrf.parametername}"                             value="${_csrf.token}" />                          <div class="form-actions">                             <input type="submit"                                 class="btn btn-block btn-primary btn-default" value="login">                         </div>                     </form:form>                 </div>             </div>         </div>     </div>  </body> 

chrome developer console: enter image description here

please help.


Comments

Popular posts from this blog

java - Static nested class instance -

c# - Bluetooth LE CanUpdate Characteristic property -

JavaScript - Replace variable from string in all occurrences -