reload Iframe of accordion jquery
Hi Zoho team
I'am new in this web forum. and wed designer and i am not many knowledge with jquery. well I use one accordion jquery for one web site and i use one iframe for each div of the accordion. I would like to know How i can reload one iframe when i click to open one div. ??
i use the tag javascript onclick for reload the iframe but that not work. I searched many informations in forums but i don't found anything about.
Please i realy need help because i need that the iframe must to be reload when i open the div
thank you for your help
-------------- Beginning of code ---------------------------
<html >
<head>
<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: 4});
$(window).resize(function(){
// update accordion height
$( ".accordion" ).accordion( "resize" )
});
});//]]>
</script>
</head>
<body>
<div class="accordion">
<h3 >
<a href="#" onclick="document.getElementById('testFrame').refresh();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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>
I'am new in this web forum. and wed designer and i am not many knowledge with jquery. well I use one accordion jquery for one web site and i use one iframe for each div of the accordion. I would like to know How i can reload one iframe when i click to open one div. ??
i use the tag javascript onclick for reload the iframe but that not work. I searched many informations in forums but i don't found anything about.
Please i realy need help because i need that the iframe must to be reload when i open the div
thank you for your help
-------------- Beginning of code ---------------------------
<html >
<head>
<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: 4});
$(window).resize(function(){
// update accordion height
$( ".accordion" ).accordion( "resize" )
});
});//]]>
</script>
</head>
<body>
<div class="accordion">
<h3 >
<a href="#" onclick="document.getElementById('testFrame').refresh();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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();">réalisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></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>
Topic Participants
webernest
Amy Gianos
Lawrence (Larry)
Guminskaya
Sticky Posts
Website Accessibility
I have two sites created in Zoho Sites which are both live. Some questions: 1. Are any of the template themes WCAG 2.1 AA compliant? 2. How do I change the format of a sub-heading in the header section? 3. Is there any way to add focus indication forUnveiling Zoho Sites 2.0 - A new dimension in website building
Dear Zoho Sites Users, We are thrilled to announce the launch of Zoho Sites 2.0 today! This refresh represents a significant step forward in the capabilities of Zoho Sites and is crucial for creating a lasting and positive impact on our customers' businesses.Visual Editor Webinar
Join our FREE live webinar to learn how to use the Zoho Sites Visual Editor to easily design your website. Our product specialist will demonstrate how this tool will help you customize your website to suit your requirements. Register here: https://www.zoho.com/sites/webinars/SEO for your Zoho Sites Website
Join our live webinar to learn how to use Zoho Sites' SEO tools to boost your website's ranking. Our product specialist will demonstrate everything you need to know about optimizing your web pages to make them search engine friendly. Register here for free: https://www.zoho.com/sites/webinars/Zoho Sites Webinar | Integrations
Join our FREE live webinar to learn how to integrate both Zoho and third-party products with your Zoho Sites website. Our product expert will demonstrate how to use these integrations to grow, manage, and retain the customers you bring in. Learn how to take your business forward and build stunningly robust and efficient websites. Register here: https://www.zoho.com/sites/webinars/