Today, I will show you how to use jQuery Ajax Call in PHP Script Asynchronous JavaScript and XML (AJAX) is a format for higher and quicker response that's a lot of easy. Ajax is used for interactive communication with a database. Ajax is for browser-based applications. independent platform applications are utilized by Ajax. ajax is used to transfer information between the browser and also the web server. the following are methods that use Ajax.

beforeSend: once we send asking to the server then before that the beforeSend operate function excute.
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
 type:"POST", 
 url:"demo.php", 
 data:"fname="+fname+'&lname='+lname, 
 beforeSend: function(data){ 
    alert("this test"); 
 } 
}); 
}); 

</script>  

If the request successfully executed when the request finishes.
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
 type:"POST", 
 url:"demo.php", 
 data:"fname="+fname+'&lname='+lname, 
 complete:function(data){ 
    alert(data); 
 } 
}); 
}); 

</script>  

Data: Which data (string) value will be sent to the server.
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
 type:"POST", 
 url:"demo.php", 
 data:"fname="+fname+'&lname='+lname, 
}); 
}); 
</script>  

Success: When the following function is executed if the request succeeds.
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
 type:"POST", 
 url:"demo.php", 
 data:"fname="+fname+'&lname='+lname, 
 success:function(data){ 
    alert(data); 
 } 
}); 
}); 
</script>  

Write the following code to send data to a GET or POST method. The default value is GET.
POST method
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
 type:"POST", 
 url:"demo.php", 
 data:"fname="+fname+'&lname='+lname, 
 success:function(data){ 
    alert(data); 
 } 
}); 
}); 
</script>  

GET method
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
 type:"GET", 
 url:"demo.php", 
 data:"fname="+fname+'&lname='+lname, 
 success:function(data){ 
    alert(data); 
 } 
}); 
}); 
</script>  

url: Which the request is sent.
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
 type:"POST", 
 url:"demo.php", 
 data:"fname="+fname+'&lname='+lname, 
 success:function(data){ 
    alert(data); 
 } 
}); 
}); 
</script>  

Now, create a two file index.php

<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" language="javascript"> 
$("#btn").live("click",function(){ 
var fname = $("#fname").val(); 
var lname = $("#lname").val(); 
$.ajax({ 
type:"POST", 
url:"demo.php", 
data:"fname="+fname+'&lname='+lname, 
success:function(data){ 
    alert(data); 
}   
});   
}); 
</script> 
First name: <input type="text" name="fname" id="fname"><br> 
Last name: <input type="text" name="lname" id="lname"><br> 
<input type="button" value="Submit" id="btn">  

Step 2:  Create a Demo.php file

<?php 
   echo $_POST["fname"]."---".$_POST["lname"]; 
?>

HostForLIFE.eu PHP 5.6.1 Hosting
HostForLIFE.eu is European Windows Hosting Provider which focuses on Windows Platform only. We deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes. We have customers from around the globe, spread across every continent. We serve the hosting needs of the business and professional, government and nonprofit, entertainment and personal use market segments.

Comment is an important function that is included in almost every CMS and Drupal is not an exception. In Drupal, you can add more fields to comment sections, configure display, permission for comments of a content type. In tihs tutorial, I'm going to explain to you how to manage comments in Drupal 7.

Changing Comment Permission

Step 1

By default, anonymous user’s not allowed to comment. To enable comment for anonymous users, go to People > Permission tab as below:

Now, find Comment section, in Post comment select Anonymous user > Save.

Step 3

Next, use another browser to open node you created and view comment form. To configure comment form, go to Structure content type > article > comment field as follows:

Remove Subject of Comment

To remove subject of comment, set content type as follows:

Uncheck Allow comment title and save.

Add New Fields for Comment

To add new field for comment, at add new field section insert field label, select field type and widget:

Now, in front-end, you will see the fields you just added:

