Change menu using AJAX

Change menu using AJAX

Dear Sir


click BHASHA

you will get 2 options

English
Marathi

i.e. for selection of language

When a language is clicked  the menu contents are changed as per language using AJAX
 however,
 it doesn't get aligned properly.......the contents are displayed vertically...

However when I refresh the page it works ok  i.e. get aligned properly like normal menu 

How can is do this without refreshing the page.........................




details are given below
Marathi
English

When I click Say Marathi or /English (select a language)

My Menu 

  1. <div class="line">
  2.           <div class="margin">
  3.           <div id='cssmenu'>
  4. <ul>
  5.     <?php
  6.         $full_name = $_SERVER['PHP_SELF'];
  7.         $name_array = explode('/',$full_name);
  8.         $count = count($name_array);
  9.         $page_name = $name_array[$count-1];
  10.   
  11.  if ($_SESSION['language']=='marathi' )
  12.  {
  13.  include_once('inc_marathimenu.php');
  14.  }
  15. else
  16. {
  17.  
  18.  include_once('inc_englishmenu.php') ;
  19. }
  20.  ?>      
  22.        
  23.        </ul>
  24.           </div>


I can change the contents of menu to language using menufill.php call using ajax

My AJAX code
  1.   var url= "menufill.php"
  2.   data = {
  3. language: language 
  4. };
  5.    
  6.         $('#cssmenu').load(url,data )  ;

Menu

  2.  if ($_SESSION['language']=='marathi' )
  3.  {
  4.  include_once('inc_marathimenu.php'); // given below
  5.  }
  6. else
  7. {
  8.   include_once('inc_englishmenu.php') ; //given below
  9. }
The change is taking place properly 


//////////////inc_marathimenu.php //////////////////////////////

  1. <?php  // program name inc_marathimenu.php   // ?>
  2.  
  3.    <li> <a class="<?php echo ($page_name=='index.php')?'active':'';?>" href="index.php">मुखपृष्ठ  </a></li>
  4.    <li class='active has-sub'>  <a class="<?php echo ($page_name=='aboutus.php')?'active':'';?>" href="aboutus.php">आमच्या बद्दल </a>
  5.                         <ul>
  6.                            
  7.                              <li><a class="<?php echo ($page_name=='chairmandesk')?'active':'';?>" href="chairmandesk.php">अध्यक्षीय मनोगत </a></li>   
  8.                           
  9.        <li><a class="<?php echo ($page_name=='team.php')?'active':'';?>" href="team.php">संचालक मंडळ </a>  </li> 
  10.       <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="#">सहकारी </a></li> 
  11.       <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="photogallery.php">फोटो गॅलरी </a>  </li>           
  12.                     </ul></li> 
  13.    <li class='active has-sub'>
  14.                         <a>कार्यक्रम </a>
  15.                         <ul>
  16.                            <li><a class="<?php echo ($page_name=='upcomingevent.php')?'active':'';?>" href="upcomingevent.php">Up Coming</a></li>
  17.                            <li><a class="<?php echo ($page_name=='pastevent.php')?'active':'';?>" href="event.php">Past Event</a></li>
  18.                         </ul>
  19.         </li>
  20.  
  21.      <li><a class="<?php echo ($page_name=='socialcontribution.php')?'active':'';?>" href="socialcontribution.php">सामाजिक योगदान</a></li>
  22.      
  23.       <li class='active has-sub'><a>सेवा</a>
  24.       <ul>
  25.                            <li><a class="<?php echo ($page_name=='agmreport.php')?'active':'';?>" href="#">
  26. बचत ठेवी  </a></li>
  27.                            <li><a class="<?php echo ($page_name=='progressreport.php')?'active':'';?>" href="#">
  28. चालू ठेवी</a></li>
  29.  <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="#">मुदत ठेव कर्ज</a>  </li> 
  30.                            
  31.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">दामदुप्पट ठेवी </a></li>
  32.                             
  33.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">आवर्ती ठेवी </a></li>
  34.                             
  35.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">सुमंगल ठेवी </a></li>
  36.                             
  37.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">दैनिक ठेवी</a></li>
  38.                              <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">सेफ डीपोजीट लॉकर</a></li>
  39.                             
  40.                             
  41.           </ul>
  42.       
  43.      
  44.      <li class='active has-sub'>  <a class="<?php echo ($page_name=='scheme.php')?'active':'';?>" href="scheme.php">कर्ज योजना</a>
  45.                         <ul>
  46.                            
  47.                              <li><a class="<?php echo ($page_name=='chairmandesk')?'active':'';?>" href="#">वैयक्तिक कर्ज </a></li>   
  48.                           
  49.        <li><a class="<?php echo ($page_name=='team.php')?'active':'';?>" href="#">शैक्षणिक कर्ज </a>  </li> 
  50.       <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="loandetail.php?id=4">वाहन कर्ज</a></li> 
  51.       
  52.        <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="loandetail.php?id=9">गृह कर्ज</a></li> 
  53.       <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="#">शेतकीय कर्ज </a>  </li>   
  54.        <li><a class="<?php echo ($page_name=='team.php')?'active':'';?>" href="#">लघु उद्योजकांसाठी कर्ज</a>  </li> 
  55.       <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="#">सोने तारण कर्ज</a></li> 
  56.       <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="#">मुदत ठेव कर्ज</a>  </li> 
  57.        <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="loandetail.php?id=8">कॅश क्रेडीट कर्ज</a>  </li>           
  58.                     </ul></li> 
  59.      
  60.        <li class='active has-sub'>  <a class="<?php echo ($page_name=='contactus.php')?'active':'';?>" href="contactus.php">संपर्क </a>
  61.                         <ul>
  62.                            
  63.                            <li><a class="<?php echo ($page_name=='branch.php')?'active':'';?>" href="branch.php">शाखा</a></li>
  64.                            
  65.                            <li><a class="<?php echo ($page_name=='branch.php')?'active':'';?>" href="headoffice.php">मुख्य कार्यालय</a></li>
  66.         </ul>       
  67.        <li class='active has-sub'><a href='#'>Language</a>
  68.          <ul>
  69.            <li><a class="language <?php echo ($language_name=='marathi')?'active':'';?>" href="#" id='marathi'>Marathi</a></li>
  70.            <li><a class="language <?php echo ($language_name=='english')?'active':'';?>" href="#" id='english'>Englishi</a></li>
  71.          </ul>
  72.        </li>

 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////




