Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>First of all, I am going to a be a wee bit lame-preachy and tell you that I hope you're not planning on making this interface public because you are putting your computer in serious danger of being around you. </p> <p>With that said, I get that you're having quite a bit of fun with this and are an avid experimenter, so let's see if i'm getting this clear...</p> <ol> <li>You have a database structure ( your file system ) </li> <li>You have some PHP back-end which interacts with the aforementioned database.</li> <li>This PHP back-end seems to have some sort of <a href="http://en.wikipedia.org/wiki/Representational_State_Transfer" rel="nofollow">REST-ful</a> API structure</li> <li><p>Another PHP "container" that serves as a template for the interface (and holds the javascript, tsk tsk tsk :P )</p> <p>So far, so good. We can overlook the fact that you did'nt put your javascript in separate file until you do so and we shall also overlook that you have that nasty onload statement which you will have to find a way to clean up (hint: <code>$(function(){ // some code }) == $.ready(function(){//some code }) == &lt;body onload="someCode"&gt;</code> ). Going from this, I dont quite see what your problem is, you're on the right path... you have a good-enough web 2.0 compliant MVC structure right there! </p></li> </ol> <p>jQuery is, IMHO, as other libs, first and foremost a wrapper around javascript to:</p> <ul> <li>A. simplify general aspects of common web development patterns.</li> <li>B. reduce browser deficiencies</li> </ul> <p>Depending on the intended use and restrictions of your current project, You might not need it. Nonetheless, specifically for this project, look into <a href="http://api.jquery.com/get/" rel="nofollow">.get()</a> or get serious and jump directly to learning the full <a href="http://api.jquery.com/jQuery.ajax/" rel="nofollow">$.ajax()</a>. Then for the DOM manipulation, there's the <a href="http://api.jquery.com/jquery/" rel="nofollow">jQuery('#selector')</a> and <a href="http://api.jquery.com/find/" rel="nofollow">$('#myDiv').find('.item')</a> which are probably the main things you'll use (jQuery has a special <a href="http://api.jquery.com/category/selectors/" rel="nofollow">selector syntax</a> which is from the <a href="http://sizzlejs.com/" rel="nofollow">sizzle</a> library ) and then... you'll start to love and it never want to leave it BUT....</p> <p>Be warned, you still have a long ways to go with pure javascript even though you might not realize it at the moment. Relying on jQuery could eventually turn you into a jQuery-dependent plugin fiend and that would just be sad. Ever hear of <a href="https://developer.mozilla.org/En/DOM/Document.querySelectorAll" rel="nofollow">document.querySelectorAll()</a> ? The <a href="http://www.w3.org/TR/FileAPI/" rel="nofollow">HTML5 File API</a> ? </p> <p>Dont get me wrong, I am also in Montreal and use jQuery on a daily basis!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload