+ Post New Thread
Results 1 to 3 of 3
Coding Thread, JQuery Help in Coding and Web Development; Hi, Quick Question (as they always are ;-) ) Looking at updating / modernizing the schools booking system. I am ...
  1. #1
    01hanstu's Avatar
    Join Date
    Sep 2007
    Location
    Manchester
    Posts
    148
    Thank Post
    17
    Thanked 1 Time in 1 Post
    Rep Power
    0

    JQuery Help

    Hi,
    Quick Question (as they always are ;-) )

    Looking at updating / modernizing the schools booking system. I am gonna start from the backed, since i'm the only one using it. I like sme of the features of JQuery but some people seem to think the system is broke but realistically its pulling down the timetable, and I would like to have a main page for instance called dashboard and then if you want to view the timetable you select from the list and it will show a loading symbol / images whilst it pulls the page down the page, whilst its on the main a i.e. when they click go it opens it on the div with a progress bar intil its loaded, then hides it.

    Hope it makes sense, my batteries are dying.
    Cheers
    - Stu

  2. #2

    webman's Avatar
    Join Date
    Nov 2005
    Location
    North East England
    Posts
    8,406
    Thank Post
    639
    Thanked 961 Times in 661 Posts
    Blog Entries
    2
    Rep Power
    324

  3. #3
    01hanstu's Avatar
    Join Date
    Sep 2007
    Location
    Manchester
    Posts
    148
    Thank Post
    17
    Thanked 1 Time in 1 Post
    Rep Power
    0
    Thanks for the reply webman.

    I am struggling a bit and wondered if anyone can help. I am just playing around the code on my local machine and this is what I have so far and it still will not work.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    
    <SCRIPT src="jquery.js" 
    type=text/javascript></SCRIPT>
    
    </head>
    
    <body>
    <p>
      <SCRIPT type=text/javascript>
    function loadurl(dest) { try { xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { /* do nothing */ } xmlhttp.onreadystatechange = triggered; xmlhttp.open("GET", dest); xmlhttp.send(null); } function triggered() { if (xmlhttp.readyState == 4) { if (xmlhttp.status == 200) { document.getElementById("output").innerHTML =xmlhttp.responseText; } } }</SCRIPT>
    
    <SCRIPT>
    $("#roomselect").click(function(){    
    							 // Put an animated GIF image insight of content   
    							 $("#output").empty().html('<img src="ajax-loader.gif" />');    
    							 // Make AJAX call   
    $("#output").load("http://bookings/"); });
    
    </SCRIPT>
      </P>
      <label>
        <input type="submit" name="roomselect" id="roomselect" value="C01"/>
      </label>
    </p>
    <p>&nbsp; </p>
    <DIV id=output style="BORDER-RIGHT: #ccc 3px solid; BORDER-TOP: #ccc 3px solid; BORDER-LEFT: #ccc 3px solid; WIDTH: 500px; BORDER-BOTTOM: #ccc 3px solid; HEIGHT: 250px"></DIV>
    </body>
    </html>
    Thanks
    - Stuart

SHARE:
+ Post New Thread

Similar Threads

  1. Help with Jquery
    By dnlees in forum EduGeek Joomla 1.5 Package
    Replies: 0
    Last Post: 26th March 2010, 12:25 PM
  2. [Javascript] Jquery Accordian
    By danIT in forum Web Development
    Replies: 1
    Last Post: 17th August 2009, 08:04 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •