www.webdeveloper.com
Results 1 to 3 of 3

Thread: Sending a variable back to ajax after on click event

Hybrid View

  1. #1
    Join Date
    Mar 2012
    Posts
    18

    Sending a variable back to ajax after on click event

    So what im trying to do is have items match up to each other from a sortable jquery ui function my problem is ive gotten so far now im stuck! i dont know how to return the variables for which items are wrong back to my js/jquery/ajax script with out adding another on click event? any help would be greatly appreciated THANK YOU!

    PHP:

    Code:
    				if(isset($_POST['matching_idd'])){
    				$correct = true;
    				$incorrect_keys = array();
    				foreach($_POST['matching_idd'] as $key => $_id)
    				{
    					$answer = db_get_by_sql("SELECT * FROM trivia_answers WHERE id = $_id");
    					$answer = $answer[0];
    					$answer1 = strtolower($_POST['matching_answer'][$key]);
    						$answer2 = strtolower($answer['matching_answer']);
    					if ($answer1 != $answer2)
    					{
    						
    						$correct = false;
    						$incorrect_keys[] = $key;
    					}
    				}
    				if(!$correct)
    				{
    					foreach($incorrect_keys as $key)
    					{
    						$out .='<input type="hidden" class="inccorect_key" value="' .$key. '" />';
    					}
    				}
    					return $out;
    							exit;
    						}
    AJAX/JS/JQUERY:

    Code:
    	function CallQuestionPhp()
    	{
    		$('#fill_in_button_2').live('click',function() {
      
    		var queryThis = '';
    		var inc = 0;
    		$('.matching_idd').each(function()
    		{
    			queryThis +='&matching_idd['+inc+']=' +$(this).val();
    			inc++;
    			
    		});
    		inc = 0;
    			$('.trivia_matching_sort').each(function()
    		{
    			queryThis +='&matching_answer['+inc+']=' +$(this).text();
    			inc++;
    			
    		});
    		 $.post(rootDir + "_mods/ajax/trivia/" + triviaID, queryThis, function(result){
    	   $("#trivia_question_box").html(result);
       });
    	});
    		
        $.post(rootDir + "_mods/ajax/trivia/" + triviaID, {category: QuestionCategory, difficulty: postDifficulty}, function(result){	
    		if(result.indexOf('~~ERROR~~') > -1){
    			createMessageBox(result.replace(/\~\~ERROR\~\~/gi, ''))
    		
    		}
    		else{
    		
          		$("#trivia_question_box").html(result);
    			$('#trivia_matching_right').sortable();
    			$('#trivia_matching_right').disableSelection();
    		}
        });
    	}

  2. #2
    Join Date
    Mar 2012
    Posts
    18
    here the HTML/PHP that matters:
    Code:
    	$answers = db_get_by_sql("SELECT * FROM trivia_answers WHERE FIND_IN_SET(id, '" .$getquestion['trivia_answers']. "') > 0 ORDER BY RAND()");
    				foreach($answers as $key1 => $getanswer)
    				{
    					$colorblock = $colorblock + 1;
    					if ($colorblock == 1 || $colorblock == 3 || $colorblock == 5)
    					{
    					$out .='<div id="trivia_matching_state" style="background:#DEB560;opacity:0.8;filter:alpha(opacity=80);">';
    					}else{
    						$out .='<div id="trivia_matching_state">';
    					}
    					$out .='<div id="no_worries" style="margin-left:112px;">' .$getanswer['answer']. '</div>';
    					$out .='<input type="hidden" class="matching_idd" value="' .$getanswer['id']. '"/>';
    					$out .='</div>';
    					
    				}
    				$out .='</div>';
    				$out .='<div id="trivia_matching_right">';
    						$answers2 = db_get_by_sql("SELECT * FROM trivia_answers WHERE FIND_IN_SET(id, '" .$getquestion['trivia_answers']. "') > 0 ORDER BY RAND()");
    				foreach($answers2 as $key2 => $getanswer2)
    				{
    					$out .='<div class="trivia_matching_sort">';
    					$out .='' .$getanswer2['matching_answer']. '';
    					$out .='';
    					$out .='</div>';
    				}
    					$out .='<div id="fill_in_button_2"></div></div>';
    					
    					$out .='<div id="continue_button"></div>
    					<div id="answer_correct_incorrect"></div>';
    					$out .='</div>';
    				}

  3. #3
    Join Date
    Mar 2012
    Posts
    18
    nvm i found that my .html was replacing my earlier script i changed that to .append and wrote a whole nother script thank you!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles