I tried to use Richardo' method, it is still not working.
SourceCOde:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-
Type"/>
<title>RAP Console</title>
<link type="text/css" media="screen" rel="stylesheet" href="clilib/
mainpage.css">
<script src="jscripts/wizard/jquery-1.2.3.pack.js" type="text/
javascript"></script>
</head>
<script>
var refreshTime=30000;
var summaryTab=1;
var connectTab=2;
var diagTab=3;
var isSummaryInit= true;
var isConnectInit=false;
var isDiagInit=false;
var mode="protype";
var currentTab=summaryTab;
function clickTab( tabName)
{
if(tabName==currentTab) return;
if(tabName==summaryTab)
{
$('#summaryframe'+'iframe').attr("src","http://www.google.com";);
}
else if(tabName==connectTab)
{
$('#connectframe'+'iframe').attr("src","http://www.yahoo.com";);
}
else if(tabName==diagTab)
{
$('#diagframe'+'iframe').attr("src","http://www.yelp.com";);
}
currentTab=tabName;
};
$(document).ready(init);
function init()
{
$('#Summary').bind('click',function(){clickTab(summaryTab)});
$('#Connectivity').bind('click',function(){clickTab(connectTab)});
$('#Diag').bind('click',function(){clickTab(diagTab)});
};
</script>
<body>
<div id="header">
<div id="title"><img src="images/logo.gif"></div>
<div id="header_logo"><img src="images/logo.gif"></div>
</div>
<div id="tab">
<ul id="tab_ul" class="up">
<li id="Summary">Summary</li>
<li id="Connectivity">Connectivity</li>
<li id="Diag">Diagnostics</li>
</ul>
</div>
<div id="global_content">
<div id="status">Connection Status:</div>
<div id="updateTime"> Last updated: 10:31:14 AM</div>
<div id="refresh">Refresh</div>
<div id="gensupport"> Generate & save support file</div>
</div>
<div id="frame">
<div id="summaryframe">
<iframe width="100%" height="100%"
frameborder="1"></iframe>
</div>
<div id="connectframe">
<iframe width="100%" height="100%"
frameborder="1"></iframe>
</div>
<div id="diagframe">
<iframe width="100%" height="100%"
frameborder="1"></iframe>
</div>
</div>
</body>
</html>
On Feb 6, 2:48 pm, Ricardo Tomasi <ricardob...@gmail.com> wrote:
> $('connectframe'+'iframe')
>
> should be
>
> $('#connectframe'+' iframe') (notice the whitespace) and so on..
>
> On Feb 6, 7:34 pm, cindy <ypu01...@yahoo.com> wrote:
>
> > Hi,
>
> > what I want to do is to change iframe src, when click the tab. The
> > click function is called, but the iframe src is not changed at all. Do
> > you know what is wrong?
>
> > Cindy
>
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > <html xmlns="http://www.w3.org/1999/xhtml";>
> > <head>
> > <meta content="text/html; charset=iso-8859-1" http-equiv="Content-
> > Type"/>
> > <title>RAP Console</title>
> > <link type="text/css" media="screen" rel="stylesheet" href="clilib/
> > mainpage.css">
> > <script src="jscripts/wizard/jquery-1.2.3.pack.js" type="text/
> > javascript"></script>
> > </head>
> > <script>
> > var refreshTime=30000;
> > var summaryTab=1;
> > var connectTab=2;
> > var diagTab=3;
> > var isSummaryInit= true;
> > var isConnectInit=false;
> > var isDiagInit=false;
> > var mode="protype";
> > var currentTab=summaryTab;
>
> > function clickTab( tabName)
> > {
> > if(tabName==currentTab) return;
> > if(tabName==summaryTab)
> > {
> >
> > $('summaryframe'+'iframe').attr("src","http://www.google.com";);
> > setFocus('summaryframe');
> > }
> > else if(tabName==connectTab)
> > {
> >
> > $('connectframe'+'iframe').attr("src","http://www.yahoo.com";);
> > setFocus('connectframe');
> > }
> > else if(tabName==diagTab)
> > {
> > $('diagframe'+'iframe').attr("src","http://www.yelp.com";);
> > setFocus('diagframe');
> > }
> > currentTab=tabName;
>
> > };
>
> > $(document).ready(init);
> > function init()
> > {
> > $('#Summary').bind('click',function(){clickTab(summaryTab)});
> > $('#Connectivity').bind('click',function(){clickTab(connectTab)});
> > $('#Diag').bind('click',function(){clickTab(diagTab)});
>
> > };
>
> > </script>
> > <body>
> > <div id="header">
> > <div id="title"><img src="images/alogo.gif"></div>
> > <div id="header_logo"><img src="images/ogo.gif"></div>
> > </div>
> > <div id="tab">
> > <ul id="tab_ul" class="up">
> > <li id="Summary">Summary</li>
> > <li id="Connectivity">Connectivity</li>
> > <li id="Diag">Diagnostics</li>
> > </ul>
> > </div>
> > <div id="global_content">
> > <div id="status">Connection Status:</div>
> > <div id="updateTime"> Last updated: 10:31:14 AM</div>
> > <div id="refresh">Refresh</div>
> > <div id="gensupport"> Generate & save support file</div>
> > </div>
> > <div id="frame">
> > <div id=""summaryframe">
> > <iframe width="100%" height="100%"
> > frameborder="1"></iframe>
> > </div>
> > <div id ="connectframe">
> > <iframe width="100%" height="100%"
> > frameborder="1"></iframe>
> > </div>
> > <div id ="diagframe">
> > <iframe width="100%" height="100%"
> > frameborder="1"></iframe>
> > </div>
> > </div>
> > </body>
> > </html>
