[jQuery] how to change the iframe src

Fri, 06 Feb 2009 13:37:13 -0800 

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>

Reply via email to