<?php
ini_set('display_errors', 'On');
error_reporting(E_ALL);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHPtuts.nl - PHP Snippets - Extra inputvelden</title>
<link rel="stylesheet" href="../../styles/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../styles/ubb.css" type="text/css" media="screen" />
<script type="text/javascript" src="../../inc/mootools.js"></script>
<script type="text/javascript">
var count = 1;
function addInput()
{
last = $('input' + count);
count++;
p = last.clone();
p.id = 'input' + count;
children = p.getChildren();
children[0].setAttribute('for', 'input_field' + count);
children[0].setHTML('Input ' + count);
children[1].id = 'input_field' + count;
children[1].value = '';0
p.injectAfter(last);
$('remove_extra').style.display = 'block';
}
function removeInput()
{
$('input' + count).remove();
count--;
if(count == 1)
{
$('remove_extra').style.display = 'none';
}
}
window.addEvent('domready', function()
{
$('add_extra').addEvent('click', function(e)
{
e = new Event(e).stop();
addInput();
});
$('remove_extra').addEvent('click', function(e)
{
e = new Event(e).stop();
removeInput();
});
});
</script>
</head>
<body>
<div id="wrap">
<p class="none small align-right"><a href="/codeSnippets/"><-- Terug naar Snippets</a></p>
<h1>Extra inputvelden</h1>
<div id="info">
<p>PHP versie: n.v.t</p>
<p>Javascript: <a href="http://www.mootools.net" target="_blank">MooTools Framework</a></p>
</div>
<form id="input_form" method="post" action="#">
<p id="input1">
<label for="input_field1">Input 1</label>
<input type="text" id="input_field1" name="input[]" />
</p>
</form>
<p id="extra">
<a href="#" id="add_extra">Voeg inputveld toe</a><br />
<a href="#" id="remove_extra" style="display:none">Verwijder inputveld</a>
</p>
<?php
// Weergeven broncode
define('FILE', __FILE__);
require_once('../broncode.php');
?>
</div>
<!-- Google analytics (geen onderdeel van script) -->
<script type="text/javascript" src="/inc/ga1.js"></script>
<script type="text/javascript" src="/inc/ga2.js"></script>
</body>
</html>