<?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 - Textarea met variabele hoogte</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">
function substr_count(haystack, needle, offset, length )
{
var pos = 0, cnt = 0;
if(isNaN(offset)) offset = 0;
if(isNaN(length)) length = 0;
offset--;
while( (offset = haystack.indexOf(needle, offset+1)) != -1 )
{
if(length > 0 && (offset+needle.length) > length)
{
return false;
}
else
{
cnt++;
}
}
return cnt;
}
function updateTextarea ()
{
var iRegels = substr_count($('voorbeeld').value, '\n');
if(iRegels > 5)
{
$('voorbeeld').setStyle('height', 17 * iRegels);
}
else
{
$('voorbeeld').setStyle('height', 102);
}
}
window.addEvent('domready', function ()
{
updateTextarea();
$('voorbeeld').addEvent('keyup', updateTextarea);
});
</script>
</head>
<body>
<div id="wrap">
<p class="none small align-right"><a href="/codeSnippets/"><-- Terug naar Snippets</a></p>
<h1>Textarea met variabele hoogte</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 method="post" action="#">
<label class="field">Variabele textarea</label>
<textarea name="voorbeeld" id="voorbeeld" class="none" cols="50"></textarea>
</form>
<?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>