I recently built a form that submits data to my database with an ajax function that is called through onClick="function ..." on the submit button. That all works perfectly, however the information shown on the page needs to update to reflect the new data so I made that work by calling another ajax function, which also works. The problem is I also have jQuery in the page. When the page loads the jQuery all works, after the ajax function updates the page (without refreshing the browser) none of the jquery works. Any suggestions?
here's the ajax function for updating the data Line number On/Off | Expand/Contract // Get the HTTP Objectfunction getHTTPObject(){ if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP"); else if (window.XMLHttpRequest) return new XMLHttpRequest(); else { alert("Your browser does not support AJAX."); return null; }} var httpObject = null; // Set up the updating routinefunction displayRegularFeeds(user_id){ httpObject = getHTTPObject(); var fast = "http://localhost/capicy/regularfeeds.php?id="+user_id; if (httpObject != null) { httpObject.open("GET", fast, true); httpObject.send(null); httpObject.onreadystatechange = recieveRegularFeeds; }}// Recieve the time and display itfunction recieveRegularFeeds(){ if(httpObject.readyState == 4){ document.getElementById('regularbox').innerHTML = httpObject.responseText; }}
heres the onclick from the submit button Line number On/Off | Expand/Contract echo '<input type="button" id="share" name="share" value="Share" class="sharebuttonlink" onClick="javascript:var phrase = document.getElementById('status').value; shareStatus(phrase); displayRegularFeeds(''."$user".'');">';
heres the file displayRegularFeeds executes Line number On/Off | Expand/Contract include('mysql.php'); include('feeds.php'); feeds('regular', 'home');