//////////////inc_englishmenu.php ////////////////////////////// 
  1. <li> <a class="<?php echo ($page_name=='index.php')?'active':'';?>" href="index.php">Home </a></li>
  2.    <li class='active has-sub'>  <a class="<?php echo ($page_name=='aboutus.php')?'active':'';?>" href="aboutus.php">About us</a>
  3.                         <ul>
  4.                            
  5.                              <li><a class="<?php echo ($page_name=='chairmandesk')?'active':'';?>" href="chairmandesk.php">Chairman's Desk</a></li>   
  6.                           
  7.        <li><a class="<?php echo ($page_name=='team.php')?'active':'';?>" href="team.php">Managing Committee </a>  </li> 
  8.       <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="#">Team</a></li> 
  9.       <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="photogallery.php">Photo Gallery</a>  </li>           
  10.                     </ul></li> 
  11.    <li class='active has-sub'>
  12.                         <a>Events</a>
  13.                         <ul>
  14.                            <li><a class="<?php echo ($page_name=='upcomingevent.php')?'active':'';?>" href="upcomingevent.php">Up Coming</a></li>
  15.                            <li><a class="<?php echo ($page_name=='pastevent.php')?'active':'';?>" href="event.php">Past Event</a></li>
  16.                         </ul>
  17.         </li>
  18.  
  19.      <li><a class="<?php echo ($page_name=='socialcontribution.php')?'active':'';?>" href="socialcontribution.php">Social Contribution</a></li>
  20.      
  21.       <li class='active has-sub'><a>Services</a>
  22.       <ul>
  23.                            <li><a class="<?php echo ($page_name=='agmreport.php')?'active':'';?>" href="#">
  24. Savings </a></li>
  25.                            <li><a class="<?php echo ($page_name=='progressreport.php')?'active':'';?>" href="#">Current Account</a></li>
  26.  <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="#">Deposit Loan</a>  </li> 
  27.                            
  28.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">Double Income</a></li>
  29.                             
  30.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">Recurring Deposit</a></li>
  31.                             
  32.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">Auspicious Deposits</a></li>
  33.                             
  34.                             <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">Daily Saving</a></li>
  35.                              <li><a class="<?php echo ($page_name=='balancesheet.php')?'active':'';?>" href="#">Safew Depositi Locker</a></li>
  36.                             
  37.                             
  38.           </ul>
  39.       
  40.      
  41.      <li class='active has-sub'>  <a class="<?php echo ($page_name=='scheme.php')?'active':'';?>" href="scheme.php">LOan Scheme</a>
  42.                         <ul>
  43.                            
  44.                              <li><a class="<?php echo ($page_name=='chairmandesk')?'active':'';?>" href="#">Personnel Loan</a></li>   
  45.                           
  46.        <li><a class="<?php echo ($page_name=='team.php')?'active':'';?>" href="#">Educational Loan </a>  </li> 
  47.       <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="loandetail.php?id=4">Vehicle Loan</a></li> 
  48.       
  49.        <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="loandetail.php?id=9">गृह कर्ज</a></li> 
  50.       <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="#">Farming Loan</a>  </li>   
  51.        <li><a class="<?php echo ($page_name=='team.php')?'active':'';?>" href="#">Loan for small Scale Industries</a>  </li> 
  52.       <li><a class="<?php echo ($page_name=='branchstaff.php.php')?'active':'';?>" href="#">Gold Loan</a></li> 
  53.       <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="#">Desposit Loan</a>  </li> 
  54.        <li><a class="<?php echo ($page_name=='photogallery.php')?'active':'';?>" href="loandetail.php?id=8">Cash Credit Loan</a>  </li>           
  55.                     </ul></li> 
  56.      
  57.        <li class='active has-sub'>  <a class="<?php echo ($page_name=='contactus.php')?'active':'';?>" href="contactus.php">Conatct</a>
  58.                         <ul>
  59.                            
  60.                            <li><a class="<?php echo ($page_name=='branch.php')?'active':'';?>" href="branch.php">Branches</a></li>
  61.                            
  62.                            <li><a class="<?php echo ($page_name=='branch.php')?'active':'';?>" href="headoffice.php">Main Office</a></li>
  63.         </ul>       
  64.        <li class='active has-sub'><a href='#'>Bhasha</a>
  65.          <ul>
  66.            <li><a class="language <?php echo ($language_name=='marathi')?'active':'';?>" href="#" id='marathi'>Marathi</a></li>
  67.            <li><a class="language <?php echo ($language_name=='english')?'active':'';?>" href="#" id='english'>Englishi</a></li>
  68.          </ul>
  69.        </li>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


The change takes place however the menu is not displayed in proper manner

one way is refresh the page....and it works