Storyline to PHP via AJAX

In the previous posts related to Storyline and PHP interactivity, we have discussed about

Storyline to PHP via FLASH

Storyline to PHP via Javascript

In the first method, dependency on FLASH coding increases. While in the second, there is a vulnerability, which leaves the process to learner manipulation. (No, I am not going to discuss that. However if you are interested to know, check the url when the javascript is executed)

We can however improve the second method, so that the values are hidden while passing it to PHP. We can do this by using AJAX. Let’s see how to do it.

We’ll do this Right to Left.

 

Let us assume that the variables used in SL are passvalue1 and passvalue2.

First, create a PHP that will accept the values from the HTML data and store it in CSV.

Here, I used the following code:

---

Name of the file: process14032014.php

var1 is not set!";
	
	    	
	if (isset($_GET['passvalue2'])) $php_var2 = $_GET['passvalue2'];
    else $php_var2 = "
var2 is not set!";

	$cvsData .= $_GET['passvalue1'].",".$_GET['passvalue2'].PHP_EOL; // Format to concatenate the data in one string.
	
	
	/* $cvsData .= $_GET['$php_var2'].”,”.$_GET['$php_var2'].PHP_EOL; // Format to concatenate the data in one string. */
	$fp = fopen('data.csv', 'a');

	if($fp)
	{
	fwrite($fp,$cvsData); // Write information to the file
	fclose($fp); // Close the file
	}
	
	echo $cvsData;
?>

---

Then create an HTML page that pulls the data from Storyline and passes it to the PHP page

CREDITS: Thanks to Arpan Das for his post.

---

Name of the file: index.html

  
    
  

      
    Pass Value!
    

        

	Data Successfully Submitted.

  

---

After this upload both the HTML and PHP on the server.

 

Finally create a storyfile that uses the two variables – passvalue1 and passvalue2.

Now insert a screen that contains the HTML as a web-object.

And lightbox this screen to the ‘on-click’ trigger of the button on the previous screen.

 

Finally place a file data.csv in the same location where the HTML and PHP files are saved.

 

See the output in action here.
Get the source files here.