:D Brilliant, thanks. I have tried this in some form but i couldn't
get it to work.
Thanks :)
On Jul 17, 8:13 pm, James <james.gp....@gmail.com> wrote:
> 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.
