Login   Register  
PHP Classes
elePHPant
Icontem

File: sample.php

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Bari Hossain  >  A Simple Sloganizer  >  sample.php  >  Download  
File: sample.php
Role: Example script
Content type: text/plain
Description: this is the page where AJAX is used to get the slogans and display it
Class: A Simple Sloganizer
Generate slogan phrases from given keywords
Author: By
Last change:
Date: 7 years ago
Size: 1,345 bytes
 

Contents

Class file image Download
<HTML>
<HEAD>
<TITLE>SLOGANIZE YOU KEYWORDS!!!!</TITLE>
<script language="javascript" type="text/javascript"> 
//Browser Support Code
function ajaxFunction(){
    var ajaxRequest;  // The variable that makes Ajax possible!
    
    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Your browser broke!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
            var ajaxDisplay = document.getElementById('ajaxDiv');
            ajaxDisplay.innerHTML = ajaxRequest.responseText;
        }
    }
    var keyword = document.getElementById('keyword').value;
    var queryString = "?key=" + keyword;
    ajaxRequest.open("GET", "sloganizer.php" + queryString, true);
    ajaxRequest.send(null); 
}
</SCRIPT>
</HEAD>
<BODY>
<div id='ajaxDiv' align="center">The Slogans will be displayed here</div>
<br>
<div align="center">
    <input type="text" id="keyword"><br>
    <input type='button' onclick='ajaxFunction()' value='Sloganize'>
</div>
</BODY>
</HTML>