Het werkt allemaal prima, maar het vervelende is, vóórdat het selectiescherm verschijnt, het scherm naar de bovenkant van de pagina schuift. Omdat de button en de preview onderaan de pagina staan, verdwijnen zij van het scherm. Dat is heel irritant.Wat ik ook probeer, het werkt niet. Maar ik ben dan ook nog geen expert in jquery.
Weet iemand hoe ik de pagina fixeer???
Dit is de code van het form:
<td class="celkleurfoto" align="center" valign="top" height="120px">
<form id="imageform" method="post" enctype="multipart/form-data" action="../proc/ajaximage.php">
<label class="inputlabel"><input type="file" name="photoimg" id="photoimg" />Bestand kiezen</label>
</form>
<div id='preview'> <img src="../pics/toestel.png" height="70" width="95"> </div>
</td>
En dit van het script:
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#photoimg').live('change', function()
{
$("#preview").html('');
$("#preview").html('<img src="../pics/loader.gif" alt="Uploading...."/>');
$("#imageform").ajaxForm({target: '#preview'}).submit();
});
});
</script>