← Back
Editing: loadimage.js
function loadImage(imageData, filename, counter) { // function that receives data from the uploader var imCounter = parseInt(document.getElementById('imCounter').value); // get image counter value imCounter++; // increment document.getElementById('imCounter').value = imCounter; // update image counter (for future server-side processing) var newElement = document.createElement('div'); // create new container var buttonElement = document.createElement('div'); // adding thumbnail flash movie var newHTML = ' \ <div style="width:100px; float:left; margin: 0 20px 0 0;" align="center"><object type="application/x-shockwave-flash" width="100" height="100" data="thumbnail.swf" id="thumbnail' + imCounter + '">\ <param name="movie" value="thumbnail.swf" />\ <param name="allowScriptAccess" value="sameDomain" /> \ <param name="flashVars" value="count=' + imCounter + '" /> \ <param name="quality" value="high" />\ </object></div>\ '; // adding come form fields for description etc. newHTML += '<div style="height: 40px;"></div><div align="center">Nome: <input type="text" readonly="readonly" name="description' + imCounter + '" id="description' + imCounter + '" /></div> <br />'; newHTML += '<input type="hidden" name="total' + imCounter + '" id="total' + imCounter + '" />'; newHTML += '<input value="0" size="4" type="hidden" readonly="readonly" name="imgRotation' + imCounter + '" id="imgRotation' + imCounter + '" />'; newHTML += '<input type="hidden" name="baseArea' + imCounter + '" id="baseArea' + imCounter + '"><div style="height: 40px;"><br clear="all" /> </div>'; newElement.innerHTML = newHTML; document.getElementById('dynamicArea').appendChild(newElement); // add new container to the page var buttonHTML = '<input type="submit" value="Elabora le Immagini" id="submitButton" />'; buttonElement.innerHTML = buttonHTML; if (imCounter == 1) document.getElementById('dynamicButton').appendChild(buttonElement); document.getElementById('baseArea' + imCounter).value = imageData; // fill a form element with image data (should be a hidden element in end user apps) document.getElementById('description' + imCounter).value = filename; document.getElementById('total' + imCounter).value = counter; } function imageRequest(movieNumber) { // caled by each thumbnail flash after it's loaded var flashThumb = document.getElementById('thumbnail' + movieNumber); // get the caller var imageData = document.getElementById('baseArea' + movieNumber).value; // get right image data flashThumb.thumbShow(imageData); // pass the image data to the calling thumbnail flash } function imgRotation(count,rotation) { // called from the thumbnail flash document.getElementById('imgRotation' + count).value = rotation; // for future server-side processing }
Save File
Cancel