Need help Please
Need help Please
Hi there,
Ive been trying to archieve a jQuerry script to allow an iframe "src" attribute to change to the "title" attribute of a clicked link. The reason i made the iframe "src" gather its link form the "title" attribute instead of the "href" attribute is simply to avoid pc's that arent fast enough to parse all the scripts to get linked off to the page specified in the "href" - i found this is necessary because it often occuered that when the PC ran low on resources and once a user clicked on the link it ignored / did not have enough time to include the jquery logic and just linked the user off to another page istead of dropping that link into the src of the iframe.... hope that makes sense: ok here are some examples and what ive done so far ....
jQuery Script:
<script type="text/javascript">
$(function() {
$('.button_a').click(function() {
$('#iframe_a').attr('src',this.title);
return false;
});
});
</script>
Example links (class=button_a):
<a title="a_example_link1.php" class="button_a" >Click here</a>
<a title="a_example_link2.php" class="button_a" >Click here</a>
<a title="a_example_link3.php" class="button_a" >Click here</a>
...
Iframe to be changed (id=iframe_a):
<iframe id="iframe_a" src="initial_link.php"></iframe>
All this works quite well but it starts stalling at some stage, especially if you click the example links 2ce in a row and then try to click on other ... My thinking is that the "this.title" script in "$('#iframe_a').attr('src',this.title);" is trying to get the title attribute from the wrong element (this) - presumably the title of the iframe ...
Can someone just review my code and tell me what im doing wrong ... THANKS