Now, you can try adding some new comments, you will see that comments need to be approved before showing on post. To manage submitted comments, go to Content > Comment > Unapproved comments:

Select the comments you wants, choose publish the selected comments to let them showed on frontend. “Delete selected comments” will remove the selected comments.

Change Comment Display

To change how comments are displayed, go to Structure > content type > article > comment display:

HostForLIFE.eu Drupal 7.37 Hosting
HostForLIFE.eu is European Windows Hosting Provider which focuses on Windows Platform only. We deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes. We have customers from around the globe, spread across every continent. We serve the hosting needs of the business and professional, government and nonprofit, entertainment and personal use market segments.

In this article, I will tell you about how to Create Signup and Login Page with AngularJS. Here is the design:

Html code For Signup
This code in use a angularjs and bootstrap
<div class="form-horizontal" id="singup" name="myForm" ng-show="Registration" ng-hide="true"> 
<p style="margin-left: 185px; font-size: 200%; font-weight: bold"> 
New User Registration</p> 
<div class="form-group" style="margin-top: 30px"> 
<label class="col-sm-3 control-label"> 
Enter UserName</label> 
<div class="col-sm-4"> 
    <input type="text" id="uname" name="uname" ng-model="uname" placeholder="User Name" 
class="form-control" /> 
</div> 
</div> 
<div class="form-group" ng-show="edit5" ng-hide="false"> 
<label class="col-sm-3 control-label"> 
Address</label> 
<div class="col-sm-4"> 
    <textarea ng-model="add" name="add" id="add" class="form-control" placeholder="Enter Address"></textarea> 
</div> 
</div> 
<div class="form-group" ng-show="edit5" ng-hide="false"> 
<label class="col-sm-3 control-label"> 
Phone Number</label> 
<div class="col-sm-4"> 
    <input type="text" ng-model="phone" id="phone" placeholder="Phone Number" class="form-control" /> 
</div> 
</div> 
<div class="form-group" ng-show="edit5" ng-hide="false"> 
<label class="col-sm-3 control-label"> 
Education</label> 
<div class="col-sm-4"> 
    <select ng-model="edu" id="edus"> 
Select 
        <option value="BCA">BCA</option> 
        <option value="BBA">BBA</option> 
        <option value="BCOM">BCOM</option> 
        <option value="MCA">MCA</option> 
        <option value="MBA">MBA</option> 
        <option value="MCOM">MCOM</option> 
    </select> 
    <br /> 
</div> 
</div> 
<div class="form-group"> 
<label class="col-sm-3 control-label"> 
Gender</label> 
<div class="col-sm-4"> 
    <input type="radio" name="gender" ng-model="age" value="Male" /> 
Male 
    <input type="radio" name="gender" ng-model="age" value="Female" /> 
Female 
    <br /> 
    <tt id="gen" ng-hide="true">{{age | json}}</tt> 
    <br /> 
</div> 
</div> 
<div class="form-group" ng-show="edit5" ng-hide="false"> 
<label class="col-sm-3 control-label"> 
Password</label> 
<div class="col-sm-4"> 
    <input type="password" ng-model="pass" id="pass" placeholder="Enter Password" class="form-control" /> 
</div> 
</div> 
<div class="form-group" ng-show="edit5" ng-hide="false"> 
<label class="col-sm-3 control-label"> 
Re-Password</label> 
<div class="col-sm-4"> 
    <input type="password" ng-model="repass" id="repass" placeholder="ReEnter Password" 
class="form-control" /> 
</div> 
</div> 
<button type="button" class="btn btn-primary btn-lg" ng-click="saveUser()" style="margin-left: 150px;"> 
<span class="glyphicon glyphicon-save"></span>Registration 

</button> 
<button type="button" id="cbtn" class="btn btn-danger btn-lg" ng-click="cancel_r()"> 
Cancel  
<span class="glyphicon glyphicon-off"></span> 
</button> 
<br /> 
<br /> 
<br /> 
</div>

