jquery - display the contents of another page inside tabs -
how going display external page inside tabs? have these 4 tabs , aiming call external pages when clicked.
<div class="bs-example bs-example-tabs" role="tabpanel" style="padding-top: 70px;"> <ul id="mytab" class="nav nav-tabs" role="tablist"> <li> <a href="#viewpools.aspx" id="#tab0" role="tab" data-toggle="tab" >pool </a></li> <li> <a href="#tabcategory" id="#tab1" role="tab" data-toggle="tab" >category </a></li> <li> <a href="#tab2" id="#tab2" role="tab" data-toggle="tab">sla </a></li> <li> <a href="#tab3" id="#tab3" role="tab" data-toggle="tab">notification </a></li> </ul> <div id="mytabcontent" class="tab-content"> <div class="tab-pane" id="viewpools"></div> </div> </div>
is there way can using jquery? thanks
<html> <style type="text/css"> <!-- #container { width: 388px; height: 280px; border: 0px solid #000; overflow: hidden; margin: auto; } #container iframe { width: 1000px; height: 700px; margin-left: -514px; margin-top: -279px; border: 0 solid; } --> </style> </head> <body> <div id="container"> <iframe src="http://stackoverflow.com/" scrolling="no"></iframe> </div> </body>
you can access number of pages creating multiple iframes, replace desired webpage src used in code.
Comments
Post a Comment