EasyUI Forum
April 29, 2024, 05:50:29 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
EasyUI Forum > General Category > EasyUI for jQuery > href question (load page into tab)
Pages: [1]
« previous next »
  Print  
Author Topic: href question (load page into tab)  (Read 17713 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: September 18, 2013, 02:30:51 AM »
Hi all
I need to add tab and load some external web-page inside that tab.
This is my try:

    $('#main_tabs').tabs('add',{
      title:'some_title',
      href: 'http://www.google.com'
    });

and this one

    var tab = $('#main_tabs').tabs('getSelected');  // get selected panel
      $('#main_tabs').tabs('update', {
      href: 'http://www.google.com'
      });

but it does not work.
How to load external web-page inside tab?
Thanks.
Logged
mzeddd
Full Member
***
Posts: 223



View Profile
« Reply #1 on: September 18, 2013, 04:16:43 AM »
I do like you do in 1st example. It works for me

Code:
if ($('#searchTabs').tabs('exists',title)){
	$('#searchTabs').tabs('getTab',title).panel('refresh',address);
	$('#searchTabs').tabs('select',title);
} else {
	$('#searchTabs').tabs('add',{
		title:title,
		href:address,
		closable:true
	});
}
Logged
mzeddd
Full Member
***
Posts: 223



View Profile
« Reply #2 on: September 18, 2013, 04:22:32 AM »
I'm not sure but there is potential risk of loading big 'live' pages what my redefine JQuery library or things like this.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #3 on: September 18, 2013, 05:31:55 AM »
Hello
thanks for your help but it does not work for me.
Here is complete code:

Code:
<html>
<head>
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
  <script type="text/javascript">
  function    AddTab()
  {
    $('#main_tabs').tabs('add',{
      title:"Google",
      href:"http://www.google.com",
      closable:true
    });     
  }
</script>
</head>
<body>
	<div id="main_tabs" class="easyui-tabs" fit="true">
		<div title="First Tab" style="padding:10px;">
      <a href="#" onclick="AddTab()">Add Google</a>
		</div>
	</div>
</body>
</html>

What I'm doing wrong?
Thanks.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #4 on: September 19, 2013, 10:33:32 PM »
Anyone, please?
Just copy/paste my last example and see is website loaded inside tab?
It does not work for me.
Thanks.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #5 on: September 20, 2013, 05:12:46 PM »
You are not allowed to load external page because AJAX requests are limited to the same domain and port.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #6 on: September 20, 2013, 10:32:05 PM »
OK
Logged
Pages: [1]
  Print  
« previous next »
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!