Here is the ASP.NET code for Signup. You should save data using webMethod:
<Services.WebMethod()> 
Public Shared Function SaveUser(ByVal uname As String, ByVal add As String, ByVal phone As String, ByVal edu As String, ByVal age As String, ByVal pass As String, ByVal repass As String) As String 
'Insert 
Dim Users As New StrategicAlliance2.User3 
Dim UsersDit1 As New StrategicAlliance2.UserRegistrationObject 
'Users.GetUserDetailsByID(id) 
UsersDit1.Username = uname 
UsersDit1.Address = add 
UsersDit1.Phone_No = phone 
UsersDit1.Education = edu 
UsersDit1.Gender = age 
UsersDit1.Password = pass 
UsersDit1.Re_Password = repass 
Users.InsertUserDetails(UsersDit1) 
End Function

The following Js Code is for Signup. The below code for saveUser Butoon click:
$scope.saveUser = function()  
{ 
strErrorMsg = ""; 
notEmpty(document.getElementById('uname'), '-Enter your UserName.'); 
notEmpty(document.getElementById('add'), '-Enter your Address'); 
notEmpty(document.getElementById('phone'), '-Enter your Phone Number'); 
notEmpty(document.getElementById('pass'), '-Enter Password'); 
notEmpty(document.getElementById('edus'), '-Enter Education'); 
notEmpty(document.getElementById('repass'), '-Enter Re-Password'); 
ValidMno(document.getElementById('phone'), '-Enter Valid Phone Number'); 
checkPass(document.getElementById('repass'), '-Password Not Match') 
if (strErrorMsg == '') 
{ 
$.ajax({ 
    type: "POST", 
    url: "UserLogin.aspx/SaveUser", 
    contentType: "application/json; charset=utf-8", 
    data: JSON.stringify({ 
        uname: $scope.uname, 
        fName: $scope.fName, 
        add: $scope.add, 
        phone: $scope.phone, 
        edu: $scope.edu, 
        age: $scope.age, 
        pass: $scope.pass, 
        repass: $scope.repass 
    }), 
    success: function(data)  
    { 
        alert("Registration Success"); 
        // window.location.href = "UserLogin.aspx"; 
        $scope.login = true; 
        $scope.Registration = false; 
        $scope.$apply(); 
    } 

}); 
} 
}; 

Now, it's time to create Login Page
Html Code for Login. The following code in use a Angularjs & Bootstrap
<div class="form-horizontal" ng-show="login" ng-hide="false"><%--  
<a class="btn btn-info btn-lg" ng-click="UserR()" style="margin-left: 375px;"> 
    <span 
class="glyphicon glyphicon-user"></span>User Registration  
</a>--%> 
<h1 class="form-signin-heading text-muted" style="margin-top: 10px"> 
Sign In</h1> 
<div class="form-group" style="margin-top: 30px"> 
    <label class="col-sm-2 control-label"> 
User Name:</label> 
    <div class="col-sm-2"> 
        <input type="text" class="form-control" id="login_User" name="login_User" ng-model="login_User" 
placeholder="User Name" autofocus="" /> 
    </div> 
</div> 
<div class="form-group"> 
    <label class="col-sm-2 control-label"> 
Password:</label> 
    <div class="col-sm-2"> 
        <input type="password" class="form-control" id="login_Pass" name="login_Pass" ng-model="login_Pass" 
placeholder="Password" /> 
    </div> 
</div> 
<button type="button" class="btn btn-primary" ng-click="Login()" style="margin-left: 200px;"> 
    <span class="glyphicon glyphicon-log-in"></span>Sign In 

</button> 
<button type="button" class="btn btn-danger" ng-click="cancel()"> 
    <span class="glyphicon glyphicon-cancel"></span>Cancel 

