Tuesday 3 May 2011

Load Page In IFrame Through JQuery

<script language="javascript" type="text/javascript">
$(document).ready(function(){
 
   $('#A').click(function(){
      ShowPage('A');
   });
  
   $('#A1').click(function(){
      ShowPage('A1');
   });
  
   $('#A2').click(function(){
      ShowPage('A2');   
   });
  
    function ShowPage(PageName)
    {
       if(PageName=='A')
       {
           $('#frame').attr('src','A.aspx');   
           $('#frame').css('height',600);
           $('#lblPageName').text('A');
       }
       else if(PageName=='A1')
       {
           $('#frame').attr('src','A1.aspx');   
           $('#frameEMR').css('height',200);
           $('#lblPageName').text('A1');
       }
       else if(PageName =='A2')
       {
           $('#frame').attr('src','A2.aspx');   
           $('#frame').css('height',100);
           $('#lblPageName').text('A2');
       }
    }
});
</script>

No comments:

Post a Comment