Response title
This is preview!
- Screen name: webernest
webernest's Profile
2 Posts
5 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hi every body
i have still a problem with my jquery accordion i would like to refresh my page each time that i click to open one div in my accordion. i texedt with this code , but don't work.
i don't know very well about jQuery ui.
well i testied with some code to gave some body in this forum.
$(function(){
$( ".accordion" ).accordion({ fillSpace: true });
$(".accordion").accordion({ header: "h3" , active: 4});
$('a[href*=#]').click(function() {
$( "body" ).accordion( "refresh" );
});
<body>
<div class="accordion">
<h3><a href="#menu1">menu1</a></h3>
<div><iframe src="index1.html"></iframe></div>
<h3><a href="#menu2">menu2</a></h3>
<div><iframe src="index2.html"></iframe></div>
<h3><a href="#menu3">menu3</a></h3>
<div><iframe src="index3.html"></iframe></div>
</div>
please help me- 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.- «Prev
- Next »
Moderate user : webernest
