Click here to Skip to main content
15,881,600 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Hi everyone.
i got some real AWESOME code from this website regarding white board
(here it is ...http://www.codeproject.com/Articles/167763/Fun-with-HTML5-Canvas-WebSocket-JQuery-and-ASP-NET )

I loved this project so much so that i picked it for my final year bachelor project.
Since i am learning php of my own i want to know how can i run this project in php...i don't want to run it in asp.net....

The author shows us how to run it in asp.net :Running the white board Application
Follow these steps to run the white board application:
Download the whiteBoard.zip (Download link at the top of this article) and extract it......and so on.

I know this post is too long to read...

************All i want to know is how can i run this project in php, whatever the way it is please suggest me***************

Thanks in advance.
Posted
Updated 22-Oct-17 4:12am

You have to rewrite the .Net code into php, which will be a lot of work (if even possible as you cannot listen to a port in php, which is needed if you want to use the WebSocket for duplex communication)...
 
Share this answer
 
<%@ Page  Title="" Language="C#"  AutoEventWireup="true" CodeFile="adminlogin.aspx.cs" Inherits="adminlogin" %>

<html>
<head id="Head1" runat="server">
	<title>Royal Shine a Resort </title>
	<!-- for-mobile-apps -->
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- //for-mobile-apps -->
	<link href="../css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<!-- menu -->
	<link href="../css/component.css" rel="stylesheet" type="text/css" />
	<!-- //menu -->
	<link rel="stylesheet" href="../css/swipebox.css">
	<link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!-- js -->
	<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
	<!-- //js -->
	<!-- fonts -->
	<link href='//fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>
	<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
		rel='stylesheet' type='text/css'>
	<!-- //fonts -->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="../js/move-top.js"></script>
	<script type="text/javascript" src="../js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<!-- swipe box js -->
	<script src="../js/jquery.swipebox.min.js"></script>
	<script type="text/javascript">
		jQuery(function ($) {
			$(".swipebox").swipebox();
		});
	</script>
	<!-- //swipe box js -->
	<!--animate-->
	<link href="../css/animate.css" rel="stylesheet" type="text/css" media="all">
	<script src="../js/wow.min.js"></script>
	<script>
		new WOW().init();
	</script>
	<!--//end-animate-->
</head>
<body class="cbp-spmenu-push">
	<form id="Form1" runat="server">
	<!--top-header-->
	<!--bottom-->
	<div class="footer-bot wow fadeInRight animated" data-wow-delay=".5s">
		<div class="container">
			<div class="logo2">
				<h2>
					<a href="../index.html">Royal Shine</a></h2>
			</div>
			<div class="ftr-menu">
			<br />
			<br />
				<ul>
					<li><a href="../index.html">HOME </a></li>
					<li><a href"about.html">ABOUT</a></li>
					<li><a href"services.html">SERVICES</a></li>
					<li><a href="../gallery.html">GALLERY</a></li>
					<li><a href"contact.html">CONTACT</a></li>
					<br />
					<br /><br />
				</ul>
			</div>
			<div class="clearfix">
			</div>
		</div>
	</div>
	<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
	<script src="../js/classie.js"></script>
	<!-- banner -->
	<div class="banner ">
		<div class="banner-left page-head">
			<div class="grid__item wow fadeInDown animated" data-wow-delay=".5s">
				<h1>
					<a class="link link--ilin" href="../index.html"><span>Royal </span><span>Shine</span></a></h1>
			</div>
			<div class="clearfix">
			</div>
		</div>
	</div>
<table align="center" border="0" style="height: 361px; width: 678px"  >
					<tr>
						<td align="right" >
							<font size="2pt"  color="#003366" >Login Name :</font>
						</td>
						<td align="left" >
							<asp:textbox id="txtLoginName" runat="server"   maxlength="10" 
                                Width="173px"></asp:textbox>
							<asp:requiredfieldvalidator id="ReqLoginname" runat="server" controltovalidate="txtLoginName"
								display="Dynamic" errormessage="Enter Login Name" setfocusonerror="True" validationgroup="login"
								forecolor="Red"></asp:requiredfieldvalidator>
						</td>
					</tr>
					<tr>
						<td align="right" >
							<font size="2pt"  color="#003366" >Password :</font>
						</td>
						<td align="left" >
							<asp:textbox id="txtPassword" runat="server"   maxlength="8" 
                                textmode="Password" Width="172px"></asp:textbox>
							<asp:requiredfieldvalidator id="ReqPassword" runat="server" controltovalidate="txtPassword"
								display="Dynamic" errormessage="Enter Password" setfocusonerror="True" validationgroup="login"
								forecolor="Red"></asp:requiredfieldvalidator>
						</td>
					</tr>
					<tr>
						<td align="left" >
							 
						</td>
						<td align="left" >
							<asp:label id="lblloginmsg" runat="server" forecolor="Red"></asp:label>
						</td>
					</tr>
					<tr>
						<td align="center" colspan="2" valign="top" >
							<asp:button id="btnSubmit" runat="server" cssclass="button"  onclick="btnSubmit_Click"
								text="Sign in" validationgroup="login" />
						 </td>
					</tr>
				</table>
 	 <div class="copy-right wow fadeInLeft animated" data-wow-delay=".5s">
		<div class="container">
			<p>
				© 2016 Royal Shine . </a></p>
		</div>
	</div>
	<!-- for bootstrap working -->
	<script src="../js/bootstrap.js"></script>
	<!-- //for bootstrap working -->
	<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
			*/
			$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;">
	</span></a>
	<!-- //smooth scrolling -->
	</form>
</body>
</html>
 
Share this answer
 
Comments
Richard Deeming 24-Oct-17 15:13pm    
FIVE YEARS too late, and you didn't even try to answer the question!

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900