Dynamic Content
Dynamic Content
I have a file that contains a list of contacts. Each alphabet letter has its own div with last names that start with that letter. Like this:
Filename is AJAX.htm
<div id="A">
Anderson<br>
Alliance<br>
</div>
<div id="B">
Bendover<br>
Banson<br>
</div>
When a user clicks on the appropriate letter I want to pull in just the appropriate div info into the existing page. So, they would click on one of these two buttons:
<a href="#" onclick="showContent('A')">A</a>
<a href="#" onclick="showContent('B')">B</a>
1) <script type="text/javascript">
2) $("document").ready( function () {
3) function showContent(myLetter) {
4) $("#userData").load("AJAX.htm #myLetter");
5) }
6) });
7) </script>
The problem seems to be that the myLetter variable isn't seen correctly in line #4.
Can you help me get this working?