function readOnly(count){ }
Don't have an account?
Search for an answer or ask a question of the zone or Customer Support.
You need to sign in to do that
Sign in to start searching questions
Signup for a Developer Edition
Sign in to start a discussion
HI,
How to acheive drag and drop files in visualforce page
Thanks
I did it before. Here is a JavaScript code.
<script type="text/javascript">function showPop(){document.getElementById("inlineEditDialog").style.visibility = "visible";}function closePop(){document.getElementById("inlineEditDialog").style.visibility = "hidden";window.location.href = window.location.href;}function updateFileValue(obj) {jQuery('.fileProxy').val(jQuery(obj).val());}function focusInput(focusClass, normalClass) {var elements = document.getElementsByTagName("input");for (var i=0; i < elements.length; i++) {if (elements[i].type != "button" && elements[i].type != "submit" && elements[i].type != "reset") {elements[i].onfocus = function() { this.className = focusClass; };elements[i].onblur = function() { this.className = normalClass||''; };}}}(function() {function FileDragHover(e) {e.stopPropagation();e.preventDefault();e.target.className = (e.type == "dragover" ? "hover" : "");document.getElementById("filearea").className = (e.type == "dragover" ? "areahover" : "");}function FileSelectHandler(e) {FileDragHover(e);var files = e.target.files || e.dataTransfer.files;var f = files[0];var reader = new FileReader();reader.onload = function(evt){document.getElementById("page:form:block:csvBody").value = evt.target.result;calculateResult();}reader.readAsText(f);document.getElementById("page:form:block:csvName").value = f.name;}function Init() {var filedrag = document.getElementById("filedrag");var xhr = new XMLHttpRequest();if (xhr.upload) {filedrag.addEventListener("dragover", FileDragHover, false);filedrag.addEventListener("dragleave", FileDragHover, false);filedrag.addEventListener("drop", FileSelectHandler, false);filedrag.style.display = "block";}}if (window.File && window.FileList && window.FileReader) {Init();}})();</script>
Hope this helps.
Thanks,
Samba
can u post the vf page as well.
I did it before. Here is a JavaScript code.
<script type="text/javascript">
function showPop()
{
document.getElementById("inlineEditDialog").style.visibility = "visible";
}
function closePop()
{
document.getElementById("inlineEditDialog").style.visibility = "hidden";
window.location.href = window.location.href;
}
function updateFileValue(obj) {
jQuery('.fileProxy').val(jQuery(obj).val());
}
function focusInput(focusClass, normalClass) {
var elements = document.getElementsByTagName("input");
for (var i=0; i < elements.length; i++) {
if (elements[i].type != "button" && elements[i].type != "submit" && elements[i].type != "reset") {
elements[i].onfocus = function() { this.className = focusClass; };
elements[i].onblur = function() { this.className = normalClass||''; };
}
}
}
(function() {
function FileDragHover(e) {
e.stopPropagation();
e.preventDefault();
e.target.className = (e.type == "dragover" ? "hover" : "");
document.getElementById("filearea").className = (e.type == "dragover" ? "areahover" : "");
}
function FileSelectHandler(e) {
FileDragHover(e);
var files = e.target.files || e.dataTransfer.files;
var f = files[0];
var reader = new FileReader();
reader.onload = function(evt){
document.getElementById("page:form:block:csvBody").value = evt.target.result;
calculateResult();
}
reader.readAsText(f);
document.getElementById("page:form:block:csvName").value = f.name;
}
function Init() {
var filedrag = document.getElementById("filedrag");
var xhr = new XMLHttpRequest();
if (xhr.upload) {
filedrag.addEventListener("dragover", FileDragHover, false);
filedrag.addEventListener("dragleave", FileDragHover, false);
filedrag.addEventListener("drop", FileSelectHandler, false);
filedrag.style.display = "block";
}
}
if (window.File && window.FileList && window.FileReader) {
Init();
}
})();
</script>
Hope this helps.
Thanks,
Samba
can u post the vf page as well.