Passing variables through modal

Passing variables through modal

Hey Guys,

I've run into a problem where it involves passing a variable to a jquery modal dialogue upon a user clicking a link. 

*This also is a topic where it involves some php.

Basically, at the moment i have got 2 results from a database that each have a id (24, 25). The links are displayed on schedule.php. When the user clicks one of these links, it will open up the modal (lineup.php), which will then show the id depending on what link the user has clicked.

I have given it my best shot, but my javascript is not the best.

schedule.php
  1. <div id='basic-modal'><a href="schedule.php?id=24" class='basic'>Link One </a></div>
  2. <div id='basic-modal'><a href="schedule.php?id=25" class='basic'>Link Two </a></div>
lineup.php
 
     
    
      
  1. <?
    2. 
      
  2. $id = $_GET['id'];
    3. 
      
  3. echo $id;
    4. 
      
  4. ?>
    5.
Javascript 
      
    
       
  1. jQuery(function ($) {
    2. 
       

    3. 
       
  3.  // Load dialog on click
    4. 
       
  4.  $('#basic-modal .basic').click(function (e) {
    5. 
       
  5.  $.get("schedule.php?id=" + this.hash.substr(1), function (data ){
    6. 
       
  6.  $('#content-one').modal({
    7. 
       
  7.  overlayClose:true,
    8. 
       
  8.  opacity:40
    9. 
       
  9.  });
    10. 
       
  10.  
    11. 
       
  11.  });
    12. 
       
  12.  return false;
    13. 
       
  13.  });
    14. 
       
  14. });
    15.



At the moment, when i click on a link it opens the modal, and says this:

Notice: Undefined index: id in /Users/Tim/Sites/2012MP/modals/lineup.php on line 18

Any help much appreciated. Cheers Guys.