Search This Blog

Friday, September 18, 2015

How to set xampp open localhost:8080 instead of just localhost and Make the change port as Default

Welcome to designers blog here i have posted how to set xamp open localhost:8080 instead of just  oepning localhost and Making the change port as Default

Step 1

Open Skype. 

Tools -> Options -> Advanced -> Connection

Disable the "Use port 80 and 443 for alternatives for incoming connections"

Sign Out and Close all Skype windows. Try restarting your Apache.
  
As the port is not used by Skype, but by some other internal applications So I followed below steps to resolve issue:

Step 2

XAMPP Control Panel, under Apache, click the Config button, and select the Apache (httpd.conf).

Inside the httpd.conf file, somehow I found line that says:

Listen 80

And change the 80 into any number / port you want. In my scenario I’m using port 8080.

Listen 8080

Still from the httpd.conf file, I found another line that says:

ServerName localhost:80

And change 80 to 8080.

ServerName localhost:8080

Step 3

 From XAMPP Control Panel, under Apache, click the Config button again, but this time select the Apache (httpd-ssl.conf). Inside the httpd-ssl.conf file, find line that says

Listen 443

And change the 443 into any number / port you want. I’ll using 4433 as the new port number.

Listen 4433

Still from the httpd-ssl.conf file, find another line that says

<VirtualHost _default_:443>

ServerName localhost:443

And change 443 to 4433.

<VirtualHost _default_:4433>

ServerName localhost:4433

Remember to save httpd.conf file and httpd-ssl.conf after you make some changes. Then restart the Apache service.

Step4

Setting the changing  port as Default port :

 The port that the Admin button references is configurable. In the XAMPP install folder there is a xampp-control.ini file. Changing the Apache entry under [ServicePorts] will affect the url the Admin button opens.
 

[ServicePorts]
Apache=8080
ApacheSSL=4433
  

Step5

Enjoy Folks

 


 

Tuesday, September 8, 2015

Reading data from remote servers (PHP) using Angular JS

Welcome to Designers Dairy blog here i have posted How to create a  Simple Php Login page
without Database

Step1:

HTML Code: 

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="customersCtrl">

<table>
  <tr ng-repeat="x in names">
    <td>{{ x.name }}</td>
    <td>{{ x.address }}</td>
  </tr>
</table>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get("http://localhost:8090/basic/output.php")
    .success(function (response) {$scope.names = response});
});
</script>

</body>
</html>

Step2:


PHP CODE:
 
<?php
header("Access-Control-Allow-Origin: *");
header ("Content-type: application/json");
//the example of inserting data with variable from HTML form
//input.php
mysql_connect("localhost", "root", "");//database connection
mysql_select_db("employees");

//inserting data order

$order = "SELECT * FROM `data_employees`";
//declare in the order variable
$result = mysql_query($order); //order executes

while ($results[] = mysql_fetch_array($result, MYSQL_ASSOC));
array_pop($results); //deletes the last element of an array.

echo json_encode($results); // Converting Array to JSON Format
?>

Step3:

Enjoy Folks
 

Validating to select in sequencial order using angular

    < input type = "checkbox" (change) = "handleSelectTaskItem($event, taskItem)" [checked] = " taskItem . i...