How about something like this:
<head>
<script type="text/javascript" src="JS/jQuery_Base.js"></script>
<script type="text/javascript" src="JS/jQuery_getParams.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input.load').click(function(){
$('#Details').load('episodes.html .'+this.id);
});
});
</script>
</head>
<body>
<input type="button" class="load" id="one" value="load one" />
<input type="button" class="load" id="two" value="load two" />
<input type="button" class="load" id="three" value="load three" />
<div id="Details">
</div>
</body>
On Jul 17, 8:51 am, Phil <pjwhitehea...@googlemail.com> wrote:
> Here i have a problem: I am uing the AJAX load() and use it like this
>
> <head>
> <script type="text/javascript" src="JS/jQuery_Base.js"></script>
> <script type="text/javascript" src="JS/jQuery_getParams.js"></script>
> <script type="text/javascript">
> $(document).ready(function(){
> $('#load1').click(function(){
> $('#Details').load('episodes.html .one');
> });
> $('#load2').click(function(){
> $('#Details').load('episodes.html .two');
> });
> $('#load3').click(function(){
> $('#Details').load('episodes.html .three');
> });
> });
> </script>
> </head>
> <body>
> <input type="button" id="load1" value="load one" />
> <input type="button" id="load2" value="load two" />
> <input type="button" id="load3" value="load three" />
> <div id="Details">
> </div>
> </body>
>
> See that clicking the diffrent buttons will load diffrent content. I
> plan to have upwards of 50 links and was wondering if there was a way
> i could have one function to load the diffrent content. i have tried
> various methods non of which have worked so i will leave this open.
>
> thanks in advance Phil.
