Just The Word - API Sample Code

JustTheWord API Sample Code

jtw + Wordle mashup

This sample code shows html and javascript (AJAX) to retrieve collocations from jtw and send them to Wordle to make a nice picture.

The code does this:

gets an input word from the user
retrieves collocations from the jtw API, using a JSONP request (using the jQuery.js library)
transcodes the data returned into Wordle input, keeping the first 15 combinations
injects the data into a Wordle form and submits the form
which opens the Wordle App in a new window

Enjoy!

<html>                                                                  
<head>                                                                  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>          
<script type="text/javascript">                                         
 //--------------------
 // JTW-Wordle sample code
 // Idea: Steve Neufeld
 // Code: Phil Edmonds
 //--------------------
 $(document).ready(function() {

$("#go").click(function() {
     var word = $("input[name=word]").val();
     var url = "http://www.just-the-word.com/api/combinations?word="+word+"&callback=?";
     $.getJSON(url, function(data){
       if (data.status == "ok") {
         var combinations = data.combinations[0].list;
         var str = "";
          // take first 15 combinations and format for Wordle
          for (i=0;i<Math.min(15,combinations.length);i++) {
	    // elements of a row are [pattern, cluster number, collocation, frequency, significance]
            str += combinations[i][2] + ":" + combinations[i][4] + "\r";
         }
         // inject into the Wordle form
         $("#wordcounts").text(str);
         $("#wordlesubmit").click();
       } else {
         alert("jtw server error");
       }
     });
   });

});
</script>                                                               
</head>                                                                 
<body>
Test mashup jtw + Wordle<br/>                                                         
<input type="text" name="word" value=""/>
<input type="button" id="go" name="submit" value="Go"/>

</body>                                                                 
</html>