Php Code Needs Ajax To Prevent Page Reload

strydom · November 18, 2012

Hi there,

Basically what i need is for my site to not refresh every time i click one of the buttons. I have got as far as finding out that it requires AJAX but i don’t have a clue how to use it :confused:

This is some of my code...it basically covers the main parts but if you need more then please ask...

<html>
<head>
<script>
$(function() {
 var tabs = $( "#tabs" ).tabs({collapsible: true, active:"flase"});
 tabs.find( ".ui-tabs-nav" ).sortable({axis:"x", stop:function() {tabs.tabs( "refresh" );}
 });
});

$(function() {
 $( ".box" ).draggable({containment: "#restrictor", scroll: false, snap: true, opacity: 0.35,
cancel: ".box-content"
});

 $( ".box" ).addClass( "ui-widget ui-widget-content ui-corner-all" )
	 .find( ".box-header" )
	 .addClass( "ui-widget-header ui-corner-all" )
	 .prepend( "<span class='ui-icon ui-icon-minusthick'></span>")
	 .end()
	 .find( ".box-content" );

 $( ".box-header .ui-icon" ).click(function() {
	 $( this ).toggleClass( "ui-icon-minusthick" ).toggleClass( "ui-icon-plusthick" );
	 $( this ).parents( ".box:first" ).find( ".box-content" ).toggle();
});

$( "#container" ).disableSelection();
});

$(function() {
 $( "input[type=submit], #Buttons, button" )
	 .button()
	 .click(function( event ) {
		 event.preventDefault();
	 });
});

setInterval(function()
{
$('#timeval').load('Home_Automation/Includes/time.php');
}, 1000);
</script>
</head>
<body>


<!------------------------Serial Port/Commands/Functions--------------------------->
<?php

if (isset($_GET['action'])) {

require("Home_Automation/Includes/php_serial.class.php");

$serial = new phpSerial();

$serial->deviceSet("COM3");

exec('mode COM3 BAUD=96 PARITY=n DATA=8 STOP=1 xon=off octs=off rts=on');

$serial->deviceOpen();

if ($_GET['action'] == "on") {
$serial->sendMessage("L");
$file = fopen("Home_Automation/Includes/lights.txt","w");
fwrite($file, "1");
fclose($file);

} else if ($_GET['action'] == "off") {
$serial->sendMessage("l");
$file = fopen("Home_Automation/Includes/lights.txt","w");
fwrite($file, "0");
fclose($file);

} else if ($_GET['action'] == "unlock") {
$serial->sendMessage("D");
$file = fopen("Home_Automation/Includes/doors.txt","w");
fwrite($file, "1");
fclose($file);

}

$serial->deviceClose();
}
?>

<!--------------------------------Main Container----------------------------------->
<div id="restrictor" class="ui-widget-content">

<!--------------------------------Controll Switches-------------------------------->
<!-------------------------------------Doors--------------------------------------->
<div class="box">
<div class="box-header">Doors</div>
<div class="box-content">
<a class="button" href="<?php echo $_SERVER['PHP_SELF'] . '?action=unlock' ?>">Unlock</a>
<div id="PHP">
<?php
$file = fopen("Home_Automation/Includes/doors.txt", "r") or exit("Unable to open file!");
 if (fgetc($file)==1)
		 echo "<img src=\"Home_Automation/Images/Door_Open.gif\" />";

 else
		 echo "<img src=\"Home_Automation/Images/Door_Closed.gif\" />";
fclose($file);
?>
</div>
<a class="button" href="<?php echo $_SERVER['PHP_SELF'] . '?action=lock' ?>">Lock</a>
</div></div>
</div>
</html>

It’s not really in order as i cut bits out but that covers the basic code...

If someone could please show me some code snippets that i would need to include or something that would be great :happy-04:

Thanks,

Chris

Edited November 18, 2012 by strydom

Sign In

Php Code Needs Ajax To Prevent Page Reload

Recommended Posts

strydom

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information