Response title
This is preview!
reload Iframe of accordion jquery
in Using jQuery UI
•
6 months ago
Hi everybody i am new in this web site i don't know very well how work this forum.
and i am not many knowledge with jQuerys. I use one accordion Jquery in my web site and i use iframes into each div of the accordion. But i have a problem with the Firefox browser.
I would like to know how i can reload a iframe when i click to open the tab in the accordion. i put here the code that I tried to use but don't work. pleaseee i need help
-------------------------------- code --------------------------------------------
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<style type='text/css'>
html, body {
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.accordion {
height: 100%;
}
</style>
<script type='text/javascript'>//<![CDATA[
$(function(){
$( ".accordion" ).accordion({ fillSpace: true });
$(".accordion").accordion({ header: "h3" , active: <?php echo $angle; ?>});
$(window).resize(function(){
// update accordion height
$( ".accordion" ).accordion( "resize" )
});
});//]]>
</script>
</head>
<body>
<div class="accordion">
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab1</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab2</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab3</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab4</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab5</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
</div>
</body>
</html>
-------------------------------- code --------------------------------------------
thank you for your help.
and i am not many knowledge with jQuerys. I use one accordion Jquery in my web site and i use iframes into each div of the accordion. But i have a problem with the Firefox browser.
I would like to know how i can reload a iframe when i click to open the tab in the accordion. i put here the code that I tried to use but don't work. pleaseee i need help
-------------------------------- code --------------------------------------------
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<style type='text/css'>
html, body {
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.accordion {
height: 100%;
}
</style>
<script type='text/javascript'>//<![CDATA[
$(function(){
$( ".accordion" ).accordion({ fillSpace: true });
$(".accordion").accordion({ header: "h3" , active: <?php echo $angle; ?>});
$(window).resize(function(){
// update accordion height
$( ".accordion" ).accordion( "resize" )
});
});//]]>
</script>
</head>
<body>
<div class="accordion">
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab1</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab2</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab3</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab4</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
<h3 ><a href="#" onclick="document.getElementById('testFrame').refresh();">tab5</a></h3>
<div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
</div>
</body>
</html>
-------------------------------- code --------------------------------------------
thank you for your help.
1