</button> 
<br /> 
<a href="" style="font-size: 20px; color: Red; margin-left: 135px; margin-top: 20px" 
ng-click="UserR()">If you are not Registered Then click here </a> 
<br /> 
<p style="font-size: 20px; color: Blue; margin-left: 180px; margin-top: 10px"> 
One account is all you need 
</p> 
<p style="font-size: 16px; color: Black; margin-left: 90px;"> 
A single username and password gets you into everything Google. 
</p> 
<img style="margin-left: 75px" src="Images/logo_strip_sign_up_2x.png" height="50px" 
width="350px" /> 
</div> 

Code for Login with ASP.NET
The below code is to fatch data from database using webmethod and match with the entered data.
< Services.WebMethod() > Public Shared Function UserLogin() As StrategicAlliance2.UserRegistrationObject() 
Dim Users As New StrategicAlliance2.User3 
Dim details As New List(Of StrategicAlliance2.UserRegistrationObject) 
For Each dtrow As DataRow In Users.GetTableOfUserDetails.Rows 
Dim user As New StrategicAlliance2.UserRegistrationObject 
user.Username = dtrow("Username").ToString() 
user.Password = dtrow("password").ToString() 
details.Add(user) 
Next 
Return details.ToArray() 
End Function 

Js Code for Login
In this code in login button and cancel button
$scope.Login = function()  
{ 
strErrorMsg = ""; 
notEmpty(document.getElementById('login_User'), '-Enter your UserName.'); 
notEmpty(document.getElementById('login_Pass'), '-Enter your Password'); 
if (strErrorMsg == '')  
{ 
$.ajax({ 
type: "POST", 
contentType: "application/json; charset=utf-8", 
url: "UserLogin.aspx/UserLogin", 
data: "{}", 
dataType: "json", 
success: function(data)  
{ 
    for (var i = 0; i < data.d.length; i++)  
    { 
        User = data.d[i].Username; 
        Password = data.d[i].Password; 
        a = (User); 
        b = (Password); 
        if ($scope.login_User == a && $scope.login_Pass == b) { 
            window.location.href = "Default.aspx"; 
        } 
    } 
    if ($scope.login_Pass != b)  
    { 
        alert("Enter Valid ID And Password"); 
        $scope.login_User = ''; 
        $scope.login_Pass = ''; 
        $scope.$apply(); 
    } 
} 
}); 
} 
if (strErrorMsg != '') 
{ 
alert('\n' + strErrorMsg); 
} else  
{ 
} 
}; 
$scope.cancel = function()  
{ 
$scope.login_User = ''; 
$scope.login_Pass = ''; 
}; 

HostForLIFE.eu AngularJS Hosting
HostForLIFE.eu is European Windows Hosting Provider which focuses on Windows Platform only. We deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes. We have customers from around the globe, spread across every continent. We serve the hosting needs of the business and professional, government and nonprofit, entertainment and personal use market segments.

In this tutorial, I will tell you about Redirect browser to a sub directory with WordPress. My site is running with WordPress in the sub directory blog of my domain. As a visitor, if you forget to enter /blog, this little index.php file in my root directory will redirect your browser to the sub directory. And here is the code that I used:

<?php
@include("sitefunctions.php");
/* Move page with 301 http status code*/
movePage(301,"http://www.mydomain.com/blog");
?>

