Jump to content


New Members
  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About jamfitz001

  • Rank
  1. I am not using a framework. I am not an overly experienced WAMP programmer. I am working on a personal project. I have a DIV ID='contents' and on page load, there is an js function that does an AJAX call to PHP/MYSQL and this echoes a set of DIVs, class='members' ID=$member_id, that are returned as innerHTML of Div ID='contents' . These members DIVs are all draggable. Outside of DIV ID='contents' is a Div that is a dropzone. The dropzone onDrop runs a javascript function that does an AJAX call to a different PHP/MYSQL page. When I drag a member and drop it on the dropzone, the list of member DIVs disappears from the web page. ( Div ID='contents' innerHTML is empty) The Drop function is not meant to affect the innerHTML of Div ID='contents' , it simply returns a message to the dropzone's innerHTML. Why does the drop impact the 'contents' DIV at all? How can I prevent this from happening? (The drag and drop functions are all examples off of W3school tutorials..nothing fancy). function Func_card_dragstart_handler(ev) { console.log("dragStart"); // Add the target element's id to the data transfer object ev.dataTransfer.setData("text/plain", ev.target.id); } function allow_drop_dropzone(ev) { ev.preventDefault();} function func_dropped_dropzone (ev) { ev.preventDefault(); var member_id = ev.dataTransfer.getData("text"); if (document.getElementById('show_loc').checked ) {request_type = 'A';} else {request_type = 'D';} request_key = document.getElementById('mbr_id').value; // Setup the AJAX call var url= 'process_mbr.php';var rnd982g = Math.random(); var passvars = '?card_id=' + member_id + '&mbr_id=' + request_key + '&r_type=' + request_type + '&rnd982g=' + rnd982g; if(vbcReq.readyState == 4 || vbcReq.readyState == 0) { vbcReq.open('GET',url + passvars,'true'); vbcReq.onreadystatechange = member_updated; vbcReq.send(null); } return true; } function member_updated() { document.getElementById('d400_d').innerHTML = vbcReq.responseText; return true; } This the first question I've asked...so hope that I have been clear and followed protocols.

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.