</div>
</div>
</div>
<hr class="my12 outline-none baw0 bb bc-powder-2">
<div class="grid fw-nowrap fc-black-600">
<div class="grid--cell mr8">
<svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
</div>
<div class="grid--cell lh-md">
<p class="mb0">
<b>Want to improve this question?</b> Add details and clarify the problem by <a href="/posts/22799434/edit">editing this post</a>.
</p>
<p class="mb0 mt6">Closed <span title="2014-04-02 03:33:31Z" class="relativetime">6 years ago</span>.</p>
</div>
</div>
</aside>
Im new to php and im trying to do the following; 1. i have two fields (email and name) 2. i need to store both in a variable that will be exculsuvly for that user.
i have created and index.php and it pulls the head.php (it has the input fields in the head) i'm using bootstrap so here my header form:
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="navbar-collapse collapse">
<form class="navbar-form navbar-right" action="notSureWhatToEnterHere" method="post" role="form">
<div class="form-group">
<input id="email" type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input id="name" type="text" placeholder="Name" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
So obviously i dont know how to not refresh the page i just want to store the data in two variables in something like:
$myemail = $_GET["email"];
$myname = $_GET["name"];
i then need to vigure out how to assign each user input there own "id" so i can use that info at a later date and hopefully assign a login type of system.
</div>
Please have a look and review PHP SESSION:
You can submit the form via ajax (see: https://api.jquery.com/jQuery.ajax/) and save the variables in a session variable (see: http://www.php.net/manual/en/function.session-start.php) or save as a cookie (see: http://www.php.net/manual/en/function.setcookie.php).
So you will need to create a .php file that receives the ajax call and then saves that info into a session
<?php
if (!isset($_SESSION)) { session_start(); }
$params = array('email', 'name');
foreach($params as $param) { $_SESSION[$param] = $_POST[$param]; }
header('Content-type: application/json');
echo htmlspecialchars(json_encode($_SESSION), ENT_NOQUOTES);
?>
Then via javascript would look something like this:
<script>
(function($) {
function navbarFormSubmit() {
var params = $('form.navbar-form').serialize();
$.ajax({
type : "POST",
url : 'http://www.pathtoyoursite.com/session.php',
data : params,
dataType : 'json',
success : function (resp) { console.log(resp); }
});
}
$(document).ready(function () {
$('form.navbar-form').on('submit', function (e) {
e.preventDefault();
navbarFormSubmit();
});
});
})(jQuery);
</script>
As far as saving the data for later usage, you would want to use MySQL or some other database and save the form much like the session flow.