You will need a sitefunction.php file with this content as well. The status code can be adjusted to your needs. Now, write the following code:
<?php
function movePage($num,$url){
  static $http = array (
       100 => "HTTP/1.1 100 Continue",
       101 => "HTTP/1.1 101 Switching Protocols",
       200 => "HTTP/1.1 200 OK",
       201 => "HTTP/1.1 201 Created",
       202 => "HTTP/1.1 202 Accepted",
       203 => "HTTP/1.1 203 Non-Authoritative Information",
       204 => "HTTP/1.1 204 No Content",
       205 => "HTTP/1.1 205 Reset Content",
       206 => "HTTP/1.1 206 Partial Content",
       300 => "HTTP/1.1 300 Multiple Choices",
       301 => "HTTP/1.1 301 Moved Permanently",
       302 => "HTTP/1.1 302 Found",
       303 => "HTTP/1.1 303 See Other",
       304 => "HTTP/1.1 304 Not Modified",      
       305 => "HTTP/1.1 305 Use Proxy",
       307 => "HTTP/1.1 307 Temporary Redirect",
       400 => "HTTP/1.1 400 Bad Request",
       401 => "HTTP/1.1 401 Unauthorized",
       402 => "HTTP/1.1 402 Payment Required",
       403 => "HTTP/1.1 403 Forbidden",
       404 => "HTTP/1.1 404 Not Found",
       405 => "HTTP/1.1 405 Method Not Allowed",
       406 => "HTTP/1.1 406 Not Acceptable",
       407 => "HTTP/1.1 407 Proxy Authentication Required",
       408 => "HTTP/1.1 408 Request Time-out",
       409 => "HTTP/1.1 409 Conflict",
       410 => "HTTP/1.1 410 Gone",
       411 => "HTTP/1.1 411 Length Required",
       412 => "HTTP/1.1 412 Precondition Failed",
       413 => "HTTP/1.1 413 Request Entity Too Large",
       414 => "HTTP/1.1 414 Request-URI Too Large",
       415 => "HTTP/1.1 415 Unsupported Media Type",
       416 => "HTTP/1.1 416 Requested range not satisfiable",
       417 => "HTTP/1.1 417 Expectation Failed",
       500 => "HTTP/1.1 500 Internal Server Error",
       501 => "HTTP/1.1 501 Not Implemented",
       502 => "HTTP/1.1 502 Bad Gateway",
       503 => "HTTP/1.1 503 Service Unavailable",
       504 => "HTTP/1.1 504 Gateway Time-out"
   );
   header($http[$num]);
   header ("Location: $url");
}
?>

WordPress with Free ASP.NET Hosting
Try our WordPress with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc. You will not be charged a cent for trying our service for the next 3 days. Once your trial period is complete, you decide whether you'd like to continue.

European Windows and ASP.NET Spotlight Hosting Partner in Europe, HostForLIFE.eu, has announced the availability of new hosting plans that are optimized for the latest update of the Drupal 7.37 hosting technology.

HostForLIFE.eu hosts its servers in top class data centers that is located in Amsterdam (NL), London (UK), Paris (FR), Frankfurt(DE) and Seattle (US) to guarantee 99.9% network uptime. All data center feature redundancies in network connectivity, power, HVAC, security, and fire suppression. All hosting plans from HostForLIFE.eu include 24×7 support and 30 days money back guarantee. The customers can start hosting our Drupal site on our environment from as just low €3.00/month only.

Drupal is an open source content management platform powering millions of websites and applications. Thousands of add-on modules and designs let you build any site you can imagine. Drupal 7.37 Includes bug fixes and small API/feature improvements only (no major new functionality); major, non-backwards-compatible new features are only being added to the forthcoming Drupal 8.0 release. If you are looking for the right Windows ASP.NET Hosting provider that support Drupal 7.37, we are the right choice for you.

The 7.37 update also includes fixed a regression in Drupal 7.36 which caused certain kinds of content types to become disabled if we were defined by a no-longer-enabled module, removed a confusing description regarding automatic time zone detection from the user account form (minor UI and data structure change), allowed custom HTML tags with a dash in the name to pass through filter_xss() when specified in the list of allowed tags, allowed hook_field_schema() implementations to specify indexes for fields based on a fixed-length column prefix (rather than the entire column), as was already allowed in hook_schema() implementations, fixed PDO exceptions on PostgreSQL when accessing invalid entity URLs, added a sites/all/libraries folder to the codebase, with instructions for using it and added a description to the "Administer text formats and filters" permission on the Permissions page (string change).

