JQuery Help

**01hanstu** · 11th May 2011, 05:16 PM

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

**webman** · 11th May 2011, 06:52 PM

These should give you some idea:

**01hanstu** · 13th May 2011, 02:21 PM

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

LinkBack

Thread Tools

Search Thread

JQuery Help

Similar Threads

Help with Jquery

[Javascript] Jquery Accordian

Thread Information

Users Browsing this Thread

Posting Permissions