var doesn't keep value, only in the console.log

var doesn't keep value, only in the console.log

I have some problem that i dont get my head arround... I want the variable of eId to be added to the data string but it always comes up as 0, but in the console log it shows the value changing... how can i add the eId value to it. Here is the code:
  2. <?php require_once('Connections/dbconnection.php'); ?>
  3. <?php
  4. if (!function_exists("GetSQLValueString")) {
  5. function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
  6. {
  7.   if (PHP_VERSION < 6) {
  8.     $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  9.   }

  11.   $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  13.   switch ($theType) {
  14.     case "text":
  15.       $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
  16.       break;    
  17.     case "long":
  18.     case "int":
  19.       $theValue = ($theValue != "") ? intval($theValue) : "NULL";
  20.       break;
  21.     case "double":
  22.       $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
  23.       break;
  24.     case "date":
  25.       $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
  26.       break;
  27.     case "defined":
  28.       $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
  29.       break;
  30.   }
  31.   return $theValue;
  32. }
  33. }

  35. mysql_select_db($database_dbconnection, $dbconnection);
  36. $query_eventImages = "SELECT id, status, eventName, eventStart, bigPic FROM events WHERE status = 1 ORDER BY eventStart ASC";
  37. $eventImages = mysql_query($query_eventImages, $dbconnection) or die(mysql_error());
  38. $row_eventImages = mysql_fetch_assoc($eventImages);
  39. $totalRows_eventImages = mysql_num_rows($eventImages);

  41. mysql_select_db($database_dbconnection, $dbconnection);
  42. $query_htmlcaption = "SELECT id, eventName FROM events WHERE status = 1 ORDER BY eventStart ASC";
  43. $htmlcaption = mysql_query($query_htmlcaption, $dbconnection) or die(mysql_error());
  44. $row_htmlcaption = mysql_fetch_assoc($htmlcaption);
  45. $totalRows_htmlcaption = mysql_num_rows($htmlcaption);
  46. ?>
  47. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  49. <html lang="en">

  51. <style type="text/css">
  52. body,td,th {
  53. color: #CCC;
  54. }
  55. </style>
  56. <head>
  57. <title>None</title>
  58. <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
  59. <link rel="stylesheet" href="themes/light/light.css" type="text/css" media="screen" />
  60. <link rel="stylesheet" href="themes/dark/dark.css" type="text/css" media="screen" />
  61. <link rel="stylesheet" href="themes/bar/bar.css" type="text/css" media="screen" />
  62. <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
  63. <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  64. <link rel="stylesheet" href="css/dark-hive/jquery-ui-1.9.0.custom.min.css" type="text/css"/>
  65.     
  66. <style>
  67. body {
  68. font-size: 62.5%;
  69. background-image: url(images/bg001.jpg);
  70. background-repeat: no-repeat;
  71. background-position: center top;
  72. background-color: #000;
  73. }
  74. label, input { display:block; }
  75. input[type=radio], .radio { display: inline; }
  76. input.text { margin-bottom:12px; width:95%; padding: .4em; }
  77. fieldset { padding:0; border:0; margin-top:25px; }
  78. h1 { font-size: 1.2em; margin: .6em 0; }
  79. div#users-contain { width: 350px; margin: 20px 0; }
  80. div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
  81. div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
  82. .ui-dialog .ui-state-error { padding: .3em; }
  83. .validateTips { border: 1px solid transparent; padding: 0.3em; }
  84. </style>

  86. <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  87. <script type="text/javascript" src="js/jquery-ui-1.9.0.custom.min.js"></script>
  88. <script type="text/javascript" src="jquery.nivo.slider.js"></script>
  89. <script type="text/javascript">
  90.     $(window).load(function() {
  91.         $('#slider').nivoSlider();
  92.     });
  93. </script>
  94. <script>
  95. $(function() {
  96. $( "#dialog:ui-dialog" ).dialog( "destroy" );
  98. $("input:radio[name=eventSel]").click(function() {
  99. var eId = $(this).attr("value");
  100. // output to console for eId
  101. console.log(eId);
  102. })
  104. var firstName = $( "#firstName" ),
  105. lastName = $( "#lastName" ),
  106. emailAddress = $( "#emailAddress" ),
  107. allFields = $( [] ).add( firstName ).add( lastName ).add( emailAddress ),
  108. tips = $( ".validateTips" );

  110. function updateTips( t ) {
  111. tips
  112. .text( t )
  113. .addClass( "ui-state-highlight" );
  114. setTimeout(function() {
  115. tips.removeClass( "ui-state-highlight", 1500 );
  116. }, 500 );
  117. }

  119. function checkLength( o, n, min, max ) {
  120. if ( o.val().length > max || o.val().length < min ) {
  121. o.addClass( "ui-state-error" );
  122. updateTips( "Length of " + n + " must be between " +
  123. min + " and " + max + "." );
  124. return false;
  125. } else {
  126. return true;
  127. }
  128. }

  130. function checkRegexp( o, regexp, n ) {
  131. if ( !( regexp.test( o.val() ) ) ) {
  132. o.addClass( "ui-state-error" );
  133. updateTips( n );
  134. return false;
  135. } else {
  136. return true;
  137. }
  138. }
  140. $( "#dialog-form" ).dialog({
  141. autoOpen: false,
  142. height: 425,
  143. width: 375,
  144. modal: true,
  145. buttons: {
  146. "Sign Up": function() {
  147. var bValid = true;
  148. allFields.removeClass( "ui-state-error" );

  150. bValid = bValid && checkLength( firstName, "firstName", 2, 40 );
  151. bValid = bValid && checkLength( lastName, "lastName", 2, 40 );
  152. bValid = bValid && checkLength( emailAddress, "emailAddress", 5, 60 );

  154. if ( bValid ) {
  156. $.ajax({
  157. type: "POST",
  158. url: "crud.php?act=create",
  159. data: "firstName=" + firstName.val() + "&lastName=" + lastName.val() + "&emailAddress=" + emailAddress.val() + "&eventId=" + $eId,
  160. success: function(data){
  162. }
  163. });
  165. $( this ).dialog( "close" );
  166. }
  167. },
  168. Cancel: function() {
  169. $( this ).dialog( "close" );
  170. }
  171. },
  172. close: function() {
  173. allFields.val( "" ).removeClass( "ui-state-error" );
  174. }
  175. });

  177. $('#openMe').click(function() {
  178. $( "#dialog-form" ).dialog( "open" );
  179. });
  180. });
  181. </script>
  182. </head>
  183. <body>
  184.     <div id="wrapper">
  185.         <a href="http://www.visionshocklosangeles.com" id="logolink" title="Go to Visionshock Los Angeles">VS LA</a>

  187. <div class="signup">
  188. <div id="dialog-form" title="Guest List Sign Up">
  189. <p class="validateTips">All form fields are required.</p>

  191. <form>
  192. <fieldset>
  193.   <?php do { ?>
  194.     <label>
  195.       <input type="radio" name="eventSel" value="<?php echo $row_htmlcaption['id']; ?>">
  196.       <?php echo $row_htmlcaption['eventName']; ?></label>
  197.     <?php } while ($row_htmlcaption = mysql_fetch_assoc($htmlcaption)); ?>
  198.     <br>
  199. <label for="firstName">First Name</label>
  200. <input type="text" name="firstName" id="firstName" class="text ui-widget-content ui-corner-all"  value=""/>
  201. <label for="lastName">Last Name</label>
  202. <input type="text" name="lastName" id="lastName" class="text ui-widget-content ui-corner-all"  value=""/>
  203. <label for="emailAddress">Email Address</label>
  204. <input type="text" name="emailAddress" id="emailAddress"  class="text ui-widget-content ui-corner-all"  value=""/>
  205. </fieldset>
  206. </form>
  207. </div>
  208. </div>


  211. <div class="slider-wrapper theme-dark">
  212. <div><img id="openMe" src="images/btn_guestlist.png" width="140" height="72"><a href="mailto:tables@visionshocklosangeles.com"><img src="images/btn_table.png" width="140" height="72"></a></div> 
  213. <div id="slider" class="nivoSlider">
  214.               <?php do { ?>
  215.               <img src="images/<?php echo $row_eventImages['bigPic']; ?>" alt="<?php echo $row_eventImages['eventName']; ?>" data-transition="boxRandom" title="#htmlcaption_up<?php echo $row_eventImages['id']; ?>" />
  216.                 <?php } while ($row_eventImages = mysql_fetch_assoc($eventImages)); ?>
  217. </div>
  218.           
  219.           
  220.           
  221. <div id="htmlcaption_up<?php echo $row_htmlcaption['id']; ?>" class="nivo-html-caption"> For Guestlist sign up please click here, <a href="#">Guestlist</a> </div>
  222. </div>
  223. </div>
  224. <script>
  225. $(function() {
  226. // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
  227. $( "#dialog:ui-dialog" ).dialog( "destroy" );
  229. var firstName = $( "#firstName" ),
  230. lastName = $( "#lastName" ),
  231. emailAddress = $( "#emailAddress" ),
  232. eventId = $( "#eventId" ),
  233. allFields = $( [] ).add( firstName ).add( lastName ).add( emailAddress ).add( eventId ),
  234. tips = $( ".validateTips" );

  236. function updateTips( t ) {
  237. tips
  238. .text( t )
  239. .addClass( "ui-state-highlight" );
  240. setTimeout(function() {
  241. tips.removeClass( "ui-state-highlight", 1500 );
  242. }, 500 );
  243. }

  245. function checkLength( o, n, min, max ) {
  246. if ( o.val().length > max || o.val().length < min ) {
  247. o.addClass( "ui-state-error" );
  248. updateTips( "Length of " + n + " must be between " +
  249. min + " and " + max + "." );
  250. return false;
  251. } else {
  252. return true;
  253. }
  254. }

  256. function checkRegexp( o, regexp, n ) {
  257. if ( !( regexp.test( o.val() ) ) ) {
  258. o.addClass( "ui-state-error" );
  259. updateTips( n );
  260. return false;
  261. } else {
  262. return true;
  263. }
  264. }
  266. $( "#dialog-form" ).dialog({
  267. autoOpen: false,
  268. height: 425,
  269. width: 375,
  270. modal: true,
  271. buttons: {
  272. "Sign Up": function() {
  273. var bValid = true;
  274. allFields.removeClass( "ui-state-error" );

  276. bValid = bValid && checkLength( firstName, "firstName", 2, 40 );
  277. bValid = bValid && checkLength( lastName, "lastName", 2, 40 );
  278. bValid = bValid && checkLength( emailAddress, "emailAddress", 5, 60 );

  280. if ( bValid ) {
  282. $.ajax({
  283. type: "POST",
  284. url: "crud.php?act=create",
  285. data: "firstName=" + firstName.val() + "&lastName=" + lastName.val() + "&emailAddress=" + emailAddress.val() + "&eventId=" + eId,
  286. success: function(data){
  288. }
  289. });
  291. $( this ).dialog( "close" );
  292. }
  293. },
  294. Cancel: function() {
  295. $( this ).dialog( "close" );
  296. }
  297. },
  298. close: function() {
  299. allFields.val( "" ).removeClass( "ui-state-error" );
  300. }
  301. });

  303. $('#openMe').click(function() {
  304. $( "#dialog-form" ).dialog( "open" );
  305. consol.log();
  306. });
  307. });
  308. </script>
  309. </body>
  310. </html><?php
  311. mysql_free_result($eventImages);

  313. mysql_free_result($htmlcaption);
  314. ?>
Please any help would be great.