HostForLIFE have hosted large numbers of websites and blogs until now. Our clients come from diverse backgrounds from all sectors of the economy. HostForLIFE.eu clients are specialized in providing supports for Drupal for many years. We are glad to provide support for European Drupal 7.37 hosting users with advices and troubleshooting for our client website when necessary.

HostForLIFE.eu is a popular online Windows based hosting service provider catering to those people who face such issues. The company has managed to build a strong client base in a very short period of time. It is known for offering ultra-fast, fully-managed and secured services in the competitive market. Our powerful servers are especially optimized and ensure Drupal 7.37 performance. We have best data centers on three continent, unique account isolation for security, and 24/7 proactive uptime monitoring.

For more information about this new product, please visit http://hostforlife.eu/European-Drupal-737-Hosting

About HostForLIFE.eu
HostForLIFE.eu is an European Windows Hosting Provider which focuses on the Windows Platform only. HostForLIFE.eu deliver on-demand hosting solutions including Shared hosting, Reseller Hosting, Cloud Hosting, Dedicated Servers, and IT as a Service for companies of all sizes.

HostForLIFE.eu is awarded Top No#1 SPOTLIGHT Recommended Hosting Partner by Microsoft (see http://www.asp.net/hosting/hostingprovider/details/953). Our service is ranked the highest top #1 spot in several European countries, such as: Germany, Italy, Netherlands, France, Belgium, United Kingdom, Sweden, Finland, Switzerland and other European countries. Besides this award, we have also won several awards from reputable organizations in the hosting industry and the detail can be found on our official website.

Like other CMS platforms, Drupal allows us to create custom themes and templates. In this tutorial, you’re going to learn how to create a new theme and defining or configuring a theme in Drupal 7.

Theme Structure

To define a new theme in Drupal 7, you need to create folders and files according to Drupal’s rule.

So, we start by create the following folders:

Go to root folder of Drupal > Sites > All > Theme and create theme folders as below:

• mytheme is the folder that contains themes and can be renamed to your theme’s name.
• mytheme.info is file used to define theme name, version, core ,css, javascript.
• screenshot.png is thumbnail of theme, which is showed in theme management section.

Defining theme using .info file

The .info file is a static text file for defining and configuring a theme. Each line in the .info file is a key-value pair with the key on the left and the value on the right, with an “equals sign” between them (eg:   name = my_theme ).

Now, open mytheme.info and start defining:

Theme name (required):

name = mytheme

Description:

description = tutorialdrupal.com how to create and define drupal theme

Theme version

version = 0.1

Core drupal

core = 7.x

Engine

engine = phptemplate

Screenshot

screenshot = screenshot.png

After finishing, we will have a new .info  file like this:
name = mytheme
description = tutorialdrupal.com how to create and define drupal theme
version = 0.1
core = 7.x
engine = phptemplate
screenshot = screenshot.png

Now save the file, go to theme management section, you will see the new theme you’ve just created:

Defining Drupal website’s regions

Region is section for showing Drupal website’s blocks. Regions are defined as follows:

regions[header] = Header
regions[highlighted] = Highlighted
regions[help] = Help
regions[content] = Content
regions[sidebar_first] = Left sidebar
regions[sidebar_second] = Right sidebar
regions[footer] = Footer

After you’re done, save the file and click on “enable and set default” to set this theme as default theme. Now go to Structure -> Block, you will see the new defined regions:

1. Include css file

stylesheets[all][] = style.css
stylesheets[print][] = print.css

2. Include javascript file

scripts[] = myscript.js

So, you’ve just created a new theme in Drupal 7. It's not a difficult task, right?

Drupal CMS with Free ASP.NET Hosting
Try our Drupal CMS with Free ASP.NET Hosting today and your account will be setup soon! You can also take advantage of our Windows & ASP.NET Hosting support with Unlimited Domain, Unlimited Bandwidth, Unlimited Disk Space, etc. You will not be charged a cent for trying our service for the next 3 days. Once your trial period is complete, you decide whether you'd like to continue.