http://www.sqlzoo.net/w/api.php?action=feedcontributions&user=Andr3w&feedformat=atom
SQLZOO - User contributions [en]
2013-05-24T16:32:09Z
User contributions
MediaWiki 1.20.4
http://www.sqlzoo.net/wiki/ALTER
ALTER
2013-05-09T14:22:09Z
<p>Andr3w: Undo revision 13160 by 180.211.64.153 (talk)</p>
<hr />
<div><br />
<h1>ALTER TABLE</h1><br />
<p>The table <code>games</code> shows the year and the city hosting the Olympic Games.</p><br />
<table><br />
<caption align='center'>games</caption><br />
<tr><th align='center'>'''yr'''</th><th align='center'>'''city'''</th></tr><br />
<tr><td>2004</td><td align='left'>Athens</td></tr><br />
<tr><td>2006</td><td align='left'>Turin</td></tr><br />
<br />
</table><br />
<div class='ht'><br />
<div class=params>schema:scott</div><br />
<source lang=sql class='tidy'> DROP TABLE games</source><br />
<source lang=sql class='setup'> CREATE TABLE games(<br />
yr INTEGER PRIMARY KEY,<br />
city VARCHAR(20));<br />
INSERT INTO games VALUES (2004,'Athens');<br />
INSERT INTO games VALUES (2006,'Turin');<br />
</source><br />
The ALTER statement can be used to add a column.<br />
In this example the column season indicates if the games are winter or summer games. <br />
<source lang='sql' class='def e-oracle'><br />
SELECT * FROM scott.games;<br />
ALTER TABLE games ADD season VARCHAR(6);<br />
UPDATE games SET season = 'summer'<br />
WHERE yr = 2004;<br />
UPDATE games SET season = 'winter'<br />
WHERE yr = 2006;<br />
SELECT * FROM scott.games;<br />
</source> <br />
<source lang='sql' class='def'><br />
SELECT * FROM games;<br />
ALTER TABLE games ADD season VARCHAR(6);<br />
UPDATE games SET season = 'summer'<br />
WHERE yr = 2004;<br />
UPDATE games SET season = 'winter'<br />
WHERE yr = 2006;<br />
SELECT * FROM games;<br />
</source><br />
</div><br />
<br />
<p>See also</p><br />
<ul><br />
<li>[[INSERT_.._VALUES |INSERT]]</li><br />
<li>[[DROP |DROP]]</li><br />
</ul><br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/SUM_and_COUNT_Quiz
SUM and COUNT Quiz
2013-05-09T14:14:56Z
<p>Andr3w: </p>
<hr />
<div>SUM and COUNT QUIZ<br />
<div class='ref_section'><br />
<table class='db_ref'><br />
<caption>bbc</caption><br />
<tr><br />
<th>name</th><br />
<th>region</th><br />
<th>area</th><br />
<th>population</th><br />
<th>gdp</th><br />
</tr><br />
<tr><br />
<td>Afghanistan</td><br />
<td>South Asia</td><br />
<td align='right'>652225</td><br />
<td align='right'>26000000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td>Albania</td><br />
<td>Europe</td><br />
<td align='right'>28728</td><br />
<td align='right'>3200000</td><br />
<td align='right'>6656000000</td><br />
</tr><br />
<tr><br />
<td>Algeria</td><br />
<td>Middle East</td><br />
<td align='right'>2400000</td><br />
<td align='right'>32900000</td><br />
<td align='right'>75012000000</td><br />
</tr><br />
<tr><br />
<td>Andorra</td><br />
<td>Europe</td><br />
<td align='right'>468</td><br />
<td align='right'>64000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<quiz shuffle=none display=simple><br />
{Select the statement that shows the sum of population of all countries in 'Europe'<br />
|type="()"}<br />
- SELECT name, population FROM bbc WHERE region = 'Europe'<br />
- SELECT population FROM bbc WHERE region = 'Europe' SUM BY region<br />
+ SELECT SUM(population) FROM bbc WHERE region = 'Europe'<br />
- SELECT SUM(population FROM bbc WHERE region = 'Europe')<br />
- SUM population FROM bbc WHERE region = 'Europe'<br />
<br />
{Select the statement that shows the number of countries with population smaller than 150000<br />
|type="()"}<br />
+ SELECT COUNT(name) FROM bbc WHERE population < 150000<br />
- SELECT COUNT(population < 150000) FROM bbc<br />
- SELECT name FROM bbc WHERE population < 150000<br />
- SELECT population AS COUNT FROM bbc WHERE population < 150000<br />
- SELECT SUM() FROM bbc WHERE population < 150000<br />
<br />
{Select the full set of SQL aggregate functions<br />
|type="()"}<br />
- AVG(), COUNT(), FIRST(), LAST(), SUM()<br />
- AVG(), COUNT(), MAX(), MEDIAN(), MIN(), ROUND(), SUM()<br />
+ AVG(), COUNT(), FIRST(), LAST(), MAX(), MIN(), SUM()<br />
- AVG(), COUNT(), MAX(), MIN(), SUM()<br />
- COUNT(), SUM()<br />
<br />
{Select the result that would be obtained from the following code:SELECT region, SUM(area) FROM bbc WHERE SUM(area) > 15000000 GROUP BY region<br />
<table style='float:left'><caption>Table-A</caption><tr><td>Europe</td><td>17000000</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Europe</td><td>17000000</td></tr><tr><td>Asia-Pacific</td><td>23460000</td></tr><tr><td>North America</td><td>21660000</td></tr></table><br />
<table style='float:left'><caption>Table-C</caption><tr><td>Europe</td></tr><tr><td>Asia-Pacific</td></tr><tr><td>North America</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
- Table-C<br />
- No result due to invalid use of the GROUP BY function<br />
+ No result due to invalid use of the WHERE function<br />
<br />
{Select the statement that shows the average population of 'Poland', 'Germany' and 'Denmark'<br />
|type="()"}<br />
- SELECT AVG(population) FROM bbc WHERE name = ('Poland', 'Germany', 'Denmark')<br />
+ SELECT AVG(population) FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE (Poland, Germany, Denmark)<br />
- SELECT population FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
<br />
{Select the statement that shows the medium population density of each region<br />
|type="()"}<br />
- SELECT region, AVG(population/area) AS density FROM bbc<br />
- SELECT region, COUNT(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/SUM(area) AS density FROM bbc HAVING region<br />
+ SELECT region, SUM(population)/SUM(area) AS density FROM bbc GROUP BY region<br />
<br />
{Select the statement that shows the name and population density of the country with the largest population<br />
|type="()"}<br />
- SELECT name, density AS population/area FROM bbc WHERE population = MAX(population)<br />
- SELECT name, density AS population/area FROM bbc WHERE population = (SELECT MAX(population) FROM bbc) <br />
- SELECT name, MAX (population) FROM bbc WHERE population / (SELECT area FROM bbc) <br />
+ SELECT name, population/area AS density FROM bbc WHERE population = (SELECT MAX(population) FROM bbc)<br />
- SELECT name, population/area AS density FROM bbc WHERE population > (SELECT MAX(population) FROM bbc) <br />
<br />
{Pick the result that would be obtained from the following code: SELECT region, SUM(area) FROM bbc GROUP BY region HAVING SUM(area)<= 20000000<br />
<table style='float:left'><caption>Table-A</caption><tr><td class="r">732240</td></tr><tr><td class="r">13403102</td></tr><tr><td class="r">17740392</td></tr><tr><td class="r">4943771</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>North America</td><td class="r">21660000</td></tr></table><br />
<table><caption>Table-C</caption><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-D</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>North America</td><td class="r">21660000</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-E</caption><tr><td>Africa</td><td class="r">false</td></tr><tr><td>Americas</td><td class="r">true</td></tr><tr><td>Asia-Pacific</td><td class="r">false</td></tr><tr><td>Europe</td><td class="r">false</td></tr><tr><td>Middle East</td><td class="r">true</td></tr><tr><td>North America</td><td class="r">false</td></tr><tr><td>South America</td><td class="r">false</td></tr><tr><td>South Asia</td><td class="r">false</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
+ Table-C<br />
- Table-D<br />
- Table-E<br />
<br />
</quiz><br />
<br />
[[Category:Quizzes]]</div>
Andr3w
http://www.sqlzoo.net/wiki/SUM_and_COUNT_Quiz
SUM and COUNT Quiz
2013-05-09T14:13:05Z
<p>Andr3w: </p>
<hr />
<div>SUM and COUNT QUIZ<br />
<div class='ref_section'><br />
<table class='db_ref'><br />
<caption>bbc</caption><br />
<tr><br />
<th>name</th><br />
<th>region</th><br />
<th>area</th><br />
<th>population</th><br />
<th>gdp</th><br />
</tr><br />
<tr><br />
<td>Afghanistan</td><br />
<td>South Asia</td><br />
<td align='right'>652225</td><br />
<td align='right'>26000000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td>Albania</td><br />
<td>Europe</td><br />
<td align='right'>28728</td><br />
<td align='right'>3200000</td><br />
<td align='right'>6656000000</td><br />
</tr><br />
<tr><br />
<td>Algeria</td><br />
<td>Middle East</td><br />
<td align='right'>2400000</td><br />
<td align='right'>32900000</td><br />
<td align='right'>75012000000</td><br />
</tr><br />
<tr><br />
<td>Andorra</td><br />
<td>Europe</td><br />
<td align='right'>468</td><br />
<td align='right'>64000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<quiz shuffle=none display=simple><br />
{Select the statement that shows the sum of population of all countries in 'Europe'<br />
|type="()"}<br />
- SELECT name, population FROM bbc WHERE region = 'Europe'<br />
- SELECT population FROM bbc WHERE region = 'Europe' SUM BY region<br />
+ SELECT SUM(population) FROM bbc WHERE region = 'Europe'<br />
- SELECT SUM(population FROM bbc WHERE region = 'Europe')<br />
- SUM population FROM bbc WHERE region = 'Europe'<br />
<br />
{Select the statement that shows the number of countries with population smaller than 150000<br />
|type="()"}<br />
+ SELECT COUNT(name) FROM bbc WHERE population < 150000<br />
- SELECT COUNT(population < 150000) FROM bbc<br />
- SELECT name FROM bbc WHERE population < 150000<br />
- SELECT population AS COUNT FROM bbc WHERE population < 150000<br />
- SELECT SUM() FROM bbc WHERE population < 150000<br />
<br />
{Select the full set of SQL aggregate functions<br />
|type="()"}<br />
- AVG(), COUNT(), FIRST(), LAST(), SUM()<br />
- AVG(), COUNT(), MAX(), MEDIAN(), MIN(), ROUND(), SUM()<br />
+ AVG(), COUNT(), FIRST(), LAST(), MAX(), MIN(), SUM()<br />
- AVG(), COUNT(), MAX(), MIN(), SUM()<br />
- COUNT(), SUM()<br />
<br />
{Select the result that would be obtained from the following code:SELECT region, SUM(area) FROM bbc WHERE SUM(area) > 15000000 GROUP BY region<br />
<table style='float:left'><caption>Table-A</caption><tr><td>Europe</td><td>17000000</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Europe</td><td>17000000</td></tr><tr><td>Asia-Pacific</td><td>23460000</td></tr><tr><td>North America</td><td>21660000</td></tr></table><br />
<table style='float:left'><caption>Table-C</caption><tr><td>Europe</td></tr><tr><td>Asia-Pacific</td></tr><tr><td>North America</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
- Table-C<br />
- No result due to invalid use of the GROUP BY function<br />
+ No result due to invalid use of the WHERE function<br />
<br />
{Select the statement that shows the average population of 'Poland', 'Germany' and 'Denmark'<br />
|type="()"}<br />
- SELECT AVG(population) FROM bbc WHERE name = ('Poland', 'Germany', 'Denmark')<br />
+ SELECT AVG(population) FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE (Poland, Germany, Denmark)<br />
- SELECT population FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
<br />
{Select the statement that shows the medium population density of each region<br />
|type="()"}<br />
- SELECT region, AVG(population/area) AS density FROM bbc<br />
- SELECT region, COUNT(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/SUM(area) AS density FROM bbc HAVING region<br />
+ SELECT region, SUM(population)/SUM(area) AS density FROM bbc GROUP BY region<br />
<br />
{Select the statement that shows the name and population density of the country with the largest population<br />
|type="()"}<br />
- SELECT name, density AS population/area FROM bbc WHERE population = MAX(population)<br />
- SELECT name, density AS population/area FROM bbc WHERE population = (SELECT MAX(population) FROM bbc) <br />
- SELECT name, MAX (population) FROM bbc WHERE population / (SELECT area FROM bbc) <br />
+ SELECT name, population/area AS density FROM bbc WHERE population = (SELECT MAX(population) FROM bbc)<br />
- SELECT name, population/area AS density FROM bbc WHERE population > (SELECT MAX(population) FROM bbc) <br />
<br />
{Pick the result that would be obtained from the following code: SELECT region, SUM(area) FROM bbc GROUP BY region HAVING SUM(area)<= 20000000<br />
<table style='float:left'><caption>Table-A</caption><tr><td class="r">732240</td></tr><tr><td class="r">13403102</td></tr><tr><td class="r">17740392</td></tr><tr><td class="r">4943771</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>North America</td><td class="r">21660000</td></tr></table><br />
<table><caption>Table-C</caption><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-D</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>North America</td><td class="r">21660000</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-E</caption><tr><td>Africa</td><td class="r">false</td></tr><tr><td>Americas</td><td class="r">true</td></tr><tr><td>Asia-Pacific</td><td class="r">false</td></tr><tr><td>Europe</td><td class="r">false</td></tr><tr><td>Middle East</td><td class="r">true</td></tr><tr><td>North America</td><td class="r">false</td></tr><tr><td>South America</td><td class="r">false</td></tr><tr><td>South Asia</td><td class="r">false</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
- Table-C<br />
+ Table-D<br />
- Table-E<br />
<br />
</quiz><br />
<br />
[[Category:Quizzes]]</div>
Andr3w
http://www.sqlzoo.net/wiki/SUM_and_COUNT_Quiz
SUM and COUNT Quiz
2013-05-09T14:12:45Z
<p>Andr3w: </p>
<hr />
<div>SUM and COUNT QUIZ<br />
<div class='ref_section'><br />
<table class='db_ref'><br />
<caption>bbc</caption><br />
<tr><br />
<th>name</th><br />
<th>region</th><br />
<th>area</th><br />
<th>population</th><br />
<th>gdp</th><br />
</tr><br />
<tr><br />
<td>Afghanistan</td><br />
<td>South Asia</td><br />
<td align='right'>652225</td><br />
<td align='right'>26000000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td>Albania</td><br />
<td>Europe</td><br />
<td align='right'>28728</td><br />
<td align='right'>3200000</td><br />
<td align='right'>6656000000</td><br />
</tr><br />
<tr><br />
<td>Algeria</td><br />
<td>Middle East</td><br />
<td align='right'>2400000</td><br />
<td align='right'>32900000</td><br />
<td align='right'>75012000000</td><br />
</tr><br />
<tr><br />
<td>Andorra</td><br />
<td>Europe</td><br />
<td align='right'>468</td><br />
<td align='right'>64000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<quiz shuffle=none display=simple><br />
{Select the statement that shows the sum of population of all countries in 'Europe'<br />
|type="()"}<br />
- SELECT name, population FROM bbc WHERE region = 'Europe'<br />
- SELECT population FROM bbc WHERE region = 'Europe' SUM BY region<br />
+ SELECT SUM(population) FROM bbc WHERE region = 'Europe'<br />
- SELECT SUM(population FROM bbc WHERE region = 'Europe')<br />
- SUM population FROM bbc WHERE region = 'Europe'<br />
<br />
{Select the statement that shows the number of countries with population smaller than 150000<br />
|type="()"}<br />
+ SELECT COUNT(name) FROM bbc WHERE population < 150000<br />
- SELECT COUNT(population < 150000) FROM bbc<br />
- SELECT name FROM bbc WHERE population < 150000<br />
- SELECT population AS COUNT FROM bbc WHERE population < 150000<br />
- SELECT SUM() FROM bbc WHERE population < 150000<br />
<br />
{Select the full set of SQL aggregate functions<br />
|type="()"}<br />
- AVG(), COUNT(), FIRST(), LAST(), SUM()<br />
- AVG(), COUNT(), MAX(), MEDIAN(), MIN(), ROUND(), SUM()<br />
+ AVG(), COUNT(), FIRST(), LAST(), MAX(), MIN(), SUM()<br />
- AVG(), COUNT(), MAX(), MIN(), SUM()<br />
- COUNT(), SUM()<br />
<br />
{Select the result that would be obtained from the following code:SELECT region, SUM(area) FROM bbc WHERE SUM(area) > 15000000 GROUP BY region<br />
<table style='float:left'><caption>Table-A</caption><tr><td>Europe</td><td>17000000</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Europe</td><td>17000000</td></tr><tr><td>Asia-Pacific</td><td>23460000</td></tr><tr><td>North America</td><td>21660000</td></tr></table><br />
<table style='float:left'><caption>Table-C</caption><tr><td>Europe</td></tr><tr><td>Asia-Pacific</td></tr><tr><td>North America</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
- Table-C<br />
- No result due to invalid use of the GROUP BY function<br />
+ No result due to invalid use of the WHERE function<br />
<br />
{Select the statement that shows the average population of 'Poland', 'Germany' and 'Denmark'<br />
|type="()"}<br />
- SELECT AVG(population) FROM bbc WHERE name = ('Poland', 'Germany', 'Denmark')<br />
+ SELECT AVG(population) FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE (Poland, Germany, Denmark)<br />
- SELECT population FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
<br />
{Select the statement that shows the medium population density of each region<br />
|type="()"}<br />
- SELECT region, AVG(population/area) AS density FROM bbc<br />
- SELECT region, COUNT(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/SUM(area) AS density FROM bbc HAVING region<br />
+ SELECT region, SUM(population)/SUM(area) AS density FROM bbc GROUP BY region<br />
<br />
{Select the statement that shows the name and population density of the country with the largest population<br />
|type="()"}<br />
- SELECT name, density AS population/area FROM bbc WHERE population = MAX(population)<br />
- SELECT name, density AS population/area FROM bbc WHERE population = (SELECT MAX(population) FROM bbc) <br />
- SELECT name, MAX (population) FROM bbc WHERE population / (SELECT area FROM bbc) <br />
+ SELECT name, population/area AS density FROM bbc WHERE population = (SELECT MAX(population) FROM bbc)<br />
- SELECT name, population/area AS density FROM bbc WHERE population > (SELECT MAX(population) FROM bbc) <br />
<br />
{Pick the result that would be obtained from the following code: SELECT region, SUM(area) FROM bbc GROUP BY region HAVING SUM(area)<= 20000000<br />
<table style='float:left'><caption>Table-A</caption><tr><td class="r">732240</td></tr><tr><td class="r">13403102</td></tr><tr><td class="r">17740392</td></tr><tr><td class="r">4943771</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>North America</td><td class="r">21660000</td></tr></table><br />
<table><caption>Table-C</caption><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-D</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>North America</td><td class="r">21660000</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-D</caption><tr><td>Africa</td><td class="r">false</td></tr><tr><td>Americas</td><td class="r">true</td></tr><tr><td>Asia-Pacific</td><td class="r">false</td></tr><tr><td>Europe</td><td class="r">false</td></tr><tr><td>Middle East</td><td class="r">true</td></tr><tr><td>North America</td><td class="r">false</td></tr><tr><td>South America</td><td class="r">false</td></tr><tr><td>South Asia</td><td class="r">false</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
- Table-C<br />
+ Table-D<br />
- Table-E<br />
<br />
</quiz><br />
<br />
[[Category:Quizzes]]</div>
Andr3w
http://www.sqlzoo.net/wiki/SUM_and_COUNT_Quiz
SUM and COUNT Quiz
2013-05-09T14:11:12Z
<p>Andr3w: </p>
<hr />
<div>SUM and COUNT QUIZ<br />
<div class='ref_section'><br />
<table class='db_ref'><br />
<caption>bbc</caption><br />
<tr><br />
<th>name</th><br />
<th>region</th><br />
<th>area</th><br />
<th>population</th><br />
<th>gdp</th><br />
</tr><br />
<tr><br />
<td>Afghanistan</td><br />
<td>South Asia</td><br />
<td align='right'>652225</td><br />
<td align='right'>26000000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td>Albania</td><br />
<td>Europe</td><br />
<td align='right'>28728</td><br />
<td align='right'>3200000</td><br />
<td align='right'>6656000000</td><br />
</tr><br />
<tr><br />
<td>Algeria</td><br />
<td>Middle East</td><br />
<td align='right'>2400000</td><br />
<td align='right'>32900000</td><br />
<td align='right'>75012000000</td><br />
</tr><br />
<tr><br />
<td>Andorra</td><br />
<td>Europe</td><br />
<td align='right'>468</td><br />
<td align='right'>64000</td><br />
<td></td><br />
</tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<quiz shuffle=none display=simple><br />
{Select the statement that shows the sum of population of all countries in 'Europe'<br />
|type="()"}<br />
- SELECT name, population FROM bbc WHERE region = 'Europe'<br />
- SELECT population FROM bbc WHERE region = 'Europe' SUM BY region<br />
+ SELECT SUM(population) FROM bbc WHERE region = 'Europe'<br />
- SELECT SUM(population FROM bbc WHERE region = 'Europe')<br />
- SUM population FROM bbc WHERE region = 'Europe'<br />
<br />
{Select the statement that shows the number of countries with population smaller than 150000<br />
|type="()"}<br />
+ SELECT COUNT(name) FROM bbc WHERE population < 150000<br />
- SELECT COUNT(population < 150000) FROM bbc<br />
- SELECT name FROM bbc WHERE population < 150000<br />
- SELECT population AS COUNT FROM bbc WHERE population < 150000<br />
- SELECT SUM() FROM bbc WHERE population < 150000<br />
<br />
{Select the full set of SQL aggregate functions<br />
|type="()"}<br />
- AVG(), COUNT(), FIRST(), LAST(), SUM()<br />
- AVG(), COUNT(), MAX(), MEDIAN(), MIN(), ROUND(), SUM()<br />
+ AVG(), COUNT(), FIRST(), LAST(), MAX(), MIN(), SUM()<br />
- AVG(), COUNT(), MAX(), MIN(), SUM()<br />
- COUNT(), SUM()<br />
<br />
{Select the result that would be obtained from the following code:SELECT region, SUM(area) FROM bbc WHERE SUM(area) > 15000000 GROUP BY region<br />
<table style='float:left'><caption>Table-A</caption><tr><td>Europe</td><td>17000000</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Europe</td><td>17000000</td></tr><tr><td>Asia-Pacific</td><td>23460000</td></tr><tr><td>North America</td><td>21660000</td></tr></table><br />
<table style='float:left'><caption>Table-C</caption><tr><td>Europe</td></tr><tr><td>Asia-Pacific</td></tr><tr><td>North America</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
- Table-C<br />
- No result due to invalid use of the GROUP BY function<br />
+ No result due to invalid use of the WHERE function<br />
<br />
{Select the statement that shows the average population of 'Poland', 'Germany' and 'Denmark'<br />
|type="()"}<br />
- SELECT AVG(population) FROM bbc WHERE name = ('Poland', 'Germany', 'Denmark')<br />
+ SELECT AVG(population) FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE ('Poland', 'Germany', 'Denmark')<br />
- SELECT AVG(population) FROM bbc WHERE name LIKE (Poland, Germany, Denmark)<br />
- SELECT population FROM bbc WHERE name IN ('Poland', 'Germany', 'Denmark')<br />
<br />
{Select the statement that shows the medium population density of each region<br />
|type="()"}<br />
- SELECT region, AVG(population/area) AS density FROM bbc<br />
- SELECT region, COUNT(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/COUNT(area) AS density FROM bbc GROUP BY region<br />
- SELECT region, SUM(population)/SUM(area) AS density FROM bbc HAVING region<br />
+ SELECT region, SUM(population)/SUM(area) AS density FROM bbc GROUP BY region<br />
<br />
{Select the statement that shows the name and population density of the country with the largest population<br />
|type="()"}<br />
- SELECT name, density AS population/area FROM bbc WHERE population = MAX(population)<br />
- SELECT name, density AS population/area FROM bbc WHERE population = (SELECT MAX(population) FROM bbc) <br />
- SELECT name, MAX (population) FROM bbc WHERE population / (SELECT area FROM bbc) <br />
+ SELECT name, population/area AS density FROM bbc WHERE population = (SELECT MAX(population) FROM bbc)<br />
- SELECT name, population/area AS density FROM bbc WHERE population > (SELECT MAX(population) FROM bbc) <br />
<br />
{Pick the result that would be obtained from the following code: SELECT region, SUM(area) FROM bbc GROUP BY region HAVING SUM(area)<= 20000000<br />
<table style='float:left'><caption>Table-A</caption><tr><td class="r">732240</td></tr><tr><td class="r">13403102</td></tr><tr><td class="r">17740392</td></tr><tr><td class="r">4943771</td></tr></table><br />
<table style='float:left'><caption>Table-B</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>North America</td><td class="r">21660000</td></tr></table><br />
<table><caption>Table-C</caption><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-D</caption><tr><td>Africa</td><td class="r">22550927</td></tr><tr><td>Americas</td><td class="r">732240</td></tr><tr><td>Asia-Pacific</td><td class="r">28759578</td></tr><tr><td>Europe</td><td class="r">23866987</td></tr><tr><td>Middle East</td><td class="r">13403102</td></tr><tr><td>North America</td><td class="r">21660000</td></tr><tr><td>South America</td><td class="r">17740392</td></tr><tr><td>South Asia</td><td class="r">4943771</td></tr></table><br />
<table><caption>Table-E</caption><tr><td>Africa</td></tr><tr><td>Americas</td></tr><tr><td>Asia-Pacific</td>28759578</td></tr><tr><td>Europe</td></tr><tr><td>Middle East</td></tr><tr><td>North America</td></tr><tr><td>South America</td></tr><tr><td>South Asia</td></tr></table><br />
|type="()"}<br />
- Table-A<br />
- Table-B<br />
- Table-C<br />
+ Table-D<br />
- Table-E<br />
<br />
</quiz><br />
<br />
[[Category:Quizzes]]</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_.._GROUP_BY
SELECT .. GROUP BY
2013-05-07T21:30:06Z
<p>Andr3w: </p>
<hr />
<div><br />
<h1>SELECT .. GROUP BY</h1><br />
Host cities and continents for the Olympics Games are stored in the table <code>games</code>.<br />
Notice that Europe appears in the table twice: <br />
<table><br />
<caption align='center'>'''games'''</caption><br />
<tr><th align='center'>'''yr'''</th><th align='center'>'''city'''</th><th align='center'>'''continent'''</th></tr><br />
<tr><td>2000</td><td align='left'>Sydney</td><td align='left'>Australasia</td></tr><br />
<tr><td>2004</td><td align='left'>Athens</td><td align='left'>Europe</td></tr><br />
<tr><td>2008</td><td align='left'>Beijing</td><td align='left'>Asia</td></tr><br />
<tr><td>2019</td><td align='left'>London</td><td align='left'>Europe</td></tr><br />
</table><br />
<br />
<div class='ht'><br />
<div class='params'>schema:scott</div><br />
<source lang=sql class='tidy'> DROP TABLE games</source><br />
<source lang=sql class='setup'> CREATE TABLE games(<br />
yr INTEGER,<br />
city VARCHAR(20),<br />
continent VARCHAR(20));<br />
INSERT INTO games VALUES (2000,'Sydney','Australasia');<br />
INSERT INTO games VALUES (2004,'Athens','Europe');<br />
INSERT INTO games VALUES (2008,'Beijing','Asia');<br />
INSERT INTO games VALUES (2012,'London','Europe');<br />
</source><br />
In a GROUP BY statement only <i>distinct</i> values are shown for the column in the GROUP BY.<br />
This example shows the continents hosting the Olympics with the count of the number of games held. <br />
<source lang='sql' class='def e-oracle'><br />
SELECT continent, COUNT(yr) FROM scott.games<br />
GROUP BY continent<br />
</source><br />
<source lang='sql' class='def'><br />
SELECT continent, COUNT(yr) FROM games<br />
GROUP BY continent<br />
</source><br />
</div><br />
<br />
<p>See also</p><br />
<ul><br />
<li>[[SUM_and_COUNT |SUM and COUNT]]</li><br />
<li>[[SELECT_.._WHERE |SELECT WHERE]]</li><br />
</ul></div>
Andr3w
http://www.sqlzoo.net/wiki/File:CongestionChargeER.gif
File:CongestionChargeER.gif
2013-05-05T09:38:28Z
<p>Andr3w: </p>
<hr />
<div></div>
Andr3w
http://www.sqlzoo.net/wiki/Congestion_Charging
Congestion Charging
2013-05-05T09:32:31Z
<p>Andr3w: </p>
<hr />
<div><h1>Congestion charging database</h1><br />
<p>Graduated questions</p><br />
<ul><br />
<li>[[Congestion Easy |Easy questions: 1..5]]</li><br />
<li>[[Congestion Medium |Medium questions: 6..10]]</li><br />
<li>[[Congestion Hard |Hard questions: 11..15]]</li><br />
</ul><br />
<p>ER diagram for the Congestion charging database:</p><br />
[[Image:CongestionChargeER.gif]]<br />
<p>camera(id, perim)</p><br />
<p>keeper(id, name, address)</p><br />
<p>vehicle(id, keeper)</p><br />
<p>image(camera, whn, reg)</p><br />
<p>permit(reg, sDate, chargeType)</p><br />
<h2>Sample query</h2><br />
<br />
<div class='qu'><br />
List the vehicles for which 'Strenuous, Sam' is the registered keeper.<br />
The link between Keepers and Vehicles is via the foreign key specified in the CREATE TABLE vehicle statement. Note the line:<br />
,FOREIGN KEY(keeper) REFERENCES keeper(id)<br />
This will be the basis of our join condition.<br />
<source lang='sql' class='def'><br />
SELECT vehicle.id<br />
FROM vehicle JOIN keeper<br />
ON vehicle.keeper = keeper.id<br />
WHERE keeper.name = 'Strenuous, Sam' <br />
</source><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-05-02T22:20:35Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
//Put in the answers if url includes answer=1<br />
if (window.location.search && /answer/.test(window.location.search)){<br />
$('<def/>',{text:"Cheat mode",css:{position:'fixed',right:'2ex',<br />
bottom:'2ex',width:'14ex',backgroundColor:'yellow',padding:'2ex',<br />
textAlign:'center'}})<br />
.appendTo($('body'));<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.css
MediaWiki:Common.css
2013-05-02T22:08:02Z
<p>Andr3w: </p>
<hr />
<div><br />
/* CSS placed here will be applied to all skins */<br />
#mw-head-base {<br />
height:10em;<br />
}<br />
#p-googleadsense {<br />
margin-left:.5em;<br />
}<br />
/* Hide ads for login page */<br />
body.ns-special div#p-googleadsense{<br />
display:none;<br />
}<br />
.qu {<br />
border-color: silver;<br />
border-style: solid;<br />
border-width: 1px;<br />
margin: 2ex 0.2ex 0.2ex;<br />
padding: 10px;<br />
clear:left; /* Andrew 2012-07-21 */<br />
}<br />
.ans, .def, .tidy, .setup, .params {<br />
display:none;<br />
}<br />
<br />
.hnt {<br />
font-weight:bold;<br />
color: #3b434e;<br />
cursor:pointer;<br />
}<br />
.hnt:hover{background:#AABBCC;}<br />
<br />
.hint {<br />
color: #055C00;<br />
}<br />
<br />
.ecomm {<br />
margin-bottom: 0.5ex;<br />
margin-right: 0.5ex;<br />
}<br />
<br />
.qu textarea{<br />
width:auto;<br />
}<br />
<br />
/* Change by Andrew 2012-07-21 */<br />
.qu form{<br />
clear:left;<br />
}<br />
<br />
div.res {<br />
border-style: inset;<br />
border-width: 1px;<br />
height: 20em;<br />
width:32em;<br />
overflow: auto;<br />
padding: 5px;<br />
}<br />
<br />
table{<br />
border-collapse:collapse;<br />
background:#d2e5d1;<br />
margin:1em 0 1.5em;<br />
}<br />
.res table{<br />
background:none;<br />
}<br />
table td{<br />
border:solid gray 1px;<br />
padding:.2em .7em;<br />
vertical-align:top;<br />
}<br />
<br />
h2{<br />
border-bottom:none;<br />
}<br />
<br />
span.id {<br />
font-size: 300%;<br />
display: block;<br />
float: left;<br />
padding: 0px 5px;<br />
margin-right: 5px;<br />
margin-top:0.8ex;<br />
}<br />
<br />
div.tutblock,<br />
div.refblock,<br />
div.resblock<br />
{<br />
width:60ex;<br />
float:left;<br />
padding:1ex 1em 1em 2em;<br />
margin:2ex 2ex 2ex 0em;<br />
}<br />
div.resblock<br />
{<br />
width:auto;<br />
}<br />
div.refblock+*{<br />
}<br />
div.tutblock h2,<br />
div.refblock h2,<br />
div.resblock h2{<br />
padding-top:1ex;<br />
text-align:left;<br />
}<br />
div.res.waiting{<br />
background-image:url(http://sqlzoo.net/w/wait30trans.gif);<br />
background-repeat:no-repeat;<br />
background-position: center center;<br />
}<br />
.r{<br />
text-align:right;<br />
}<br />
.res .showtxt{<br />
color:blue;<br />
cursor:pointer;<br />
}<br />
.res .sqlans{<br />
display:none;<br />
}<br />
/* ==== Designer style sheet starts here === */<br />
<br />
/* This skin overrides common.css */ <br />
<br />
/* SQL ZOO COLOR PALETTE:<br />
<br />
#dae5d9 - light green (bg color) [ alt: #d2e5d1 ]<br />
#161525 - dark blue<br />
#3b434e - light blue<br />
#ee8301 - orange [ darker alt: #ff530d ]<br />
#e3e3e3 - near white<br />
#4a787d - bright blue (links) [ alt: #668195 ]<br />
#c4c4c4 - light grey (sub menu links)<br />
#909898 - mid grey (sub menu description)<br />
<br />
*/<br />
<br />
/* =========================== GLOBAL SETTINGS: ============================= */<br />
<br />
/* remove the Wiki markup */<br />
#p-logo, #left-navigation, #p-tb, #pt-mytalk, #pt-watchlist, #pt-mycontris, .editsection, #mw-usercsspreview, #contentSub {<br />
display:none;<br />
}<br />
textarea:focus{outline:none;}<br />
body #mw-head-base {<br />
background-image:none;<br />
}<br />
html, body, body #content,<br />
#mw-page-base {<br />
background:#d2e5d1;<br />
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Arial", sans-serif; <br />
color:#161525;<br />
}<br />
<br />
a:link {<br />
color:#3b434e;<br />
text-decoration:none;<br />
}<br />
a:visited {color:#668195;}<br />
a:hover {color:#ff530d;}<br />
a:active {color:#e3e3e3;}<br />
<br />
<br />
<br />
/* ================================== ADMIN WIKI LINKS: */<br />
<br />
<br />
<br />
/* reposition temporary admin links */<br />
#mw-head {<br />
position:absolute;<br />
}<br />
#pt-userpage, #pt-anonuserpage, #pt-login, #pt-preferences, #pt-logout {<br />
background-size:1em;<br />
background-repeat:no-repeat;<br />
background-position:left center;<br />
padding:0 0 0 1.2em;<br />
}<br />
#pt-userpage, #pt-anonuserpage, #pt-login {<br />
background-image:url('/design/u4.png');<br />
}<br />
#pt-preferences {<br />
background-image:url('/design/settings.png');<br />
}<br />
#pt-logout {<br />
background-image:url('/design/logout.png');<br />
padding:0 0 0 1.25em;<br />
}<br />
#p-search {<br />
margin:0; <br />
padding:0;<br />
clear:right;<br />
<br />
}<br />
#p-search form, #p-search input {<br />
margin:0;<br />
}<br />
#p-search input#searchInput {<br />
-moz-border-radius:1em;<br />
-webkit-border-radius: 1em;<br />
border-radius: 1em;<br />
border:2px solid #3b434e;<br />
}<br />
#p-views {<br />
float:right;<br />
margin:0 0 -.5em 0; <br />
padding:0;<br />
}<br />
<br />
<br />
/* wiki editor links */<br />
<br />
#right-navigation {<br />
margin: 1.9em .3em 0 0;<br />
}<br />
div.vectorTabs span {<br />
background:none;<br />
}<br />
div.vectorTabs span a {<br />
padding-top: .05em;<br />
color:#3b434e;<br />
text-shadow: 1px 1px 0 #E4EDE6;<br />
}<br />
div.vectorTabs span a:hover {<br />
color:#ee8301;<br />
}<br />
div.vectorTabs, div.vectorTabs ul {<br />
background:none;background-image:none;<br />
}<br />
div.vectorTabs ul {<br />
height:1.2em;<br />
border:thin solid rgba(33,33,33,0.7);<br />
-moz-box-shadow: 0px 0px 2px #333333;<br />
-webkit-box-shadow: 0px 0px 2px #333333;<br />
box-shadow: 0px 0px 2px #333333;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius: 1.5em;<br />
border-radius: 1.5em;<br />
background: #e3ede3; /* Old browsers */<br />
background: -moz-linear-gradient(-45deg, #e3ede3 1%, #dae5d9 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#e3ede3), color-stop(100%,#dae5d9)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* IE10+ */<br />
background: linear-gradient(135deg, #e3ede3 1%,#dae5d9 100%); /* W3C */<br />
}<br />
div.vectorTabs ul li {<br />
background:none;background-image:none;<br />
border:none; border-right:thin solid rgba(33,33,33,0.7);<br />
-moz-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
-webkit-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
box-shadow:inset 2px 2px 12px #e7f0e7;<br />
}<br />
div.vectorTabs ul li:first-child {<br />
-webkit-border-radius: 1.5em 0 0 1.5em;<br />
-moz-border-radius: 1.5em 0 0 1.5em;<br />
border-radius: 1.5em 0 0 1.5em;<br />
padding-left:.6em;<br />
}<br />
div.vectorTabs ul li:last-child {<br />
-webkit-border-radius: 0 1.5em 1.5em 0;<br />
-moz-border-radius: 0 1.5em 1.5em 0;<br />
border-radius: 0 1.5em 1.5em 0;<br />
border-right:none;<br />
padding-right:.5em;<br />
}<br />
div.vectorTabs li.selected {<br />
background: #f7bc79; /* Old browsers */<br />
background: -moz-linear-gradient(top, #f7bc79 0%, #ee8301 41%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7bc79), color-stop(41%,#ee8301)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #f7bc79 0%,#ee8301 41%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #f7bc79 0%,#ee8301 41%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #f7bc79 0%,#ee8301 41%); /* IE10+ */<br />
background: linear-gradient(to bottom, #f7bc79 0%,#ee8301 41%); /* W3C */<br />
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7bc79', endColorstr='#ee8301',GradientType=0 ); /* IE6-9 */<br />
-moz-box-shadow:none;<br />
-webkit-box-shadow:none;<br />
box-shadow:none;<br />
}<br />
div.vectorTabs li.selected a {<br />
text-shadow: 1px 1px 0 #f7bc79;<br />
cursor:default;<br />
}<br />
div.vectorTabs li.selected a:hover {<br />
color:#3b434e;<br />
}<br />
div.vectorTabs ul li:first-child.selected {<br />
background:none;<br />
filter:none; /* IE6-9 */<br />
}<br />
div.vectorTabs ul li:first-child.selected a {<br />
text-shadow: 1px 1px 0 #E4EDE6;<br />
color:#8190A8;<br />
}<br />
<br />
/* Zoo advertising */<br />
<br />
#zoolinks{<br />
position:relative;<br />
clear:both;<br />
float:right;<br />
margin:.5em .4em 0 0;<br />
z-index:0;<br />
<br />
}<br />
#zoolinks li{<br />
display:inline;<br />
margin-left:1em;<br />
}<br />
#zoolinks a {<br />
padding:0 0 1em 0;<br />
font-weight:bold;<br />
-moz-transition:all .5s; /* Firefox 4 */<br />
-webkit-transition:all .5s; /* Safari and Chrome */<br />
-o-transition:all .5s; /* Opera */<br />
transition:all .5s; /* Opera */<br />
}<br />
#zoolinks #css_link {<br />
top:-.1em;<br />
font-size:1.2em;<br />
font-family: 'Helvetica Neue',Helvetica, sans-serif;<br />
line-height: 1em;<br />
color: #ee8301;<br />
text-shadow:0px 0px 0 rgb(224,117,-13),1px 1px 0 rgb(210,103,-27),2px 2px 0 rgb(196,89,-41),3px 3px 0 rgb(181,74,-56),4px 4px 0 rgb(167,60,-70),5px 5px 0 rgb(153,46,-84), 6px 6px 0 rgb(139,32,-98),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);<br />
<br />
<br />
}<br />
#zoolinks #css_link:hover { <br />
color:orange;<br />
font-size:1.4em;<br />
}<br />
#zoolinks #java_link{<br />
background-image:url('/design/java.png');<br />
background-size:1.5em; <br />
background-repeat:no-repeat;<br />
background-position:right top;<br />
padding-right:1.6em;<br />
margin-left:.1em;<br />
font-weight:normal;<br />
color: #3b434e;<br />
}<br />
<br />
#zoolinks #linux_link {<br />
background-image:url('/design/penguin.png');<br />
background-size:1.8em; <br />
background-repeat:no-repeat;<br />
background-position:right top;<br />
padding-right:1.75em;<br />
margin-left:-.6em;<br />
color: #3b434e;<br />
}<br />
#zoolinks #java_link:hover {<br />
font-size:1.2em;<br />
color: #fff;<br />
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;<br />
}<br />
#zoolinks #linux_link:hover {<br />
font-size:1.2em;<br />
color: #ee8301;<br />
}<br />
#zoolinks a#sql_hacks {<br />
margin: -.6em 0em 0 -.8em;<br />
opacity: 0.8;<br />
padding: 0;<br />
position:relative;<br />
float: right;<br />
-webkit-transform:scale(0.7);<br />
-moz-transform:scale(0.7);<br />
-o-transform:scale(0.7);<br />
transform:scale(0.7);<br />
-moz-box-shadow: 2px 2px 4px #333333;<br />
-webkit-box-shadow: 2px 2px 4px #333333;<br />
box-shadow: 2px 2px 4px #333333;<br />
<br />
-moz-transition:all .5s; /* Firefox 4 */<br />
-webkit-transition:all .5s; /* Safari and Chrome */<br />
-o-transition:all .5s; /* Opera */<br />
transition:all .5s; /* Opera */<br />
}<br />
<br />
#zoolinks a#sql_hacks:hover {<br />
opacity:1;<br />
-webkit-transform:scale(1);<br />
-moz-transform:scale(1);<br />
-o-transform:scale(1);<br />
transform:scale(1);<br />
-moz-box-shadow: 5px 5px 2px #666666;<br />
-webkit-box-shadow: 5px 5px 2px #666666;<br />
box-shadow: 8px 8px 12px #666666;<br />
height:auto;<br />
}<br />
<br />
<br />
/* ================================== HEADER: */<br />
<br />
<br />
<br />
#mw-page-base {<br />
height:8.30em;<br />
background: -moz-linear-gradient(top, rgba(171,183,157,1) 0%, rgba(223,229,222,0.9) 10%, rgba(223,229,222,0) 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,183,157,1)), color-stop(10%,rgba(223,229,222,0.9)), color-stop(100%,rgba(223,229,222,0))); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* W3C */<br />
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9D6C9', endColorstr='#00dfe5de',GradientType=0 ); /* IE6-9 */<br />
}<br />
#mp-logo {<br />
position:absolute; left:1em; top:0.2em; z-index:+1;<br />
}<br />
#mp-logo img {<br />
width:20.5em;<br />
}<br />
#logo-desc {<br />
font-family: Helvetica, Arial, sans-serif;<br />
font-weight:bold;<br />
font-size: 1.670em;<br />
color: #3b434e;<br />
margin:.2em 0 0 0; padding:0;<br />
}<br />
/* fix ff misbehaviour */<br />
@-moz-document url-prefix() { <br />
#logo-desc {font-size: 1.7em;}<br />
}<br />
/* fix ff win misbehaviour */<br />
.win.gecko #logo-desc { margin-top:.2px; }<br />
/* fix webkit misbahaviour */<br />
@media screen and (-webkit-min-device-pixel-ratio:0) {<br />
#logo-desc { margin-top: -0px; }<br />
}<br />
#logo-desc span {<br />
color: #ee8301;<br />
}<br />
#logo-desc span span {<br />
color: #161525; font-weight:normal;<br />
}<br />
h1, h1#logo-desc, #mw-head-base a {<br />
border:none; text-decoration:none;<br />
}<br />
#language {<br />
position:absolute;<br />
left:-1em;<br />
top:-.6em;<br />
z-index:+5;<br />
}<br />
#language li {<br />
display:inline-block;<br />
margin:0 .5em 0 0<br />
}<br />
#language ul li a img {<br />
opacity:0.5;<br />
}<br />
#language ul li a:hover img {<br />
opacity:1;<br />
}<br />
<br />
<br />
/* ================================== MAIN MENU */<br />
<br />
<br />
<br />
#main_menu {<br />
font-family: "Arial", sans-serif; <br />
font-size: .95em;<br />
margin:0;<br />
padding:0;<br />
line-height: 100%;<br />
color:#e3e3e3;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #363d49 0%, #363d49 18%, #161525 69%, #161525 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363d49), color-stop(18%,#363d49), color-stop(69%,#161525), color-stop(100%,#161525)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* W3C */<br />
}<br />
.stickableMenu {<br />
position: absolute; top:11.5em; left:.6em;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
box-shadow: 0px 0px 0px #3b434e;<br />
}<br />
.stickableMenu:hover { /* not perfect, needs js */<br />
-webkit-border-radius: 1.1em 1.1em 0 0;<br />
-moz-border-radius: 1.1em 1.1em 0 0;<br />
border-radius: 1.1em 1.1em 0 0;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
<br />
-moz-transition:all .7s; /* Firefox 4 */<br />
-webkit-transition:all .7s; /* Safari and Chrome */<br />
-o-transition:all .7s; /* Opera */<br />
transition:all .7s; /* Opera */<br />
}<br />
.fixedMenu { <br />
position: fixed; top: 0; left:0;<br />
z-index:+5; <br />
-webkit-border-radius: 0 0 1.5em 0;<br />
-moz-border-radius:0 0 1.5em 0;<br />
border-radius: 0 0 1.5em 0;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
}<br />
.fixedMenu:hover {<br />
-webkit-border-radius: 0 1.1em 0 0;<br />
-moz-border-radius: 0 1.1em 0 0;<br />
border-radius: 0 1.1em 0 0;<br />
}<br />
#main_menu li {<br />
z-index:+2;<br />
margin:0;<br />
padding:0;<br />
float: left;<br />
position: relative;<br />
list-style: none;<br />
}<br />
/* main level link */<br />
#main_menu a {<br />
color: #e3e3e3;<br />
text-decoration: none;<br />
display: block;<br />
padding:.6em 1.3em .6em 0;<br />
margin: 0;<br />
background-image:url('/design/ic_down.png');<br />
background-repeat:no-repeat;<br />
background-position:right center;<br />
}<br />
#main_menu > li:first-child a {<br />
margin-left:+1.4em;<br />
}<br />
#main_menu li > a { <br />
margin-right:+.4em;<br />
} <br />
#main_menu > li:last-child a {<br />
margin-right:+1.4em;<br />
}<br />
/* main level link hover */<br />
#main_menu .current a, #main_menu li:hover > a {<br />
color: #ee8301;<br />
background-image:url('/design/ic_down_hover.png');<br />
}<br />
/* sub levels link description */<br />
#main_menu ul li:hover, #main_menu li:hover li {<br />
color: #909898;<br />
}<br />
/* sub levels link hover */<br />
#main_menu ul li:hover a, #main_menu li:hover li a {<br />
color: #c4c4c4;<br />
font-weight:bold;<br />
margin:-.7em 0 -.8em 0;<br />
/*<br />
background-image:url('/design/progress_bar.png');<br />
background-size:3.5em;<br />
*/<br />
background-image:none;<br />
}<br />
#main_menu li:hover li a:hover {<br />
color: #ee8301;<br />
/*<br />
background-image:url('/design/progress_bar_hover.png');<br />
*/<br />
background-image:none;<br />
}<br />
<br />
/* ============================== style for menu progress bar */<br />
<br />
.progressbarbg1 {<br />
width: 8ex;<br />
height: 1.6ex;<br />
background:black;<br />
border-radius: 1ex;<br />
border:2.5px solid #92A599;<br />
/* add some position settings here #92A599 #8FA397 */<br />
float:right;<br />
margin:-1em 0 0 0;<br />
}<br />
.progressbar1 {<br />
width: 7ex;<br />
height: 1ex;<br />
position: relative;<br />
top: 0.3ex;<br />
left: .3ex;<br />
background: #92A599;<br />
border-radius: 1ex;<br />
border-width: 1px;<br />
border-color: #000000;<br />
}<br />
<br />
/* remove indicators from reference sub menu */<br />
#main_menu ul#mm3 li a, #main_menu ul#mm3 li:hover a {<br />
background-image:none;<br />
}<br />
/* level 2 list */<br />
#main_menu li ul {<br />
/*display: none;*/<br />
visibility: hidden;<br />
opacity: 0;<br />
position: absolute; top: 1.8em;<br />
min-width:35em;<br />
font-size:.85em;<br />
margin: 0;<br />
padding: 1.65em 1.5em .5em 1.5em;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #161525 0%, #000000 57%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161525), color-stop(57%,#000000)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #161525 0%,#000000 57%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #161525 0%,#000000 57%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #161525 0%,#000000 57%); /* IE10+ */<br />
background: linear-gradient(to bottom, #161525 0%,#000000 57%); /* W3C */<br />
-webkit-border-radius: 0 2em 2em 2em;<br />
-moz-border-radius: 0 2em 2em 2em;<br />
border-radius: 0 2em 2em 2em;<br />
-moz-box-shadow: 2px 4px 12px #000000;<br />
-webkit-box-shadow: 2px 4px 12px #000000;<br />
box-shadow: 2px 4px 12px #000000;<br />
/*<br />
transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
-moz-transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
-webkit-transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
-o-transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
*/<br />
}<br />
/* needs to be adjusted for each introduced ul */<br />
#main_menu li #mm2 {left:-7.9em;}<br />
#main_menu li #mm3 {left:-16.8em;}<br />
@-moz-document url-prefix() { <br />
#main_menu li #mm2 { left:-8.1em; } <br />
#main_menu li #mm3 { left:-17.1em; } <br />
} <br />
.win.gecko #main_menu li #mm2 { left:-7.9em; }<br />
.win.gecko #main_menu li #mm3 { left:-16.85em; }<br />
<br />
.ie #main_menu li #mm2 { left:-8.15em; }<br />
.ie #main_menu li #mm3 { left:-17.15em; }<br />
<br />
.mac.webkit #main_menu li #mm2 { left:-8em; }<br />
.mac.webkit #main_menu li #mm3 { left:-16.95em; }<br />
<br />
#selector[id=selector] { color: red; }<br />
<br />
#main_menu li:hover ul> li {<br />
border-bottom:thin solid #acbbaf;<br />
margin:0 0 .45em 0;<br />
padding: 0 0 .4em 0;<br />
}<br />
#main_menu li:hover ul > li:last-child {<br />
border-bottom:none;<br />
}<br />
/* dropdown */<br />
#main_menu li:hover > ul {<br />
display: block;<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
#main_menu ul li {<br />
float: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* clearfix */<br />
#main_menu:after {<br />
content: ".";<br />
display: block;<br />
clear: both;<br />
visibility: hidden;<br />
line-height: 0;<br />
height: 0;<br />
}<br />
#main_menu {<br />
display: inline-block;<br />
}<br />
html[xmlns] #main_menu {<br />
display: block;<br />
}<br />
* html #main_menu {<br />
height: 1%;<br />
}<br />
<br />
<br />
<br />
/* ================================== SIDE MENU: */<br />
<br />
<br />
<br />
body #mw-panel {<br />
margin-top:3.3em;<br />
}<br />
#mw-panel #p-Reference h5,<br />
body #mw-panel div.portal h5 {<br />
font-size: 1.3em;<br />
font-stretch:normal;<br />
font-weight:bold;<br />
margin:0; padding: 0 0 0 0.6em;<br />
color:#161525;<br />
}<br />
#mw-panel #p-Reference li a {<br />
color:#3b434e;<br />
}<br />
#mw-panel #p-Reference li a:hover {<br />
color:#ff530d;<br />
padding-left:1.1em;<br />
background-image:url('/design/side_pointer2.png');<br />
background-size:.8em;<br />
background-repeat:no-repeat;<br />
background-position:left center;<br />
}<br />
body #mw-panel #p-Reference .body,<br />
body #mw-panel div.portal div.body {<br />
background-image:none; <br />
}<br />
.fixedRef { <br />
position: fixed; top:3em; left:0;<br />
width:10em;<br />
}<br />
<br />
#mw-panel .portal .body ul li {<br />
text-align:right;<br />
}<br />
#engine {<br />
background:#161525;<br />
color:#e3e3e3;<br />
width: 9em; height: 2.4em;<br />
margin:.65em 0 0 0;<br />
text-align:left center;<br />
}<br />
<br />
/* ================================== CONTENT: */<br />
<br />
div#content a.zoo_external {<br />
color: #161525;<br />
}<br />
div#content a.zoo_external:hover {<br />
color: #ee8301;<br />
}<br />
div#content a.zoo_external, div#content a.zoo_external[href^="gopher://"] {<br />
background: url("/design/ex-link2.png") no-repeat scroll right center transparent;<br />
padding-right: 18px;<br />
}<br />
div#content a.zoo_external:hover, div#content a.zoo_external:hover[href^="gopher://"] {<br />
background: url("/design/ex-link.png") no-repeat scroll right center transparent;<br />
padding-right: 18px;<br />
}<br />
#firstHeading {<br />
font-size: 1.3em;<br />
font-weight:bold;<br />
text-align:center;<br />
color:#161525;<br />
margin:0 0 .9em 0;<br />
padding:0;<br />
border:none;<br />
border-bottom:thin solid #ee8301;<br />
}<br />
.mw-content-ltr {<br />
margin-left:1em;<br />
}<br />
/* homepage slogan */<br />
.slogan {<br />
font-size: 1.3em;<br />
font-weight:normal;<br />
color:#3b434e;<br />
margin-left:-.5em;<br />
}<br />
.slogan span {<br />
font-weight:bold;<br />
color:#161525;<br />
}<br />
div.tutblock, <br />
div.refblock,<br />
div.resblock {<br />
border:none;<br />
margin-top:.2em;<br />
margin-bottom:0;<br />
margin-left:-1em;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
}<br />
/* add extra margin so the resources block floats under tutorials */<br />
div.refblock {<br />
margin-bottom:+4em;<br />
}<br />
/* fix webkit misbahaviour */<br />
@media screen and (-webkit-min-device-pixel-ratio:0) {<br />
div.tutblock, <br />
div.refblock,<br />
div.resblock { margin-top:.6em; }<br />
}<br />
div.tutblock:hover, <br />
div.refblock:hover,<br />
div.resblock:hover {<br />
-moz-box-shadow: 1px 1px 1px #3b434e;<br />
-webkit-box-shadow: 1px 1px 1px #3b434e;<br />
box-shadow: 1px 1px 1px #3b434e;<br />
background:#dae5d9;<br />
transition:background 1s;<br />
-moz-transition:background 1s; /* Firefox 4 */<br />
-webkit-transition:background 2s; /* Safari and Chrome */<br />
-o-transition:background 1s; /* Opera */<br />
}<br />
div.tutblock:hover h2,<br />
div.refblock:hover h2,<br />
div.resblock:hover h2 {<br />
color:#ee8301;<br />
border-bottom: 1px solid #ee8301;<br />
}<br />
div.tutblock:hover dl,<br />
div.refblock:hover dl,<br />
div.resblock:hover dl {<br />
margin-top: -1px;<br />
}<br />
.mw-content-ltr h2 {<br />
font-size:1.2em;<br />
font-weight:bold;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr a {<br />
color:#161525;<br />
}<br />
.mw-content-ltr .tutblock a:hover,<br />
.mw-content-ltr .refblock a:hover,<br />
.mw-content-ltr .resblock a:hover {<br />
color:#ee8301;<br />
background-image:url('/design/side_pointer2.png');<br />
background-size:.8em;<br />
background-repeat:no-repeat;<br />
background-position:left center;<br />
margin-left:-1.1em; padding-left:+1.1em;<br />
}<br />
/* this shouldn't be necessarry - investigate further */<br />
.mw-content-ltr .refblock a:hover {<br />
margin-left:-2em; padding-left:+2em;<br />
}<br />
<br />
.mw-content-ltr .tutblock dl dt,<br />
.mw-content-ltr .refblock dl dt,<br />
.mw-content-ltr .resblock dl dt {<br />
margin:0 0 -.1em 0; padding:0;<br />
font-weight:bold;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr .resblock dl dt {<br />
margin:0; padding:0;<br />
}<br />
.mw-content-ltr .tutblock dl dt::first-letter,<br />
.mw-content-ltr .refblock dl dt::first-letter {<br />
color:#3b434e;<br />
}<br />
<br />
.mw-content-ltr .tutblock dl dt:hover:first-letter,<br />
.mw-content-ltr .refblock dl dt:hover:first-letter,<br />
.mw-content-ltr .resblock dl dt:hover:first-letter {<br />
color:#161525;<br />
}<br />
.mw-content-ltr .tutblock dl dd,<br />
.mw-content-ltr .refblock dl dd,<br />
.mw-content-ltr .resblock dl dd {<br />
margin:0 0 .7em 0; <br />
padding:0 1em 0 0;<br />
line-height:105%;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr .tutblock dl dd a,<br />
.mw-content-ltr .refblock dl dd a,<br />
.mw-content-ltr .resblock dl dd a {<br />
font-weight:bold;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr .tutblock dl dd a:hover,<br />
.mw-content-ltr .refblock dl dd a:hover,<br />
.mw-content-ltr .resblock dl dd a:hover {<br />
background-image:none;<br />
margin-left:-1.1em; padding-left:-1.1em;<br />
}<br />
.mw-content-ltr .resblock dl dd a {<br />
font-weight:bold;<br />
color:#161525;<br />
}<br />
<br />
<br />
/* ================================== TUTORIALS HEADER: */<br />
<br />
<br />
<br />
.ref_section {<br />
background:none; border:none;<br />
-moz-border-radius:.8em;<br />
-webkit-border-radius:.8em;<br />
border-radius:.8em;<br />
<br />
}<br />
.db_ref { <br />
*border-collapse: collapse; /* IE7 and lower */<br />
border-spacing:0;<br />
border:none;<br />
color:#dae5d9;<br />
display: inline-block;<br />
-moz-border-radius: .8em;<br />
-webkit-border-radius: .8em;<br />
border-radius: .8em;<br />
}<br />
.db_ref caption {<br />
color:#161525;<br />
background:#d2e5d1;<br />
display: block;<br />
}<br />
.db_ref tr:hover {<br />
color:#161525;<br />
background:#e3e3e3;<br />
-o-transition: all 0.1s ease-in-out;<br />
-webkit-transition: all 0.1s ease-in-out;<br />
-moz-transition: all 0.1s ease-in-out;<br />
-ms-transition: all 0.1s ease-in-out;<br />
transition: all 0.1s ease-in-out; <br />
} <br />
<br />
.db_ref td, .db_ref th {<br />
border-left: 1px solid #3b434e;<br />
border-top: none;<br />
padding:.1em .7em .1em .5em;<br />
}<br />
.db_ref tr { <br />
background:#3b434e;<br />
}<br />
.db_ref tr:first-child,<br />
.db_ref tr:last-child { <br />
background:none;<br />
}<br />
/*<br />
.db_ref td {<br />
background:#3b434e;<br />
}<br />
*/<br />
.db_ref th {<br />
background-color:#161525;<br />
color:#e3e3e3;<br />
padding:.2em .7em .2em .5em;<br />
}<br />
<br />
.db_ref td:first-child, .db_ref th:first-child {<br />
border-left:none;<br />
}<br />
.db_ref td[colspan] { <br />
border:none;<br />
background:#3b434e;<br />
}<br />
.db_ref td[colspan]:hover { <br />
font-weight:bold;<br />
color:#161525;<br />
background:#d2e5d1;<br />
}<br />
.db_ref th:first-child {<br />
-moz-border-radius: .8em 0 0 0;<br />
-webkit-border-radius: .8em 0 0 0;<br />
border-radius: .8em 0 0 0;<br />
}<br />
<br />
.db_ref th:last-child {<br />
-moz-border-radius: 0 .8em 0 0;<br />
-webkit-border-radius: 0 .8em 0 0;<br />
border-radius: 0 .8em 0 0;<br />
}<br />
<br />
.db_ref th:only-child{<br />
-moz-border-radius: .8em .8em 0 0;<br />
-webkit-border-radius: .8em .8em 0 0;<br />
border-radius: .8em .8em 0 0;<br />
}<br />
<br />
.db_ref tr:last-child td:first-child {<br />
-moz-border-radius: 0 0 0 .8em;<br />
-webkit-border-radius: 0 0 0 .8em;<br />
border-radius: 0 0 0 .8em;<br />
}<br />
<br />
.db_ref tr:last-child td:last-child {<br />
-moz-border-radius: 0 0 .8em 0;<br />
-webkit-border-radius: 0 0 .8em 0;<br />
border-radius: 0 0 .8em 0;<br />
}<br />
.db_ref tr:last-child td:last-child[colspan] {<br />
-moz-border-radius:0 0 .8em .8em;<br />
-webkit-border-radius:0 0 .8em .8em;<br />
border-radius:0 0 .8em .8em;<br />
}<br />
.fixedDbRef { <br />
position: fixed; top:-1em; right:-2em;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
opacity:0.5;<br />
-webkit-transform:scale(0.8);<br />
-moz-transform:scale(0.8);<br />
-o-transform:scale(0.8);<br />
transform:scale(0.8);<br />
<br />
-moz-transition:all 1s; /* Firefox 4 */<br />
-webkit-transition:all 1s; /* Safari and Chrome */<br />
-o-transition:all 1s; /* Opera */<br />
transition:all 1s; /* Opera */<br />
<br />
}<br />
.fixedDbRef:hover {<br />
top:0; right:0;<br />
opacity:1;<br />
-webkit-transform:scale(1);<br />
-moz-transform:scale(1);<br />
-o-transform:scale(1);<br />
transform:scale(1);<br />
}<br />
<br />
<br />
<br />
/* ================================== TUTORIALS CONTENT: */<br />
<br />
<br />
<br />
.ref_section {<br />
float:right;<br />
margin-left:1em<br />
}<br />
.mw-content-ltr #toc, .mw-content-ltr .toc, .mw-content-ltr .tochidden {<br />
-webkit-border-radius: 1em;<br />
-moz-border-radius:1em;<br />
border-radius: 1em;<br />
border-collapse: separate;<br />
padding:0 .5em 0 .5em;<br />
}<br />
.mw-content-ltr table#toc td, .mw-content-ltr .toc td, .mw-content-ltr .tochidden td {<br />
border:none; margin:0; padding:0;<br />
}<br />
.extra_space {<br />
<br />
}<br />
.mw-headline {<br />
margin-bottom:-2em;<br />
}<br />
<br />
<br />
<br />
/* ============================== PROGRESS PANEL */<br />
<br />
<br />
<br />
.progress_panel {<br />
display:inline-block;<br />
border:thin solid rgba(33,33,33,0.7);<br />
-webkit-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
-moz-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
background: #e3ede3; /* Old browsers */<br />
background: -moz-linear-gradient(-45deg, #e3ede3 1%, #dae5d9 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#e3ede3), color-stop(100%,#dae5d9)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* IE10+ */<br />
background: linear-gradient(135deg, #e3ede3 1%,#dae5d9 100%); /* W3C */<br />
-moz-box-shadow: 0px 0px 2px #333333;<br />
-webkit-box-shadow: 0px 0px 2px #333333;<br />
box-shadow: 0px 0px 2px #333333;<br />
<br />
}<br />
.progress_panel > div {<br />
padding:1.2em 1.5em 1.5em 1.2em;<br />
background:#D2DDD2;<br />
-webkit-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
-moz-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
-moz-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
-webkit-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
box-shadow:inset 2px 2px 12px #e7f0e7;<br />
}<br />
.progress_panel .summary {<br />
color: #3b434e;<br />
font-size: 0.85em;<br />
font-weight: normal;<br />
text-shadow: 1px 1px 0 #E4EDE6;<br />
margin: 0.5em 0;<br />
padding:0;<br />
line-height: 140%;<br />
}<br />
.progressbarbg {<br />
background:#161525;<br />
border-radius: 2ex 2ex 2ex 2ex;<br />
height: 2em;<br />
width: 50ex;<br />
border-bottom:2px solid #d2e5d1;<br />
border-right: 2px solid #d2e5d1;<br />
-moz-box-shadow: 2px 2px 3px #1a1a1a;<br />
-webkit-box-shadow: 2px 2px 3px #1a1a1a;<br />
box-shadow: 2px 2px 3px #1a1a1a;<br />
}<br />
.progressbar {<br />
position: relative;<br />
left: 1ex; top: 1ex;<br />
width: 48ex;<br />
height: 1em;<br />
background: #323832; /* Old browsers */<br />
background: -moz-linear-gradient(left, #323832 0%, #bfcebe 90%, #e9ffe7 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#323832), color-stop(90%,#bfcebe), color-stop(100%,#e9ffe7)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(left, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(left, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(left, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* IE10+ */<br />
background: linear-gradient(to right, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* W3C */<br />
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323832', endColorstr='#e9ffe7',GradientType=1 ); /* IE6-9 */<br />
border-radius: 1ex 1ex 1ex 1ex;<br />
-moz-box-shadow: 2px 0 2px #4D4D4D;<br />
-webkit-box-shadow: 2px 0 2px #4D4D4D;<br />
box-shadow: 2px 0 2px #4D4D4D; <br />
}<br />
<br />
/* ======================= CORRECT/INCORRECT INDICATOR */<br />
<br />
.qcorrect, .qincorrect {<br />
width:3em;<br />
height:3em;<br />
position:absolute;<br />
left:-1em;<br />
margin: -0.5em 0 0 1em;<br />
background-size:3em;<br />
background-repeat:no-repeat;<br />
background-position:center;<br />
}<br />
.qcorrect {<br />
background-image:url('/design/done9.png');<br />
}<br />
.qincorrect {<br />
background-image:url('/design/undone9.png');<br />
}<br />
<br />
<br />
/* ======================= TUTS USER INPUT */<br />
<br />
/* Prevent floating after a .qu */<br />
.qu+*{<br />
clear:left;<br />
}<br />
<br />
.qu {<br />
border:none;<br />
border-top:thin solid #ee8301;<br />
margin: 2ex 0.2ex 0.2ex;<br />
padding: 10px;<br />
}<br />
.qu span.id {<br />
margin-bottom:.5em;<br />
}<br />
.mw-content-ltr p,<br />
.qu p {<br />
margin-bottom:1em;<br />
}<br />
.quf {<br />
margin:0 0 1em 0;<br />
}<br />
.quf textarea {<br />
-webkit-border-radius:3em 1.2em 3em 1.2em / 3em 1.5em 4em 0;<br />
-moz-border-radius:3em 1.2em 3em 1.2em / 3em 1.5em 4em 0;<br />
border-radius:3em 1.2em 3em 1.2em / 3em 1.5em 4em 0;<br />
border-top:1.6em solid #3b434e;<br />
border-bottom:2em solid #3b434e;<br />
border-right:1.6em solid #3b434e;<br />
border-left:1.3em solid #3b434e;<br />
background:#e3e3e3;<br />
margin:.5em 0 -1em 0em;<br />
padding:.5em 0 0 .5em;<br />
width: 29.5em;<br />
overflow:auto;<br />
}<br />
.mac.webkit .quf textarea { width: 34.5em }<br />
.win.gecko .quf textarea { width: 30em; }<br />
.mac.gecko .quf textarea { width: 28.5em; }<br />
.ie .quf textarea { width: 27em; }<br />
.opera .quf textarea { width: 35.5em; }<br />
.win.opera .quf textarea { width: 30em; }<br />
<br />
<br />
.submitSQL {<br />
margin:-1.1em 0 0 0em; /* win ff */<br />
padding:.5em 1em .5em 1em;<br />
color:#e3e3e3;<br />
height:auto;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #363d49 0%, #363d49 18%, #161525 69%, #161525 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363d49), color-stop(18%,#363d49), color-stop(69%,#161525), color-stop(100%,#161525)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* W3C */<br />
border:1em solid #3b434e;<br />
-webkit-border-radius:2.5em;<br />
-moz-border-radius:2.5em;<br />
border-radius:2.5em;<br />
z-index:+1;<br />
}<br />
.webkit .submitSQL { margin:-1.1em 0 0 0em; }<br />
.mac.gecko .submitSQL { margin:-1.1em 0 0 0em; }<br />
.ie .submitSQL { margin:-1em 0 0 0em; }<br />
.opera .submitSQL { margin:-1em 0 0 0em; }<br />
.submitSQL:hover {<br />
color:#ffffff;<br />
background:#161525;<br />
-webkit-background-clip: padding-box; <br />
-moz-background-clip: padding; <br />
background-clip: padding-box;<br />
}<br />
.quf .reset {<br />
cursor:pointer;<br />
display:inline-block;<br />
-moz-border-radius:0 0 1em 1em;<br />
-webkit-border-radius:0 0 1em 1em;<br />
border-radius:0 0 1em 1em;<br />
background:#3B434E;<br />
color:#e3e3e3;<br />
left: 12.6em;<br />
padding: 0 1.2em 0.2em;<br />
position: relative;<br />
top: 0;<br />
}<br />
.quf .reset:hover {<br />
color:#ee8301;<br />
}<br />
.win.webkit .quf .reset { left: 12em; }<br />
.win.gecko .quf .reset { left: 12em; }<br />
.ie .quf .reset { left: 10em; }<br />
<br />
div.res {<br />
background:#dae5d9;<br />
color:#3b434e;<br />
border:none;<br />
padding:1em;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
display:inline-block;<br />
margin-left: 1.5em;<br />
}<br />
<br />
//Connor 23/7/12 Highlighting for the multiple choice answers.<br />
tr.proposal:hover{<br />
background-color:rgb(150,150,200)<br />
}<br />
<br />
.lsclear{<br />
color: #D90000;<br />
font-weight: bold;<br />
cursor:pointer;<br />
/* designer override */<br />
border: 3px solid #E3E3E3;<br />
background: #EE8301;<br />
padding: 6px 12px;<br />
margin-left:.5em;<br />
-webkit-border-radius: 22px;<br />
-moz-border-radius: 22px;<br />
border-radius: 22px;<br />
text-shadow: -1px -1px 0 rgba(50, 50, 50, 0.75);<br />
color: #e3e3e3;<br />
font-size: 1em;<br />
font-family: Helvetica, Arial, Sans-Serif;<br />
font-weight:normal;<br />
text-decoration: none;<br />
vertical-align: middle;<br />
-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
display:inline-block;<br />
}<br />
.lsclear:hover {<br />
background: #161525;<br />
color: #EE8301;<br />
border-color: #EE8301;<br />
}<br />
<br />
/* ===================== FOOTER */<br />
<br />
div#footer {<br />
background-image: none;<br />
border-top:thin solid #EE8301;<br />
direction: ltr;<br />
margin-left: 11em;<br />
margin-top: 0;<br />
padding: 0.75em;<br />
}<br />
div#footer ul {<br />
margin-left:.5em;<br />
}<br />
/* ===================== this overrides boys css to adjust the design */<br />
<br />
<br />
<br />
span.id {<br />
font-size:3em;<br />
font-weight:bold;<br />
color:#161525;<br />
}<br />
.imper {<br />
margin-bottom:1em;<br />
font-weight:bold;<br />
}<br />
.mw-content-ltr a {<br />
color:#161525; <br />
font-weight:bold;<br />
}<br />
.qu a {<br />
font-weight:bold;<br />
}<br />
.mw-content-ltr a:hover {<br />
color:#ee8301;<br />
}<br />
.qu a:hover {<br />
color:#ee8301;<br />
}<br />
<br />
.quizlink a{<br />
margin-left:.5em;<br />
font-weight:bold;<br />
color:#e3e3e3;<br />
background:#3b434e;<br />
padding:.5em 1.5em;<br />
-moz-border-radius:2em;<br />
-webkit-border-radius:2em;<br />
border-radius:2em;<br />
display:inline-block;<br />
box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
border: 3px solid #E3E3E3;<br />
}<br />
.quizlink a:hover {<br />
color:#ee8301;<br />
background:#161525;<br />
border-color:#ee8301;<br />
}<br />
code {<br />
color:#ee8301;<br />
background:none;<br />
border: 1px solid #EE8301;<br />
-moz-border-radius:2em;<br />
-webkit-border-radius:2em;<br />
border-radius:2em;<br />
padding: 0.1em 0.5em 0; <br />
}<br />
h2 code {<br />
border: 2px solid #EE8301;<br />
}<br />
.mw-content-ltr pre {<br />
border:none;<br />
background:#dae5d9;<br />
padding: 1.1em 1em 1em 2em;<br />
-moz-border-radius:.5em;<br />
-webkit-border-radius:.5em;<br />
border-radius:.5em;<br />
-moz-box-shadow:inset 5px 5px 11px rgba(33,33,33,0.7);<br />
-webkit-box-shadow:inset 5px 5px 11px rgba(33,33,33,0.7);<br />
box-shadow:inset 5px 5px 11px rgba(33,33,33,0.7);<br />
}<br />
<br />
.NoBorder td{<br />
border:none;<br />
}<br />
<br />
.Bordered td{<br />
border:solid;<br />
border-width:1px;<br />
}<br />
/*Connor 7/8/12 Gets rid of the table lines for a table many tables have been entered into.*/<br />
<br />
/*Simple styling for lists of references*/<br />
<br />
.tutlist {<br />
width:40ex;<br />
float:right;<br />
margin-left: 1.5em;<br />
padding: 1em;<br />
-moz-box-shadow: 1px 1px 3px #3B434E;<br />
-webkit-box-shadow: 1px 1px 3px #3B434E;<br />
box-shadow: 1px 1px 3px #3B434E;<br />
background:#dae5d9;<br />
transition:background 1s;<br />
-moz-transition:background 1s; /* Firefox 4 */<br />
-webkit-transition:background 2s; /* Safari and Chrome */<br />
-o-transition:background 1s; /* Opera */<br />
border-radius: 1.5em;<br />
color: #EE8301;<br />
}<br />
<br />
.fc {<br />
color: #EE8301;<br />
text-decoration:underline;<br />
}<br />
<br />
#userloginForm,<br />
#userloginForm table {<br />
color:#e3e3e3;<br />
}<br />
#userloginForm {<br />
-moz-box-shadow: 5px 5px 8px #3b434e;<br />
-webkit-box-shadow: 3px 6px 10px #3b434e;<br />
box-shadow: 5px 5px 8px #3b434e;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #363d49 0%, #363d49 18%, #161525 69%, #161525 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363d49), color-stop(18%,#363d49), color-stop(69%,#161525), color-stop(100%,#161525)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* W3C */<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
border:solid 5px #e3e3e3;<br />
}<br />
#userloginForm a {<br />
color:#ee8301;<br />
}<br />
#userloginForm a:hover {<br />
color:#FF9E44;<br />
text-shadow: 0 0 6px #E17F19;<br />
}<br />
#userloginForm a {<br />
color:#ee8301;<br />
}<br />
#userloginForm table,<br />
#userloginForm table td {<br />
border:none;<br />
background:none;<br />
}<br />
#userloginForm input {<br />
background:#e3e3e3;<br />
padding:0 .5em;<br />
-webkit-border-radius: .5em;<br />
-moz-border-radius:.5em;<br />
border-radius: .5em;<br />
}<br />
#userloginForm h2 {<br />
color:#ee8301<br />
}<br />
<br />
/* increase link recognition */<br />
.mw-content-ltr a {<br />
text-decoration: underline;<br />
}<br />
div.tutblock a, div.refblock a, div.resblock a, .tutlist a, .quizlink a {<br />
text-decoration: none;<br />
}</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_within_SELECT_Tutorial
SELECT within SELECT Tutorial
2013-04-30T21:05:10Z
<p>Andr3w: </p>
<hr />
<div>==SELECT within SELECT==<br />
This tutorial looks at how we can use SELECT statements within SELECT statements to perform more complex queries.<br />
<div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>name</th><th>continent</th><th>area</th><br />
<th>population</th><th>gdp</th></tr><br />
<tr><td>Afghanistan</td><td>Asia</td><td class="r">652230</td><td class="r">25500100</td><td class="r">20343000000</td></tr><br />
<tr><td>Albania</td><td>Europe</td><td class="r">28748 </td><td class="r">2831741 </td><td class="r">12960000000 </td></tr><br />
<tr><td>Algeria</td><td>Africa</td><td class="r">2381741 </td><td class="r">37100000 </td><td class="r">188681000000 </td></tr><br />
<tr><td>Andorra</td><td>Europe</td><td class="r">468</td><td class="r">78115 </td><td class="r">3712000000 </td></tr><tr><br />
<td>Angola</td><td>Africa</td><td class="r">1246700 </td><td class="r">20609294 </td><td class="r">100990000000 </td></tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<br />
[[Using_nested_SELECT |Using nested SELECT]]<br />
<br />
<div class="progress_panel"><div><br />
<div class="summary">Summary</div><br />
<div class="progressbarbg"><br />
<div class="progressbar"></div><br />
</div><br />
</div></div><br />
<br />
==Exercises==<br />
<br />
<div class='qu'><br />
<p class='imper'>List each country '''name''' where the '''population''' is larger than 'Russia'. </p><br />
<pre space="preserve">world(name, continent, area, population, gdp)</pre><br />
<br />
<br />
<source lang='sql' class='def'><br />
SELECT name FROM world<br />
WHERE population ><br />
(SELECT population FROM world<br />
WHERE name='Russia')<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE population ><br />
(SELECT population FROM world<br />
WHERE name='Russia')<br />
</source><br />
</div><br />
<div class='qu'><br />
<p class='imper'>List the '''name''' and '''continent''' of countries in the continents containing 'Belize', 'Belgium'.</p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name,continent<br />
FROM world<br />
WHERE continent IN (<br />
SELECT continent<br />
FROM world<br />
WHERE name IN ('Belize','Belgium'))<br />
</source><br />
</div><br />
<br />
<div class='qu'><br />
<p class='imper'>Show the countries in Europe with a per capita GDP greater than 'United Kingdom'.</p><br />
<div class='hint' title='Per Capita GDP'>The per capita GDP is the gdp/population</div><br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE continent='Europe' AND gdp/population ><br />
(SELECT gdp/population FROM world<br />
WHERE name='United Kingdom')<br />
</source><br />
</div><br />
<br />
<br />
<div class='qu'><br />
<p class='imper'>Which country has a population that is more than Canada but less than Poland? Show the name and the population.</p><br />
<br />
<source lang='sql' class='def'></source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name,population FROM world<br />
WHERE population BETWEEN<br />
(SELECT population+1 FROM world WHERE name='Canada')<br />
AND<br />
(SELECT population-1 FROM world WHERE name='Poland')<br />
</source><br />
</div><br />
<br />
<br />
[[SUM_and_COUNT |To get a well rounded view of the important features of SQL you should move on to the next tutorial concerning aggregates.]]<br />
<br />
To gain an absurdly detailed view of one insignificant feature of the language, read on.<br />
<br />
We can use the word <code>ALL</code> to allow >= or > or < or <=to act over a list.<br />
<br />
<div class='qu'><br />
<p class='imper'>Which countries have a GDP greater than any country in Europe? [Give the '''name''' only.] </p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world <br />
WHERE gdp > ALL<br />
(SELECT gdp FROM world<br />
WHERE continent = 'Europe' <br />
AND gdp IS NOT NULL)<br />
</source><br />
</div><br />
<br />
We can refer to values in the outer SELECT within the inner SELECT. We can name the tables so that we can tell the difference between the inner and outer versions.<br />
<br />
<div class='qu'><br />
<p class='imper'>Find the largest country (by area) in each continent, show the '''continent''', the '''name''' and the '''area''': </p><br />
<br />
<source lang='sql' class='def'><br />
SELECT continent, name, population FROM world x<br />
WHERE population >= ALL<br />
(SELECT population FROM world y<br />
WHERE y.continent=x.continent<br />
AND population>0)<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT continent, name, area FROM world x<br />
WHERE area >= ALL<br />
(SELECT area FROM world y<br />
WHERE y.continent=x.continent)<br />
</source><br />
</div><br />
<br />
<br />
==Difficult Questions==<br />
<div class='qu'><br />
<p class='imper'>Find each country that belongs to a continent where all populations are less than 25000000. Show '''name''', '''continent''' and '''population'''. </p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name,continent,population FROM world x<br />
WHERE 25000000 >= ALL (<br />
SELECT population FROM world y<br />
WHERE x.continent=y.continent<br />
AND y.population>0)<br />
</source><br />
</div><br />
<br />
<div class='qu'><br />
<p class='imper'>Some countries have populations more than three times that of any of their neighbours (in the same continent). Give the countries and continents.</p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, continent FROM world x WHERE<br />
population > ALL<br />
(SELECT population*3 FROM world y<br />
WHERE y.continent = x.continent<br />
AND y.name != x.name)<br />
</source><br />
</div><br />
<br />
<div><br />
<div class="lsclear">Clear your results</div><br />
<p><div class="quizlink">[[Nested SELECT Quiz]]</div></p><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_within_SELECT_Tutorial
SELECT within SELECT Tutorial
2013-04-30T21:03:28Z
<p>Andr3w: </p>
<hr />
<div>==SELECT within SELECT==<br />
This tutorial looks at how we can use SELECT statements within SELECT statements to perform more complex queries.<br />
<div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>name</th><th>continent</th><th>area</th><br />
<th>population</th><th>gdp</th></tr><br />
<tr><td>Afghanistan</td><td>Asia</td><td class="r">652230</td><td class="r">25500100</td><td class="r">20343000000</td></tr><br />
<tr><td>Albania</td><td>Europe</td><td class="r">28748 </td><td class="r">2831741 </td><td class="r">12960000000 </td></tr><br />
<tr><td>Algeria</td><td>Africa</td><td class="r">2381741 </td><td class="r">37100000 </td><td class="r">188681000000 </td></tr><br />
<tr><td>Andorra</td><td>Europe</td><td class="r">468</td><td class="r">78115 </td><td class="r">3712000000 </td></tr><tr><br />
<td>Angola</td><td>Africa</td><td class="r">1246700 </td><td class="r">20609294 </td><td class="r">100990000000 </td></tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<br />
[[Using_nested_SELECT |Using nested SELECT]]<br />
<br />
<div class="progress_panel"><div><br />
<div class="summary">Summary</div><br />
<div class="progressbarbg"><br />
<div class="progressbar"></div><br />
</div><br />
</div></div><br />
<br />
==Exercises==<br />
<br />
<div class='qu'><br />
<p class='imper'>List each country '''name''' where the '''population''' is larger than 'Russia'. </p><br />
<pre space="preserve">world(name, continent, area, population, gdp)</pre><br />
<br />
<br />
<source lang='sql' class='def'><br />
SELECT name FROM world<br />
WHERE population ><br />
(SELECT population FROM world<br />
WHERE name='Russia')<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE population ><br />
(SELECT population FROM world<br />
WHERE name='Russia')<br />
</source><br />
</div><br />
<div class='qu'><br />
<p class='imper'>List the '''name''' and '''continent''' of countries in the continents containing 'Belize', 'Belgium'.</p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name,continent<br />
FROM world<br />
WHERE continent IN (<br />
SELECT continent<br />
FROM world<br />
WHERE name IN ('Belize','Belgium'))<br />
</source><br />
</div><br />
<br />
<div class='qu'><br />
<p class='imper'>Show the countries in Europe with a per capita GDP greater than 'United Kingdom'.</p><br />
<div class='hint' title='Per Capita GDP'>The per capita GDP is the gdp/population</div><br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE continent='Europe' AND gdp/population ><br />
(SELECT gdp/population FROM world<br />
WHERE name='United Kingdom')<br />
</source><br />
</div><br />
<br />
<br />
<div class='qu'><br />
<p class='imper'>Which country has a population that is more than Canada but less than Poland? Show the name and the population.</p><br />
<br />
<source lang='sql' class='def'></source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name,population FROM world<br />
WHERE population BETWEEN<br />
(SELECT population+1 FROM world WHERE name='Canada')<br />
AND<br />
(SELECT population-1 FROM world WHERE name='Poland')<br />
</source><br />
</div><br />
<br />
<br />
[[SUM_and_COUNT |To get a well rounded view of the important features of SQL you should move on to the next tutorial concerning aggregates.]]<br />
<br />
To gain an absurdly detailed view of one insignificant feature of the language, read on.<br />
<br />
We can use the word <code>ALL</code> to allow >= or > or < or <=to act over a list.<br />
<br />
<div class='qu'><br />
<p class='imper'>Which countries have a GDP greater than any country in Europe? [Give the '''name''' only.] </p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world <br />
WHERE gdp > ALL<br />
(SELECT gdp FROM world<br />
WHERE continent = 'Europe' <br />
AND gdp IS NOT NULL)<br />
</source><br />
</div><br />
<br />
We can refer to values in the outer SELECT within the inner SELECT. We can name the tables so that we can tell the difference between the inner and outer versions.<br />
<br />
<div class='qu'><br />
<p class='imper'>Find the largest country (by area) in each continent, show the '''continent''', the '''name''' and the '''area''': </p><br />
<br />
<source lang='sql' class='def'><br />
SELECT continent, name, population FROM world x<br />
WHERE population >= ALL<br />
(SELECT population FROM world y<br />
WHERE y.continent=x.continent<br />
AND population>0)<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT continent, name, area FROM world x<br />
WHERE area >= ALL<br />
(SELECT area FROM world y<br />
WHERE y.continent=x.continent)<br />
</source><br />
</div><br />
<br />
<br />
The following questions are very difficult:<br />
<br />
<div class='qu'><br />
<p class='imper'>Find each country that belongs to a continent where all populations are less than 25000000. Show '''name''', '''continent''' and '''population'''. </p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name,continent,population FROM world x<br />
WHERE 25000000 >= ALL (<br />
SELECT population FROM world y<br />
WHERE x.continent=y.continent<br />
AND y.population>0)<br />
</source><br />
</div><br />
<br />
<div class='qu'><br />
<p class='imper'>Some countries have populations more than three times that of any of their neighbours (in the same continent). Give the countries and continents.</p><br />
<br />
<source lang='sql' class='def'><br />
<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, continent FROM world x WHERE<br />
population > ALL<br />
(SELECT population*3 FROM world y<br />
WHERE y.continent = x.continent<br />
AND y.name != x.name)<br />
</source><br />
</div><br />
<br />
<div><br />
<div class="lsclear">Clear your results</div><br />
<p><div class="quizlink">[[Nested SELECT Quiz]]</div></p><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_basics
SELECT basics
2013-04-29T14:32:56Z
<p>Andr3w: /* Per Capita GDP */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>name</th><th>continent</th><th>area</th><br />
<th>population</th><th>gdp</th></tr><br />
<tr><td>Afghanistan</td><td>Asia</td><td class="r">652230</td><td class="r">25500100</td><td class="r">20343000000</td></tr><br />
<tr><td>Albania</td><td>Europe</td><td class="r">28748 </td><td class="r">2831741 </td><td class="r">12960000000 </td></tr><br />
<tr><td>Algeria</td><td>Africa</td><td class="r">2381741 </td><td class="r">37100000 </td><td class="r">188681000000 </td></tr><br />
<tr><td>Andorra</td><td>Europe</td><td class="r">468</td><td class="r">78115 </td><td class="r">3712000000 </td></tr><tr><br />
<td>Angola</td><td>Africa</td><td class="r">1246700 </td><td class="r">20609294 </td><td class="r">100990000000 </td></tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<br />
==Introducing the <code>world</code> table of countries==<br />
<p>This tutorial introduces SQL. We will be using the SELECT command on the table '''world''':</p><br />
<br />
<div class="progress_panel"><div><br />
<div class="summary">Summary</div><br />
<div class="progressbarbg"><br />
<div class="progressbar"></div><br />
</div><br />
</div></div><br />
<br />
<div class='extra_space' style='width:1em; height:6em;'></div><br />
<br />
<div class='qu'><br />
The example shows the population of 'France'.<br />
Strings should be in 'single quotes';<br />
<br />
<p class='imper'>Show the population of Germany</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT population FROM world<br />
WHERE name = 'France'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT population FROM world<br />
WHERE name = 'Germany'<br />
</source><br />
</div><br />
<br />
==Per Capita GDP==<br />
<div class='qu'><br />
<div>The query shows the population density <code>population/area</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup>.</div><br />
<div class='imper'>Show the per capita gdp: <code>gdp/population</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup></div><br />
<br />
<source lang='sql' class='def'><br />
SELECT name, population/area FROM world<br />
WHERE area > 5000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, gdp/population FROM world<br />
WHERE area > 5000000<br />
</source><br />
</div><br />
<br />
==Small and wealthy==<br />
<div class='qu'><br />
Where to find some very small, very rich countries.<br/><br />
<b>We use <code>AND</code> to ensure that two or more conditions hold<br />
true.</b><br />
<div>The example shows the countries where the population is small and the<br />
gdp is high.</div><br />
<div class='imper'>Show the <b>name</b> and <b>continent</b> where the area is less then 2000 and the gdp is more than 5000000000</div><br />
<source lang='sql' class='def'><br />
SELECT name , continent<br />
FROM world<br />
WHERE population < 2000000<br />
AND gdp > 5000000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name , continent<br />
FROM world<br />
WHERE area < 2000<br />
AND gdp > 5000000000<br />
</source><br />
</div><br />
<br />
==Scandinavia==<br />
<div class='qu'><br />
Checking a list The word <b>IN</b> allows us to check if an item is in a list. <br />
The example shows the name and population for the countries 'Ireland', 'Iceland' and 'Denmark'<br />
<div class='imper'>Show the '''name''' and the '''population''' for 'Denmark', 'Finland', 'Norway', 'Sweden'<br />
</div><br />
<source lang='sql' class='def'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Ireland', 'Iceland',<br />
'Denmark')</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Denmark', 'Finland',<br />
'Norway', 'Sweden')</source><br />
</div><br />
<br />
==Starts with G==<br />
<div class='qu'><br />
What are the countries beginning with G?<br />
'''The word''' <code>LIKE</code> '''permits pattern matching''' - % '''is the wildcard'''.<br />
The examples shows countries beginning with D<br />
<div class='imper'>Show each country that begins with G</div><br />
<source lang='sql' class='def'><br />
SELECT name FROM world<br />
WHERE name LIKE 'D%'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE name LIKE 'G%'<br />
</source><br />
</div><br />
<br />
==Just the right size==<br />
<div class='qu'><br />
Which countries are not too small and not too big?<br />
<code>BETWEEN</code> allows range checking - note that it is inclusive.<br />
<div class='imper'>'''Show the area in 1000 square km. Show''' ''area''/1000 '''instead of''' ''area''</div><br />
<source lang='sql' class='def'><br />
SELECT name, area FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, area/1000 FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
</div><br />
<br />
<div><br />
<div class="lsclear">Clear your results</div><br />
<p><div class="quizlink">[[SELECT Quiz]]</div></p><br />
</div><br />
<p>You are ready for tutorial one:[[SELECT_from_WORLD_Tutorial |SELECT statements with WHERE.]]</p><br />
<br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_basics
SELECT basics
2013-04-29T14:20:55Z
<p>Andr3w: </p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>name</th><th>continent</th><th>area</th><br />
<th>population</th><th>gdp</th></tr><br />
<tr><td>Afghanistan</td><td>Asia</td><td class="r">652230</td><td class="r">25500100</td><td class="r">20343000000</td></tr><br />
<tr><td>Albania</td><td>Europe</td><td class="r">28748 </td><td class="r">2831741 </td><td class="r">12960000000 </td></tr><br />
<tr><td>Algeria</td><td>Africa</td><td class="r">2381741 </td><td class="r">37100000 </td><td class="r">188681000000 </td></tr><br />
<tr><td>Andorra</td><td>Europe</td><td class="r">468</td><td class="r">78115 </td><td class="r">3712000000 </td></tr><tr><br />
<td>Angola</td><td>Africa</td><td class="r">1246700 </td><td class="r">20609294 </td><td class="r">100990000000 </td></tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<br />
==Introducing the <code>world</code> table of countries==<br />
<p>This tutorial introduces SQL. We will be using the SELECT command on the table '''world''':</p><br />
<br />
<div class="progress_panel"><div><br />
<div class="summary">Summary</div><br />
<div class="progressbarbg"><br />
<div class="progressbar"></div><br />
</div><br />
</div></div><br />
<br />
<div class='extra_space' style='width:1em; height:6em;'></div><br />
<br />
<div class='qu'><br />
The example shows the population of 'France'.<br />
Strings should be in 'single quotes';<br />
<br />
<p class='imper'>Show the population of Germany</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT population FROM world<br />
WHERE name = 'France'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT population FROM world<br />
WHERE name = 'Germany'<br />
</source><br />
</div><br />
<br />
==Per Capita GDP==<br />
<div class='qu'><br />
<div>This query shows the population density <code>population/area</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup>.</div><br />
<div class='imper'>Show the per capita gdp: <code>gdp/population</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup></div><br />
<br />
<source lang='sql' class='def'><br />
SELECT name, population/area FROM world<br />
WHERE area > 5000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, gdp/population FROM world<br />
WHERE area > 5000000<br />
</source><br />
</div><br />
<br />
==Small and wealthy==<br />
<div class='qu'><br />
Where to find some very small, very rich countries.<br/><br />
<b>We use <code>AND</code> to ensure that two or more conditions hold<br />
true.</b><br />
<div>The example shows the countries where the population is small and the<br />
gdp is high.</div><br />
<div class='imper'>Show the <b>name</b> and <b>continent</b> where the area is less then 2000 and the gdp is more than 5000000000</div><br />
<source lang='sql' class='def'><br />
SELECT name , continent<br />
FROM world<br />
WHERE population < 2000000<br />
AND gdp > 5000000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name , continent<br />
FROM world<br />
WHERE area < 2000<br />
AND gdp > 5000000000<br />
</source><br />
</div><br />
<br />
==Scandinavia==<br />
<div class='qu'><br />
Checking a list The word <b>IN</b> allows us to check if an item is in a list. <br />
The example shows the name and population for the countries 'Ireland', 'Iceland' and 'Denmark'<br />
<div class='imper'>Show the '''name''' and the '''population''' for 'Denmark', 'Finland', 'Norway', 'Sweden'<br />
</div><br />
<source lang='sql' class='def'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Ireland', 'Iceland',<br />
'Denmark')</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Denmark', 'Finland',<br />
'Norway', 'Sweden')</source><br />
</div><br />
<br />
==Starts with G==<br />
<div class='qu'><br />
What are the countries beginning with G?<br />
'''The word''' <code>LIKE</code> '''permits pattern matching''' - % '''is the wildcard'''.<br />
The examples shows countries beginning with D<br />
<div class='imper'>Show each country that begins with G</div><br />
<source lang='sql' class='def'><br />
SELECT name FROM world<br />
WHERE name LIKE 'D%'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE name LIKE 'G%'<br />
</source><br />
</div><br />
<br />
==Just the right size==<br />
<div class='qu'><br />
Which countries are not too small and not too big?<br />
<code>BETWEEN</code> allows range checking - note that it is inclusive.<br />
<div class='imper'>'''Show the area in 1000 square km. Show''' ''area''/1000 '''instead of''' ''area''</div><br />
<source lang='sql' class='def'><br />
SELECT name, area FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, area/1000 FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
</div><br />
<br />
<div><br />
<div class="lsclear">Clear your results</div><br />
<p><div class="quizlink">[[SELECT Quiz]]</div></p><br />
</div><br />
<p>You are ready for tutorial one:[[SELECT_from_WORLD_Tutorial |SELECT statements with WHERE.]]</p><br />
<br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.css
MediaWiki:Common.css
2013-04-17T21:58:57Z
<p>Andr3w: </p>
<hr />
<div><br />
/* CSS placed here will be applied to all skins */<br />
#mw-head-base {<br />
height:10em;<br />
}<br />
#p-googleadsense {<br />
margin-left:.5em;<br />
}<br />
/* Hide ads for login page */<br />
body.ns-special div#p-googleadsense{<br />
display:none;<br />
}<br />
.qu {<br />
border-color: silver;<br />
border-style: solid;<br />
border-width: 1px;<br />
margin: 2ex 0.2ex 0.2ex;<br />
padding: 10px;<br />
clear:left; /* Andrew 2012-07-21 */<br />
}<br />
.ans, .def, .tidy, .setup, .params {<br />
display:none;<br />
}<br />
<br />
.hnt {<br />
font-weight:bold;<br />
color: #3b434e;<br />
cursor:pointer;<br />
}<br />
.hnt:hover{background:#AABBCC;}<br />
<br />
.hint {<br />
color: #055C00;<br />
}<br />
<br />
.ecomm {<br />
margin-bottom: 0.5ex;<br />
margin-right: 0.5ex;<br />
}<br />
<br />
.qu textarea{<br />
width:auto;<br />
}<br />
<br />
/* Change by Andrew 2012-07-21 */<br />
.qu form{<br />
clear:left;<br />
}<br />
<br />
div.res {<br />
border-style: inset;<br />
border-width: 1px;<br />
height: 20em;<br />
width:32em;<br />
overflow: auto;<br />
padding: 5px;<br />
}<br />
<br />
table{<br />
border-collapse:collapse;<br />
background:#d2e5d1;<br />
margin:1em 0 1.5em;<br />
}<br />
.res table{<br />
background:none;<br />
}<br />
table td{<br />
border:solid gray 1px;<br />
padding:.2em .7em;<br />
vertical-align:top;<br />
}<br />
<br />
h2{<br />
border-bottom:none;<br />
}<br />
<br />
span.id {<br />
font-size: 300%;<br />
display: block;<br />
float: left;<br />
padding: 0px 5px;<br />
margin-right: 5px;<br />
margin-top:0.8ex;<br />
}<br />
<br />
div.tutblock,<br />
div.refblock,<br />
div.resblock<br />
{<br />
width:60ex;<br />
float:left;<br />
padding:1ex 1em 1em 2em;<br />
margin:2ex 2ex 2ex 0em;<br />
}<br />
div.resblock<br />
{<br />
width:auto;<br />
}<br />
div.refblock+*{<br />
}<br />
div.tutblock h2,<br />
div.refblock h2,<br />
div.resblock h2{<br />
padding-top:1ex;<br />
text-align:left;<br />
}<br />
div.res.waiting{<br />
background-image:url(http://sqlzoo.net/w/wait30trans.gif);<br />
background-repeat:no-repeat;<br />
background-position: center center;<br />
}<br />
.r{<br />
text-align:right;<br />
}<br />
.res .showtxt{<br />
color:blue;<br />
cursor:pointer;<br />
}<br />
.res .sqlans{<br />
display:none;<br />
}<br />
/* ==== Designer style sheet starts here === */<br />
<br />
/* This skin overrides common.css */ <br />
<br />
/* SQL ZOO COLOR PALETTE:<br />
<br />
#dae5d9 - light green (bg color) [ alt: #d2e5d1 ]<br />
#161525 - dark blue<br />
#3b434e - light blue<br />
#ee8301 - orange [ darker alt: #ff530d ]<br />
#e3e3e3 - near white<br />
#4a787d - bright blue (links) [ alt: #668195 ]<br />
#c4c4c4 - light grey (sub menu links)<br />
#909898 - mid grey (sub menu description)<br />
<br />
*/<br />
<br />
/* =========================== GLOBAL SETTINGS: ============================= */<br />
<br />
/* remove the Wiki markup */<br />
#p-logo, #left-navigation, #p-tb, #pt-mytalk, #pt-watchlist, #pt-mycontris, .editsection, #mw-usercsspreview, #contentSub {<br />
display:none;<br />
}<br />
textarea:focus{outline:none;}<br />
body #mw-head-base {<br />
background-image:none;<br />
}<br />
html, body, body #content,<br />
#mw-page-base {<br />
background:#d2e5d1;<br />
font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Arial", sans-serif; <br />
color:#161525;<br />
}<br />
<br />
a:link {<br />
color:#3b434e;<br />
text-decoration:none;<br />
}<br />
a:visited {color:#668195;}<br />
a:hover {color:#ff530d;}<br />
a:active {color:#e3e3e3;}<br />
<br />
<br />
<br />
/* ================================== ADMIN WIKI LINKS: */<br />
<br />
<br />
<br />
/* reposition temporary admin links */<br />
#mw-head {<br />
position:absolute;<br />
}<br />
#pt-userpage, #pt-anonuserpage, #pt-login, #pt-preferences, #pt-logout {<br />
background-size:1em;<br />
background-repeat:no-repeat;<br />
background-position:left center;<br />
padding:0 0 0 1.2em;<br />
}<br />
#pt-userpage, #pt-anonuserpage, #pt-login {<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/u4.png');<br />
}<br />
#pt-preferences {<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/settings.png');<br />
}<br />
#pt-logout {<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/logout.png');<br />
padding:0 0 0 1.25em;<br />
}<br />
#p-search {<br />
margin:0; <br />
padding:0;<br />
clear:right;<br />
<br />
}<br />
#p-search form, #p-search input {<br />
margin:0;<br />
}<br />
#p-search input#searchInput {<br />
-moz-border-radius:1em;<br />
-webkit-border-radius: 1em;<br />
border-radius: 1em;<br />
border:2px solid #3b434e;<br />
}<br />
#p-views {<br />
float:right;<br />
margin:0 0 -.5em 0; <br />
padding:0;<br />
}<br />
<br />
<br />
/* wiki editor links */<br />
<br />
#right-navigation {<br />
margin: 1.9em .3em 0 0;<br />
}<br />
div.vectorTabs span {<br />
background:none;<br />
}<br />
div.vectorTabs span a {<br />
padding-top: .05em;<br />
color:#3b434e;<br />
text-shadow: 1px 1px 0 #E4EDE6;<br />
}<br />
div.vectorTabs span a:hover {<br />
color:#ee8301;<br />
}<br />
div.vectorTabs, div.vectorTabs ul {<br />
background:none;background-image:none;<br />
}<br />
div.vectorTabs ul {<br />
height:1.2em;<br />
border:thin solid rgba(33,33,33,0.7);<br />
-moz-box-shadow: 0px 0px 2px #333333;<br />
-webkit-box-shadow: 0px 0px 2px #333333;<br />
box-shadow: 0px 0px 2px #333333;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius: 1.5em;<br />
border-radius: 1.5em;<br />
background: #e3ede3; /* Old browsers */<br />
background: -moz-linear-gradient(-45deg, #e3ede3 1%, #dae5d9 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#e3ede3), color-stop(100%,#dae5d9)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* IE10+ */<br />
background: linear-gradient(135deg, #e3ede3 1%,#dae5d9 100%); /* W3C */<br />
}<br />
div.vectorTabs ul li {<br />
background:none;background-image:none;<br />
border:none; border-right:thin solid rgba(33,33,33,0.7);<br />
-moz-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
-webkit-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
box-shadow:inset 2px 2px 12px #e7f0e7;<br />
}<br />
div.vectorTabs ul li:first-child {<br />
-webkit-border-radius: 1.5em 0 0 1.5em;<br />
-moz-border-radius: 1.5em 0 0 1.5em;<br />
border-radius: 1.5em 0 0 1.5em;<br />
padding-left:.6em;<br />
}<br />
div.vectorTabs ul li:last-child {<br />
-webkit-border-radius: 0 1.5em 1.5em 0;<br />
-moz-border-radius: 0 1.5em 1.5em 0;<br />
border-radius: 0 1.5em 1.5em 0;<br />
border-right:none;<br />
padding-right:.5em;<br />
}<br />
div.vectorTabs li.selected {<br />
background: #f7bc79; /* Old browsers */<br />
background: -moz-linear-gradient(top, #f7bc79 0%, #ee8301 41%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7bc79), color-stop(41%,#ee8301)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #f7bc79 0%,#ee8301 41%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #f7bc79 0%,#ee8301 41%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #f7bc79 0%,#ee8301 41%); /* IE10+ */<br />
background: linear-gradient(to bottom, #f7bc79 0%,#ee8301 41%); /* W3C */<br />
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7bc79', endColorstr='#ee8301',GradientType=0 ); /* IE6-9 */<br />
-moz-box-shadow:none;<br />
-webkit-box-shadow:none;<br />
box-shadow:none;<br />
}<br />
div.vectorTabs li.selected a {<br />
text-shadow: 1px 1px 0 #f7bc79;<br />
cursor:default;<br />
}<br />
div.vectorTabs li.selected a:hover {<br />
color:#3b434e;<br />
}<br />
div.vectorTabs ul li:first-child.selected {<br />
background:none;<br />
filter:none; /* IE6-9 */<br />
}<br />
div.vectorTabs ul li:first-child.selected a {<br />
text-shadow: 1px 1px 0 #E4EDE6;<br />
color:#8190A8;<br />
}<br />
<br />
/* Zoo advertising */<br />
<br />
#zoolinks{<br />
position:relative;<br />
clear:both;<br />
float:right;<br />
margin:.5em .4em 0 0;<br />
z-index:0;<br />
<br />
}<br />
#zoolinks li{<br />
display:inline;<br />
margin-left:1em;<br />
}<br />
#zoolinks a {<br />
padding:0 0 1em 0;<br />
font-weight:bold;<br />
-moz-transition:all .5s; /* Firefox 4 */<br />
-webkit-transition:all .5s; /* Safari and Chrome */<br />
-o-transition:all .5s; /* Opera */<br />
transition:all .5s; /* Opera */<br />
}<br />
#zoolinks #css_link {<br />
top:-.1em;<br />
font-size:1.2em;<br />
font-family: 'Helvetica Neue',Helvetica, sans-serif;<br />
line-height: 1em;<br />
color: #ee8301;<br />
text-shadow:0px 0px 0 rgb(224,117,-13),1px 1px 0 rgb(210,103,-27),2px 2px 0 rgb(196,89,-41),3px 3px 0 rgb(181,74,-56),4px 4px 0 rgb(167,60,-70),5px 5px 0 rgb(153,46,-84), 6px 6px 0 rgb(139,32,-98),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);<br />
<br />
<br />
}<br />
#zoolinks #css_link:hover { <br />
color:orange;<br />
font-size:1.4em;<br />
}<br />
#zoolinks #java_link{<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/java.png');<br />
background-size:1.5em; <br />
background-repeat:no-repeat;<br />
background-position:right top;<br />
padding-right:1.6em;<br />
margin-left:.1em;<br />
font-weight:normal;<br />
color: #3b434e;<br />
}<br />
<br />
#zoolinks #linux_link {<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/penguin.png');<br />
background-size:1.8em; <br />
background-repeat:no-repeat;<br />
background-position:right top;<br />
padding-right:1.75em;<br />
margin-left:-.6em;<br />
color: #3b434e;<br />
}<br />
#zoolinks #java_link:hover {<br />
font-size:1.2em;<br />
color: #fff;<br />
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;<br />
}<br />
#zoolinks #linux_link:hover {<br />
font-size:1.2em;<br />
color: #ee8301;<br />
}<br />
#zoolinks a#sql_hacks {<br />
margin: -.6em 0em 0 -.8em;<br />
opacity: 0.8;<br />
padding: 0;<br />
position:relative;<br />
float: right;<br />
-webkit-transform:scale(0.7);<br />
-moz-transform:scale(0.7);<br />
-o-transform:scale(0.7);<br />
transform:scale(0.7);<br />
-moz-box-shadow: 2px 2px 4px #333333;<br />
-webkit-box-shadow: 2px 2px 4px #333333;<br />
box-shadow: 2px 2px 4px #333333;<br />
<br />
-moz-transition:all .5s; /* Firefox 4 */<br />
-webkit-transition:all .5s; /* Safari and Chrome */<br />
-o-transition:all .5s; /* Opera */<br />
transition:all .5s; /* Opera */<br />
}<br />
<br />
#zoolinks a#sql_hacks:hover {<br />
opacity:1;<br />
-webkit-transform:scale(1);<br />
-moz-transform:scale(1);<br />
-o-transform:scale(1);<br />
transform:scale(1);<br />
-moz-box-shadow: 5px 5px 2px #666666;<br />
-webkit-box-shadow: 5px 5px 2px #666666;<br />
box-shadow: 8px 8px 12px #666666;<br />
height:auto;<br />
}<br />
<br />
<br />
/* ================================== HEADER: */<br />
<br />
<br />
<br />
#mw-page-base {<br />
height:8.30em;<br />
background: -moz-linear-gradient(top, rgba(171,183,157,1) 0%, rgba(223,229,222,0.9) 10%, rgba(223,229,222,0) 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,183,157,1)), color-stop(10%,rgba(223,229,222,0.9)), color-stop(100%,rgba(223,229,222,0))); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, rgba(171,183,157,1) 0%,rgba(223,229,222,0.9) 10%,rgba(223,229,222,0) 100%); /* W3C */<br />
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9D6C9', endColorstr='#00dfe5de',GradientType=0 ); /* IE6-9 */<br />
}<br />
#mp-logo {<br />
position:absolute; left:1em; top:0.2em; z-index:+1;<br />
}<br />
#mp-logo img {<br />
width:20.5em;<br />
}<br />
#logo-desc {<br />
font-family: Helvetica, Arial, sans-serif;<br />
font-weight:bold;<br />
font-size: 1.670em;<br />
color: #3b434e;<br />
margin:.2em 0 0 0; padding:0;<br />
}<br />
/* fix ff misbehaviour */<br />
@-moz-document url-prefix() { <br />
#logo-desc {font-size: 1.7em;}<br />
}<br />
/* fix ff win misbehaviour */<br />
.win.gecko #logo-desc { margin-top:.2px; }<br />
/* fix webkit misbahaviour */<br />
@media screen and (-webkit-min-device-pixel-ratio:0) {<br />
#logo-desc { margin-top: -0px; }<br />
}<br />
#logo-desc span {<br />
color: #ee8301;<br />
}<br />
#logo-desc span span {<br />
color: #161525; font-weight:normal;<br />
}<br />
h1, h1#logo-desc, #mw-head-base a {<br />
border:none; text-decoration:none;<br />
}<br />
#language {<br />
position:absolute;<br />
left:-1em;<br />
top:-.6em;<br />
z-index:+5;<br />
}<br />
#language li {<br />
display:inline-block;<br />
margin:0 .5em 0 0<br />
}<br />
#language ul li a img {<br />
opacity:0.5;<br />
}<br />
#language ul li a:hover img {<br />
opacity:1;<br />
}<br />
<br />
<br />
/* ================================== MAIN MENU */<br />
<br />
<br />
<br />
#main_menu {<br />
font-family: "Arial", sans-serif; <br />
font-size: .95em;<br />
margin:0;<br />
padding:0;<br />
line-height: 100%;<br />
color:#e3e3e3;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #363d49 0%, #363d49 18%, #161525 69%, #161525 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363d49), color-stop(18%,#363d49), color-stop(69%,#161525), color-stop(100%,#161525)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* W3C */<br />
}<br />
.stickableMenu {<br />
position: absolute; top:11.5em; left:.6em;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
box-shadow: 0px 0px 0px #3b434e;<br />
}<br />
.stickableMenu:hover { /* not perfect, needs js */<br />
-webkit-border-radius: 1.1em 1.1em 0 0;<br />
-moz-border-radius: 1.1em 1.1em 0 0;<br />
border-radius: 1.1em 1.1em 0 0;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
<br />
-moz-transition:all .7s; /* Firefox 4 */<br />
-webkit-transition:all .7s; /* Safari and Chrome */<br />
-o-transition:all .7s; /* Opera */<br />
transition:all .7s; /* Opera */<br />
}<br />
.fixedMenu { <br />
position: fixed; top: 0; left:0;<br />
z-index:+5; <br />
-webkit-border-radius: 0 0 1.5em 0;<br />
-moz-border-radius:0 0 1.5em 0;<br />
border-radius: 0 0 1.5em 0;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
}<br />
.fixedMenu:hover {<br />
-webkit-border-radius: 0 1.1em 0 0;<br />
-moz-border-radius: 0 1.1em 0 0;<br />
border-radius: 0 1.1em 0 0;<br />
}<br />
#main_menu li {<br />
z-index:+2;<br />
margin:0;<br />
padding:0;<br />
float: left;<br />
position: relative;<br />
list-style: none;<br />
}<br />
/* main level link */<br />
#main_menu a {<br />
color: #e3e3e3;<br />
text-decoration: none;<br />
display: block;<br />
padding:.6em 1.3em .6em 0;<br />
margin: 0;<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/ic_down.png');<br />
background-repeat:no-repeat;<br />
background-position:right center;<br />
}<br />
#main_menu > li:first-child a {<br />
margin-left:+1.4em;<br />
}<br />
#main_menu li > a { <br />
margin-right:+.4em;<br />
} <br />
#main_menu > li:last-child a {<br />
margin-right:+1.4em;<br />
}<br />
/* main level link hover */<br />
#main_menu .current a, #main_menu li:hover > a {<br />
color: #ee8301;<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/ic_down_hover.png');<br />
}<br />
/* sub levels link description */<br />
#main_menu ul li:hover, #main_menu li:hover li {<br />
color: #909898;<br />
}<br />
/* sub levels link hover */<br />
#main_menu ul li:hover a, #main_menu li:hover li a {<br />
color: #c4c4c4;<br />
font-weight:bold;<br />
margin:-.7em 0 -.8em 0;<br />
/*<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/progress_bar.png');<br />
background-size:3.5em;<br />
*/<br />
background-image:none;<br />
}<br />
#main_menu li:hover li a:hover {<br />
color: #ee8301;<br />
/*<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/progress_bar_hover.png');<br />
*/<br />
background-image:none;<br />
}<br />
<br />
/* ============================== style for menu progress bar */<br />
<br />
.progressbarbg1 {<br />
width: 8ex;<br />
height: 1.6ex;<br />
background:black;<br />
border-radius: 1ex;<br />
border:2.5px solid #92A599;<br />
/* add some position settings here #92A599 #8FA397 */<br />
float:right;<br />
margin:-1em 0 0 0;<br />
}<br />
.progressbar1 {<br />
width: 7ex;<br />
height: 1ex;<br />
position: relative;<br />
top: 0.3ex;<br />
left: .3ex;<br />
background: #92A599;<br />
border-radius: 1ex;<br />
border-width: 1px;<br />
border-color: #000000;<br />
}<br />
<br />
/* remove indicators from reference sub menu */<br />
#main_menu ul#mm3 li a, #main_menu ul#mm3 li:hover a {<br />
background-image:none;<br />
}<br />
/* level 2 list */<br />
#main_menu li ul {<br />
/*display: none;*/<br />
visibility: hidden;<br />
opacity: 0;<br />
position: absolute; top: 1.8em;<br />
min-width:35em;<br />
font-size:.85em;<br />
margin: 0;<br />
padding: 1.65em 1.5em .5em 1.5em;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #161525 0%, #000000 57%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161525), color-stop(57%,#000000)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #161525 0%,#000000 57%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #161525 0%,#000000 57%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #161525 0%,#000000 57%); /* IE10+ */<br />
background: linear-gradient(to bottom, #161525 0%,#000000 57%); /* W3C */<br />
-webkit-border-radius: 0 2em 2em 2em;<br />
-moz-border-radius: 0 2em 2em 2em;<br />
border-radius: 0 2em 2em 2em;<br />
-moz-box-shadow: 2px 4px 12px #000000;<br />
-webkit-box-shadow: 2px 4px 12px #000000;<br />
box-shadow: 2px 4px 12px #000000;<br />
/*<br />
transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
-moz-transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
-webkit-transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
-o-transition:visibility .25s linear .25s, opacity .25s linear .25s;<br />
*/<br />
}<br />
/* needs to be adjusted for each introduced ul */<br />
#main_menu li #mm2 {left:-7.9em;}<br />
#main_menu li #mm3 {left:-16.8em;}<br />
@-moz-document url-prefix() { <br />
#main_menu li #mm2 { left:-8.1em; } <br />
#main_menu li #mm3 { left:-17.1em; } <br />
} <br />
.win.gecko #main_menu li #mm2 { left:-7.9em; }<br />
.win.gecko #main_menu li #mm3 { left:-16.85em; }<br />
<br />
.ie #main_menu li #mm2 { left:-8.15em; }<br />
.ie #main_menu li #mm3 { left:-17.15em; }<br />
<br />
.mac.webkit #main_menu li #mm2 { left:-8em; }<br />
.mac.webkit #main_menu li #mm3 { left:-16.95em; }<br />
<br />
#selector[id=selector] { color: red; }<br />
<br />
#main_menu li:hover ul> li {<br />
border-bottom:thin solid #acbbaf;<br />
margin:0 0 .45em 0;<br />
padding: 0 0 .4em 0;<br />
}<br />
#main_menu li:hover ul > li:last-child {<br />
border-bottom:none;<br />
}<br />
/* dropdown */<br />
#main_menu li:hover > ul {<br />
display: block;<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
#main_menu ul li {<br />
float: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
/* clearfix */<br />
#main_menu:after {<br />
content: ".";<br />
display: block;<br />
clear: both;<br />
visibility: hidden;<br />
line-height: 0;<br />
height: 0;<br />
}<br />
#main_menu {<br />
display: inline-block;<br />
}<br />
html[xmlns] #main_menu {<br />
display: block;<br />
}<br />
* html #main_menu {<br />
height: 1%;<br />
}<br />
<br />
<br />
<br />
/* ================================== SIDE MENU: */<br />
<br />
<br />
<br />
body #mw-panel {<br />
margin-top:3.3em;<br />
}<br />
#mw-panel #p-Reference h5,<br />
body #mw-panel div.portal h5 {<br />
font-size: 1.3em;<br />
font-stretch:normal;<br />
font-weight:bold;<br />
margin:0; padding: 0 0 0 0.6em;<br />
color:#161525;<br />
}<br />
#mw-panel #p-Reference li a {<br />
color:#3b434e;<br />
}<br />
#mw-panel #p-Reference li a:hover {<br />
color:#ff530d;<br />
padding-left:1.1em;<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/side_pointer2.png');<br />
background-size:.8em;<br />
background-repeat:no-repeat;<br />
background-position:left center;<br />
}<br />
body #mw-panel #p-Reference .body,<br />
body #mw-panel div.portal div.body {<br />
background-image:none; <br />
}<br />
.fixedRef { <br />
position: fixed; top:3em; left:0;<br />
width:10em;<br />
}<br />
<br />
#mw-panel .portal .body ul li {<br />
text-align:right;<br />
}<br />
#engine {<br />
background:#161525;<br />
color:#e3e3e3;<br />
width: 9em; height: 2.4em;<br />
margin:.65em 0 0 0;<br />
text-align:left center;<br />
}<br />
<br />
/* ================================== CONTENT: */<br />
<br />
div#content a.zoo_external {<br />
color: #161525;<br />
}<br />
div#content a.zoo_external:hover {<br />
color: #ee8301;<br />
}<br />
div#content a.zoo_external, div#content a.zoo_external[href^="gopher://"] {<br />
background: url("http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/ex-link2.png") no-repeat scroll right center transparent;<br />
padding-right: 18px;<br />
}<br />
div#content a.zoo_external:hover, div#content a.zoo_external:hover[href^="gopher://"] {<br />
background: url("http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/ex-link.png") no-repeat scroll right center transparent;<br />
padding-right: 18px;<br />
}<br />
#firstHeading {<br />
font-size: 1.3em;<br />
font-weight:bold;<br />
text-align:center;<br />
color:#161525;<br />
margin:0 0 .9em 0;<br />
padding:0;<br />
border:none;<br />
border-bottom:thin solid #ee8301;<br />
}<br />
.mw-content-ltr {<br />
margin-left:1em;<br />
}<br />
/* homepage slogan */<br />
.slogan {<br />
font-size: 1.3em;<br />
font-weight:normal;<br />
color:#3b434e;<br />
margin-left:-.5em;<br />
}<br />
.slogan span {<br />
font-weight:bold;<br />
color:#161525;<br />
}<br />
div.tutblock, <br />
div.refblock,<br />
div.resblock {<br />
border:none;<br />
margin-top:.2em;<br />
margin-bottom:0;<br />
margin-left:-1em;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
}<br />
/* add extra margin so the resources block floats under tutorials */<br />
div.refblock {<br />
margin-bottom:+4em;<br />
}<br />
/* fix webkit misbahaviour */<br />
@media screen and (-webkit-min-device-pixel-ratio:0) {<br />
div.tutblock, <br />
div.refblock,<br />
div.resblock { margin-top:.6em; }<br />
}<br />
div.tutblock:hover, <br />
div.refblock:hover,<br />
div.resblock:hover {<br />
-moz-box-shadow: 1px 1px 1px #3b434e;<br />
-webkit-box-shadow: 1px 1px 1px #3b434e;<br />
box-shadow: 1px 1px 1px #3b434e;<br />
background:#dae5d9;<br />
transition:background 1s;<br />
-moz-transition:background 1s; /* Firefox 4 */<br />
-webkit-transition:background 2s; /* Safari and Chrome */<br />
-o-transition:background 1s; /* Opera */<br />
}<br />
div.tutblock:hover h2,<br />
div.refblock:hover h2,<br />
div.resblock:hover h2 {<br />
color:#ee8301;<br />
border-bottom: 1px solid #ee8301;<br />
}<br />
div.tutblock:hover dl,<br />
div.refblock:hover dl,<br />
div.resblock:hover dl {<br />
margin-top: -1px;<br />
}<br />
.mw-content-ltr h2 {<br />
font-size:1.2em;<br />
font-weight:bold;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr a {<br />
color:#161525;<br />
}<br />
.mw-content-ltr .tutblock a:hover,<br />
.mw-content-ltr .refblock a:hover,<br />
.mw-content-ltr .resblock a:hover {<br />
color:#ee8301;<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/side_pointer2.png');<br />
background-size:.8em;<br />
background-repeat:no-repeat;<br />
background-position:left center;<br />
margin-left:-1.1em; padding-left:+1.1em;<br />
}<br />
/* this shouldn't be necessarry - investigate further */<br />
.mw-content-ltr .refblock a:hover {<br />
margin-left:-2em; padding-left:+2em;<br />
}<br />
<br />
.mw-content-ltr .tutblock dl dt,<br />
.mw-content-ltr .refblock dl dt,<br />
.mw-content-ltr .resblock dl dt {<br />
margin:0 0 -.1em 0; padding:0;<br />
font-weight:bold;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr .resblock dl dt {<br />
margin:0; padding:0;<br />
}<br />
.mw-content-ltr .tutblock dl dt::first-letter,<br />
.mw-content-ltr .refblock dl dt::first-letter {<br />
color:#3b434e;<br />
}<br />
<br />
.mw-content-ltr .tutblock dl dt:hover:first-letter,<br />
.mw-content-ltr .refblock dl dt:hover:first-letter,<br />
.mw-content-ltr .resblock dl dt:hover:first-letter {<br />
color:#161525;<br />
}<br />
.mw-content-ltr .tutblock dl dd,<br />
.mw-content-ltr .refblock dl dd,<br />
.mw-content-ltr .resblock dl dd {<br />
margin:0 0 .7em 0; <br />
padding:0 1em 0 0;<br />
line-height:105%;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr .tutblock dl dd a,<br />
.mw-content-ltr .refblock dl dd a,<br />
.mw-content-ltr .resblock dl dd a {<br />
font-weight:bold;<br />
color:#3b434e;<br />
}<br />
.mw-content-ltr .tutblock dl dd a:hover,<br />
.mw-content-ltr .refblock dl dd a:hover,<br />
.mw-content-ltr .resblock dl dd a:hover {<br />
background-image:none;<br />
margin-left:-1.1em; padding-left:-1.1em;<br />
}<br />
.mw-content-ltr .resblock dl dd a {<br />
font-weight:bold;<br />
color:#161525;<br />
}<br />
<br />
<br />
/* ================================== TUTORIALS HEADER: */<br />
<br />
<br />
<br />
.ref_section {<br />
background:none; border:none;<br />
-moz-border-radius:.8em;<br />
-webkit-border-radius:.8em;<br />
border-radius:.8em;<br />
<br />
}<br />
.db_ref { <br />
*border-collapse: collapse; /* IE7 and lower */<br />
border-spacing:0;<br />
border:none;<br />
color:#dae5d9;<br />
display: inline-block;<br />
-moz-border-radius: .8em;<br />
-webkit-border-radius: .8em;<br />
border-radius: .8em;<br />
}<br />
.db_ref caption {<br />
color:#161525;<br />
background:#d2e5d1;<br />
display: block;<br />
}<br />
.db_ref tr:hover {<br />
color:#161525;<br />
background:#e3e3e3;<br />
-o-transition: all 0.1s ease-in-out;<br />
-webkit-transition: all 0.1s ease-in-out;<br />
-moz-transition: all 0.1s ease-in-out;<br />
-ms-transition: all 0.1s ease-in-out;<br />
transition: all 0.1s ease-in-out; <br />
} <br />
<br />
.db_ref td, .db_ref th {<br />
border-left: 1px solid #3b434e;<br />
border-top: none;<br />
padding:.1em .7em .1em .5em;<br />
}<br />
.db_ref tr { <br />
background:#3b434e;<br />
}<br />
.db_ref tr:first-child,<br />
.db_ref tr:last-child { <br />
background:none;<br />
}<br />
/*<br />
.db_ref td {<br />
background:#3b434e;<br />
}<br />
*/<br />
.db_ref th {<br />
background-color:#161525;<br />
color:#e3e3e3;<br />
padding:.2em .7em .2em .5em;<br />
}<br />
<br />
.db_ref td:first-child, .db_ref th:first-child {<br />
border-left:none;<br />
}<br />
.db_ref td[colspan] { <br />
border:none;<br />
background:#3b434e;<br />
}<br />
.db_ref td[colspan]:hover { <br />
font-weight:bold;<br />
color:#161525;<br />
background:#d2e5d1;<br />
}<br />
.db_ref th:first-child {<br />
-moz-border-radius: .8em 0 0 0;<br />
-webkit-border-radius: .8em 0 0 0;<br />
border-radius: .8em 0 0 0;<br />
}<br />
<br />
.db_ref th:last-child {<br />
-moz-border-radius: 0 .8em 0 0;<br />
-webkit-border-radius: 0 .8em 0 0;<br />
border-radius: 0 .8em 0 0;<br />
}<br />
<br />
.db_ref th:only-child{<br />
-moz-border-radius: .8em .8em 0 0;<br />
-webkit-border-radius: .8em .8em 0 0;<br />
border-radius: .8em .8em 0 0;<br />
}<br />
<br />
.db_ref tr:last-child td:first-child {<br />
-moz-border-radius: 0 0 0 .8em;<br />
-webkit-border-radius: 0 0 0 .8em;<br />
border-radius: 0 0 0 .8em;<br />
}<br />
<br />
.db_ref tr:last-child td:last-child {<br />
-moz-border-radius: 0 0 .8em 0;<br />
-webkit-border-radius: 0 0 .8em 0;<br />
border-radius: 0 0 .8em 0;<br />
}<br />
.db_ref tr:last-child td:last-child[colspan] {<br />
-moz-border-radius:0 0 .8em .8em;<br />
-webkit-border-radius:0 0 .8em .8em;<br />
border-radius:0 0 .8em .8em;<br />
}<br />
.fixedDbRef { <br />
position: fixed; top:-1em; right:-2em;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
opacity:0.5;<br />
-webkit-transform:scale(0.8);<br />
-moz-transform:scale(0.8);<br />
-o-transform:scale(0.8);<br />
transform:scale(0.8);<br />
<br />
-moz-transition:all 1s; /* Firefox 4 */<br />
-webkit-transition:all 1s; /* Safari and Chrome */<br />
-o-transition:all 1s; /* Opera */<br />
transition:all 1s; /* Opera */<br />
<br />
}<br />
.fixedDbRef:hover {<br />
top:0; right:0;<br />
opacity:1;<br />
-webkit-transform:scale(1);<br />
-moz-transform:scale(1);<br />
-o-transform:scale(1);<br />
transform:scale(1);<br />
}<br />
<br />
<br />
<br />
/* ================================== TUTORIALS CONTENT: */<br />
<br />
<br />
<br />
.ref_section {<br />
float:right;<br />
margin-left:1em<br />
}<br />
.mw-content-ltr #toc, .mw-content-ltr .toc, .mw-content-ltr .tochidden {<br />
-webkit-border-radius: 1em;<br />
-moz-border-radius:1em;<br />
border-radius: 1em;<br />
border-collapse: separate;<br />
padding:0 .5em 0 .5em;<br />
}<br />
.mw-content-ltr table#toc td, .mw-content-ltr .toc td, .mw-content-ltr .tochidden td {<br />
border:none; margin:0; padding:0;<br />
}<br />
.extra_space {<br />
<br />
}<br />
.mw-headline {<br />
margin-bottom:-2em;<br />
}<br />
<br />
<br />
<br />
/* ============================== PROGRESS PANEL */<br />
<br />
<br />
<br />
.progress_panel {<br />
display:inline-block;<br />
border:thin solid rgba(33,33,33,0.7);<br />
-webkit-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
-moz-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
background: #e3ede3; /* Old browsers */<br />
background: -moz-linear-gradient(-45deg, #e3ede3 1%, #dae5d9 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#e3ede3), color-stop(100%,#dae5d9)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(-45deg, #e3ede3 1%,#dae5d9 100%); /* IE10+ */<br />
background: linear-gradient(135deg, #e3ede3 1%,#dae5d9 100%); /* W3C */<br />
-moz-box-shadow: 0px 0px 2px #333333;<br />
-webkit-box-shadow: 0px 0px 2px #333333;<br />
box-shadow: 0px 0px 2px #333333;<br />
<br />
}<br />
.progress_panel > div {<br />
padding:1.2em 1.5em 1.5em 1.2em;<br />
background:#D2DDD2;<br />
-webkit-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
-moz-border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
border-radius: 3em 2em 3em 2em / 2em 1em 2em 1em;<br />
-moz-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
-webkit-box-shadow:inset 2px 2px 12px #e7f0e7;<br />
box-shadow:inset 2px 2px 12px #e7f0e7;<br />
}<br />
.progress_panel .summary {<br />
color: #3b434e;<br />
font-size: 0.85em;<br />
font-weight: normal;<br />
text-shadow: 1px 1px 0 #E4EDE6;<br />
margin: 0.5em 0;<br />
padding:0;<br />
line-height: 140%;<br />
}<br />
.progressbarbg {<br />
background:#161525;<br />
border-radius: 2ex 2ex 2ex 2ex;<br />
height: 2em;<br />
width: 50ex;<br />
border-bottom:2px solid #d2e5d1;<br />
border-right: 2px solid #d2e5d1;<br />
-moz-box-shadow: 2px 2px 3px #1a1a1a;<br />
-webkit-box-shadow: 2px 2px 3px #1a1a1a;<br />
box-shadow: 2px 2px 3px #1a1a1a;<br />
}<br />
.progressbar {<br />
position: relative;<br />
left: 1ex; top: 1ex;<br />
width: 48ex;<br />
height: 1em;<br />
background: #323832; /* Old browsers */<br />
background: -moz-linear-gradient(left, #323832 0%, #bfcebe 90%, #e9ffe7 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#323832), color-stop(90%,#bfcebe), color-stop(100%,#e9ffe7)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(left, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(left, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(left, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* IE10+ */<br />
background: linear-gradient(to right, #323832 0%,#bfcebe 90%,#e9ffe7 100%); /* W3C */<br />
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323832', endColorstr='#e9ffe7',GradientType=1 ); /* IE6-9 */<br />
border-radius: 1ex 1ex 1ex 1ex;<br />
-moz-box-shadow: 2px 0 2px #4D4D4D;<br />
-webkit-box-shadow: 2px 0 2px #4D4D4D;<br />
box-shadow: 2px 0 2px #4D4D4D; <br />
}<br />
<br />
/* ======================= CORRECT/INCORRECT INDICATOR */<br />
<br />
.qcorrect, .qincorrect {<br />
width:3em;<br />
height:3em;<br />
position:absolute;<br />
left:-1em;<br />
margin: -0.5em 0 0 1em;<br />
background-size:3em;<br />
background-repeat:no-repeat;<br />
background-position:center;<br />
}<br />
.qcorrect {<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/done9.png');<br />
}<br />
.qincorrect {<br />
background-image:url('http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/undone9.png');<br />
}<br />
<br />
<br />
/* ======================= TUTS USER INPUT */<br />
<br />
/* Prevent floating after a .qu */<br />
.qu+*{<br />
clear:left;<br />
}<br />
<br />
.qu {<br />
border:none;<br />
border-top:thin solid #ee8301;<br />
margin: 2ex 0.2ex 0.2ex;<br />
padding: 10px;<br />
}<br />
.qu span.id {<br />
margin-bottom:.5em;<br />
}<br />
.mw-content-ltr p,<br />
.qu p {<br />
margin-bottom:1em;<br />
}<br />
.quf {<br />
margin:0 0 1em 0;<br />
}<br />
.quf textarea {<br />
-webkit-border-radius:3em 1.2em 3em 1.2em / 3em 1.5em 4em 0;<br />
-moz-border-radius:3em 1.2em 3em 1.2em / 3em 1.5em 4em 0;<br />
border-radius:3em 1.2em 3em 1.2em / 3em 1.5em 4em 0;<br />
border-top:1.6em solid #3b434e;<br />
border-bottom:2em solid #3b434e;<br />
border-right:1.6em solid #3b434e;<br />
border-left:1.3em solid #3b434e;<br />
background:#e3e3e3;<br />
margin:.5em 0 -1em 0em;<br />
padding:.5em 0 0 .5em;<br />
width: 29.5em;<br />
overflow:auto;<br />
}<br />
.mac.webkit .quf textarea { width: 34.5em }<br />
.win.gecko .quf textarea { width: 30em; }<br />
.mac.gecko .quf textarea { width: 28.5em; }<br />
.ie .quf textarea { width: 27em; }<br />
.opera .quf textarea { width: 35.5em; }<br />
.win.opera .quf textarea { width: 30em; }<br />
<br />
<br />
.submitSQL {<br />
margin:-1.1em 0 0 0em; /* win ff */<br />
padding:.5em 1em .5em 1em;<br />
color:#e3e3e3;<br />
height:auto;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #363d49 0%, #363d49 18%, #161525 69%, #161525 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363d49), color-stop(18%,#363d49), color-stop(69%,#161525), color-stop(100%,#161525)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* W3C */<br />
border:1em solid #3b434e;<br />
-webkit-border-radius:2.5em;<br />
-moz-border-radius:2.5em;<br />
border-radius:2.5em;<br />
z-index:+1;<br />
}<br />
.webkit .submitSQL { margin:-1.1em 0 0 0em; }<br />
.mac.gecko .submitSQL { margin:-1.1em 0 0 0em; }<br />
.ie .submitSQL { margin:-1em 0 0 0em; }<br />
.opera .submitSQL { margin:-1em 0 0 0em; }<br />
.submitSQL:hover {<br />
color:#ffffff;<br />
background:#161525;<br />
-webkit-background-clip: padding-box; <br />
-moz-background-clip: padding; <br />
background-clip: padding-box;<br />
}<br />
.quf .reset {<br />
cursor:pointer;<br />
display:inline-block;<br />
-moz-border-radius:0 0 1em 1em;<br />
-webkit-border-radius:0 0 1em 1em;<br />
border-radius:0 0 1em 1em;<br />
background:#3B434E;<br />
color:#e3e3e3;<br />
left: 12.6em;<br />
padding: 0 1.2em 0.2em;<br />
position: relative;<br />
top: 0;<br />
}<br />
.quf .reset:hover {<br />
color:#ee8301;<br />
}<br />
.win.webkit .quf .reset { left: 12em; }<br />
.win.gecko .quf .reset { left: 12em; }<br />
.ie .quf .reset { left: 10em; }<br />
<br />
div.res {<br />
background:#dae5d9;<br />
color:#3b434e;<br />
border:none;<br />
padding:1em;<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
-moz-box-shadow: 1px 1px 3px #3b434e;<br />
-webkit-box-shadow: 1px 1px 3px #3b434e;<br />
box-shadow: 1px 1px 3px #3b434e;<br />
display:inline-block;<br />
margin-left: 1.5em;<br />
}<br />
<br />
//Connor 23/7/12 Highlighting for the multiple choice answers.<br />
tr.proposal:hover{<br />
background-color:rgb(150,150,200)<br />
}<br />
<br />
.lsclear{<br />
color: #D90000;<br />
font-weight: bold;<br />
cursor:pointer;<br />
/* designer override */<br />
border: 3px solid #E3E3E3;<br />
background: #EE8301;<br />
padding: 6px 12px;<br />
margin-left:.5em;<br />
-webkit-border-radius: 22px;<br />
-moz-border-radius: 22px;<br />
border-radius: 22px;<br />
text-shadow: -1px -1px 0 rgba(50, 50, 50, 0.75);<br />
color: #e3e3e3;<br />
font-size: 1em;<br />
font-family: Helvetica, Arial, Sans-Serif;<br />
font-weight:normal;<br />
text-decoration: none;<br />
vertical-align: middle;<br />
-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
display:inline-block;<br />
}<br />
.lsclear:hover {<br />
background: #161525;<br />
color: #EE8301;<br />
border-color: #EE8301;<br />
}<br />
<br />
/* ===================== FOOTER */<br />
<br />
div#footer {<br />
background-image: none;<br />
border-top:thin solid #EE8301;<br />
direction: ltr;<br />
margin-left: 11em;<br />
margin-top: 0;<br />
padding: 0.75em;<br />
}<br />
div#footer ul {<br />
margin-left:.5em;<br />
}<br />
/* ===================== this overrides boys css to adjust the design */<br />
<br />
<br />
<br />
span.id {<br />
font-size:3em;<br />
font-weight:bold;<br />
color:#161525;<br />
}<br />
.imper {<br />
margin-bottom:1em;<br />
font-weight:bold;<br />
}<br />
.mw-content-ltr a {<br />
color:#161525; <br />
font-weight:bold;<br />
}<br />
.qu a {<br />
font-weight:bold;<br />
}<br />
.mw-content-ltr a:hover {<br />
color:#ee8301;<br />
}<br />
.qu a:hover {<br />
color:#ee8301;<br />
}<br />
<br />
.quizlink a{<br />
margin-left:.5em;<br />
font-weight:bold;<br />
color:#e3e3e3;<br />
background:#3b434e;<br />
padding:.5em 1.5em;<br />
-moz-border-radius:2em;<br />
-webkit-border-radius:2em;<br />
border-radius:2em;<br />
display:inline-block;<br />
box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);<br />
border: 3px solid #E3E3E3;<br />
}<br />
.quizlink a:hover {<br />
color:#ee8301;<br />
background:#161525;<br />
border-color:#ee8301;<br />
}<br />
code {<br />
color:#ee8301;<br />
background:none;<br />
border: 1px solid #EE8301;<br />
-moz-border-radius:2em;<br />
-webkit-border-radius:2em;<br />
border-radius:2em;<br />
padding: 0.1em 0.5em 0; <br />
}<br />
h2 code {<br />
border: 2px solid #EE8301;<br />
}<br />
.mw-content-ltr pre {<br />
border:none;<br />
background:#dae5d9;<br />
padding: 1.1em 1em 1em 2em;<br />
-moz-border-radius:.5em;<br />
-webkit-border-radius:.5em;<br />
border-radius:.5em;<br />
-moz-box-shadow:inset 5px 5px 11px rgba(33,33,33,0.7);<br />
-webkit-box-shadow:inset 5px 5px 11px rgba(33,33,33,0.7);<br />
box-shadow:inset 5px 5px 11px rgba(33,33,33,0.7);<br />
}<br />
<br />
.NoBorder td{<br />
border:none;<br />
}<br />
<br />
.Bordered td{<br />
border:solid;<br />
border-width:1px;<br />
}<br />
/*Connor 7/8/12 Gets rid of the table lines for a table many tables have been entered into.*/<br />
<br />
/*Simple styling for lists of references*/<br />
<br />
.tutlist {<br />
width:40ex;<br />
float:right;<br />
margin-left: 1.5em;<br />
padding: 1em;<br />
-moz-box-shadow: 1px 1px 3px #3B434E;<br />
-webkit-box-shadow: 1px 1px 3px #3B434E;<br />
box-shadow: 1px 1px 3px #3B434E;<br />
background:#dae5d9;<br />
transition:background 1s;<br />
-moz-transition:background 1s; /* Firefox 4 */<br />
-webkit-transition:background 2s; /* Safari and Chrome */<br />
-o-transition:background 1s; /* Opera */<br />
border-radius: 1.5em;<br />
color: #EE8301;<br />
}<br />
<br />
.fc {<br />
color: #EE8301;<br />
text-decoration:underline;<br />
}<br />
<br />
#userloginForm,<br />
#userloginForm table {<br />
color:#e3e3e3;<br />
}<br />
#userloginForm {<br />
-moz-box-shadow: 5px 5px 8px #3b434e;<br />
-webkit-box-shadow: 3px 6px 10px #3b434e;<br />
box-shadow: 5px 5px 8px #3b434e;<br />
background: #161525; /* Old browsers */<br />
background: -moz-linear-gradient(top, #363d49 0%, #363d49 18%, #161525 69%, #161525 100%); /* FF3.6+ */<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363d49), color-stop(18%,#363d49), color-stop(69%,#161525), color-stop(100%,#161525)); /* Chrome,Safari4+ */<br />
background: -webkit-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Chrome10+,Safari5.1+ */<br />
background: -o-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* Opera 11.10+ */<br />
background: -ms-linear-gradient(top, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* IE10+ */<br />
background: linear-gradient(to bottom, #363d49 0%,#363d49 18%,#161525 69%,#161525 100%); /* W3C */<br />
-webkit-border-radius: 1.5em;<br />
-moz-border-radius:1.5em;<br />
border-radius: 1.5em;<br />
border:solid 5px #e3e3e3;<br />
}<br />
#userloginForm a {<br />
color:#ee8301;<br />
}<br />
#userloginForm a:hover {<br />
color:#FF9E44;<br />
text-shadow: 0 0 6px #E17F19;<br />
}<br />
#userloginForm a {<br />
color:#ee8301;<br />
}<br />
#userloginForm table,<br />
#userloginForm table td {<br />
border:none;<br />
background:none;<br />
}<br />
#userloginForm input {<br />
background:#e3e3e3;<br />
padding:0 .5em;<br />
-webkit-border-radius: .5em;<br />
-moz-border-radius:.5em;<br />
border-radius: .5em;<br />
}<br />
#userloginForm h2 {<br />
color:#ee8301<br />
}<br />
<br />
/* increase link recognition */<br />
.mw-content-ltr a {<br />
text-decoration: underline;<br />
}<br />
div.tutblock a, div.refblock a, div.resblock a, .tutlist a, .quizlink a {<br />
text-decoration: none;<br />
}</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_basics
SELECT basics
2013-04-17T15:53:46Z
<p>Andr3w: /* Introducing the world table of countries */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>name</th><th>continent</th><th>area</th><br />
<th>population</th><th>gdp</th></tr><br />
<tr><td>Afghanistan</td><td>Asia</td><td class="r">652230</td><td class="r">25500100</td><td class="r">20343000000</td></tr><br />
<tr><td>Albania</td><td>Europe</td><td class="r">28748 </td><td class="r">2831741 </td><td class="r">12960000000 </td></tr><br />
<tr><td>Algeria</td><td>Africa</td><td class="r">2381741 </td><td class="r">37100000 </td><td class="r">188681000000 </td></tr><br />
<tr><td>Andorra</td><td>Europe</td><td class="r">468</td><td class="r">78115 </td><td class="r">3712000000 </td></tr><tr><br />
<td>Angola</td><td>Africa</td><td class="r">1246700 </td><td class="r">20609294 </td><td class="r">100990000000 </td></tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<br />
==Introducing the <code>world</code> table of countries==<br />
<p>This tutorial introduces SQL as a query language.. We will be using the SELECT command on the table '''world''':</p><br />
<br />
<div class="progress_panel"><div><br />
<div class="summary">Summary</div><br />
<div class="progressbarbg"><br />
<div class="progressbar"></div><br />
</div><br />
</div></div><br />
<br />
<div class='extra_space' style='width:1em; height:6em;'></div><br />
<br />
<div class='qu'><br />
The example shows the population of 'France'.<br />
Strings should be in 'single quotes';<br />
<br />
<p class='imper'>Show the population of Germany</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT population FROM world<br />
WHERE name = 'France'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT population FROM world<br />
WHERE name = 'Germany'<br />
</source><br />
</div><br />
<br />
==Per Capita GDP==<br />
<div class='qu'><br />
<div>This query shows the population density <code>population/area</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup>.</div><br />
<div class='imper'>Show the per capita gdp: <code>gdp/population</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup></div><br />
<br />
<source lang='sql' class='def'><br />
SELECT name, population/area FROM world<br />
WHERE area > 5000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, gdp/population FROM world<br />
WHERE area > 5000000<br />
</source><br />
</div><br />
<br />
==Small and wealthy==<br />
<div class='qu'><br />
Where to find some very small, very rich countries.<br/><br />
<b>We use <code>AND</code> to ensure that two or more conditions hold<br />
true.</b><br />
<div>The example shows the countries where the population is small and the<br />
gdp is high.</div><br />
<div class='imper'>Show the <b>name</b> and <b>continent</b> where the area is less then 2000 and the gdp is more than 5000000000</div><br />
<source lang='sql' class='def'><br />
SELECT name , continent<br />
FROM world<br />
WHERE population < 2000000<br />
AND gdp > 5000000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name , continent<br />
FROM world<br />
WHERE area < 2000<br />
AND gdp > 5000000000<br />
</source><br />
</div><br />
<br />
==Scandinavia==<br />
<div class='qu'><br />
Checking a list The word <b>IN</b> allows us to check if an item is in a list. <br />
The example shows the name and population for the countries 'Ireland', 'Iceland' and 'Denmark'<br />
<div class='imper'>Show the '''name''' and the '''population''' for 'Denmark', 'Finland', 'Norway', 'Sweden'<br />
</div><br />
<source lang='sql' class='def'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Ireland', 'Iceland',<br />
'Denmark')</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Denmark', 'Finland',<br />
'Norway', 'Sweden')</source><br />
</div><br />
<br />
==Starts with G==<br />
<div class='qu'><br />
What are the countries beginning with G?<br />
'''The word''' <code>LIKE</code> '''permits pattern matching''' - % '''is the wildcard'''.<br />
The examples shows countries beginning with D<br />
<div class='imper'>Show each country that begins with G</div><br />
<source lang='sql' class='def'><br />
SELECT name FROM world<br />
WHERE name LIKE 'D%'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE name LIKE 'G%'<br />
</source><br />
</div><br />
<br />
==Just the right size==<br />
<div class='qu'><br />
Which countries are not too small and not too big?<br />
<code>BETWEEN</code> allows range checking - note that it is inclusive.<br />
<div class='imper'>'''Show the area in 1000 square km. Show''' ''area''/1000 '''instead of''' ''area''</div><br />
<source lang='sql' class='def'><br />
SELECT name, area FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, area/1000 FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
</div><br />
<br />
<div><br />
<div class="lsclear">Clear your results</div><br />
<p><div class="quizlink">[[SELECT Quiz]]</div></p><br />
</div><br />
<p>You are ready for tutorial one:[[SELECT_from_WORLD_Tutorial |SELECT statements with WHERE.]]</p><br />
<br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_basics
SELECT basics
2013-04-17T15:53:33Z
<p>Andr3w: </p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>name</th><th>continent</th><th>area</th><br />
<th>population</th><th>gdp</th></tr><br />
<tr><td>Afghanistan</td><td>Asia</td><td class="r">652230</td><td class="r">25500100</td><td class="r">20343000000</td></tr><br />
<tr><td>Albania</td><td>Europe</td><td class="r">28748 </td><td class="r">2831741 </td><td class="r">12960000000 </td></tr><br />
<tr><td>Algeria</td><td>Africa</td><td class="r">2381741 </td><td class="r">37100000 </td><td class="r">188681000000 </td></tr><br />
<tr><td>Andorra</td><td>Europe</td><td class="r">468</td><td class="r">78115 </td><td class="r">3712000000 </td></tr><tr><br />
<td>Angola</td><td>Africa</td><td class="r">1246700 </td><td class="r">20609294 </td><td class="r">100990000000 </td></tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<br />
==Introducing the <code>world</code> table of countries==<br />
<p>This tutorial introduces SQL as a query language. We will be using the SELECT command on the table '''world''':</p><br />
<br />
<div class="progress_panel"><div><br />
<div class="summary">Summary</div><br />
<div class="progressbarbg"><br />
<div class="progressbar"></div><br />
</div><br />
</div></div><br />
<br />
<div class='extra_space' style='width:1em; height:6em;'></div><br />
<br />
<div class='qu'><br />
The example shows the population of 'France'.<br />
Strings should be in 'single quotes';<br />
<br />
<p class='imper'>Show the population of Germany</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT population FROM world<br />
WHERE name = 'France'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT population FROM world<br />
WHERE name = 'Germany'<br />
</source><br />
</div><br />
<br />
==Per Capita GDP==<br />
<div class='qu'><br />
<div>This query shows the population density <code>population/area</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup>.</div><br />
<div class='imper'>Show the per capita gdp: <code>gdp/population</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup></div><br />
<br />
<source lang='sql' class='def'><br />
SELECT name, population/area FROM world<br />
WHERE area > 5000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, gdp/population FROM world<br />
WHERE area > 5000000<br />
</source><br />
</div><br />
<br />
==Small and wealthy==<br />
<div class='qu'><br />
Where to find some very small, very rich countries.<br/><br />
<b>We use <code>AND</code> to ensure that two or more conditions hold<br />
true.</b><br />
<div>The example shows the countries where the population is small and the<br />
gdp is high.</div><br />
<div class='imper'>Show the <b>name</b> and <b>continent</b> where the area is less then 2000 and the gdp is more than 5000000000</div><br />
<source lang='sql' class='def'><br />
SELECT name , continent<br />
FROM world<br />
WHERE population < 2000000<br />
AND gdp > 5000000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name , continent<br />
FROM world<br />
WHERE area < 2000<br />
AND gdp > 5000000000<br />
</source><br />
</div><br />
<br />
==Scandinavia==<br />
<div class='qu'><br />
Checking a list The word <b>IN</b> allows us to check if an item is in a list. <br />
The example shows the name and population for the countries 'Ireland', 'Iceland' and 'Denmark'<br />
<div class='imper'>Show the '''name''' and the '''population''' for 'Denmark', 'Finland', 'Norway', 'Sweden'<br />
</div><br />
<source lang='sql' class='def'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Ireland', 'Iceland',<br />
'Denmark')</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Denmark', 'Finland',<br />
'Norway', 'Sweden')</source><br />
</div><br />
<br />
==Starts with G==<br />
<div class='qu'><br />
What are the countries beginning with G?<br />
'''The word''' <code>LIKE</code> '''permits pattern matching''' - % '''is the wildcard'''.<br />
The examples shows countries beginning with D<br />
<div class='imper'>Show each country that begins with G</div><br />
<source lang='sql' class='def'><br />
SELECT name FROM world<br />
WHERE name LIKE 'D%'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE name LIKE 'G%'<br />
</source><br />
</div><br />
<br />
==Just the right size==<br />
<div class='qu'><br />
Which countries are not too small and not too big?<br />
<code>BETWEEN</code> allows range checking - note that it is inclusive.<br />
<div class='imper'>'''Show the area in 1000 square km. Show''' ''area''/1000 '''instead of''' ''area''</div><br />
<source lang='sql' class='def'><br />
SELECT name, area FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, area/1000 FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
</div><br />
<br />
<div><br />
<div class="lsclear">Clear your results</div><br />
<p><div class="quizlink">[[SELECT Quiz]]</div></p><br />
</div><br />
<p>You are ready for tutorial one:[[SELECT_from_WORLD_Tutorial |SELECT statements with WHERE.]]</p><br />
<br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/SUBSTR
SUBSTR
2013-03-25T00:16:57Z
<p>Andr3w: </p>
<hr />
<div><table align='right' border='1'><br />
<caption>Compatibility</caption><br />
<tr><th colspan='3'>SUBSTR(s, i, j)</th></tr><br />
<tr><td align='center'>'''Engine'''</td><td align='center'>'''OK'''</td><td align='center'>'''Alternative'''</td></tr><br />
<tr><td align='left'>ingres</td><td>Yes</td><td>[[SUBSTRING(ansi) |SUBSTRING(s FROM i FOR j)]]</td></tr><br />
<tr><td align='left'>mysql</td><td>Yes</td><td>[[SUBSTRING(ansi) |SUBSTRING(s FROM i FOR j)]]</td></tr><br />
<tr><td align='left'>oracle</td><td>Yes</td><td></td></tr><br />
<tr><td align='left'>postgres</td><td>Yes</td><td>[[SUBSTRING(ansi) |SUBSTRING(s FROM i FOR j)]]</td></tr><br />
<tr><td align='left'>sqlserver</td><td>No</td><td>[[SUBSTRING |SUBSTRING(s,i,j)]]</td></tr><br />
</table><br />
<br />
<h1> SUBSTR</h1><br />
<p>SUBSTR allows you to extract part of a string. </p><br />
<p></p> <br />
<pre style='width:75ex'><br />
SUBSTR('Hello world', 2, 3) -> 'ell' <br />
</pre><br />
<br />
<div class='ht'><br />
In this example you get the 2nd to 5th character from each country's name. <br />
<source lang='sql' class='def e-sqlserver'><br />
SELECT name,<br />
SUBSTRING(name, 2, 5)<br />
FROM bbc<br />
</source><br />
<source lang='sql' class='def'><br />
SELECT name,<br />
SUBSTR(name, 2, 5)<br />
FROM bbc<br />
<br />
</source><br />
</div><br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/SUBSTRING
SUBSTRING
2013-03-24T09:29:42Z
<p>Andr3w: </p>
<hr />
<div><table align='right' border='1'><br />
<caption>Compatibility</caption><br />
<tr><th colspan='3'>SUBSTRING(s, i, j)</th></tr><br />
<tr><td align='center'>'''Engine'''</td><td align='center'>'''OK'''</td><td align='center'>'''Alternative'''</td></tr><br />
<tr><td align='left'>ingres</td><td>Yes</td><td>[[SUBSTRING(ansi) |SUBSTRING(s FROM i FOR j)]]</td></tr><br />
<tr><td align='left'>mysql</td><td>Yes</td><td>[[SUBSTRING(ansi) |SUBSTRING(s FROM i FOR j)]]</td></tr><br />
<tr><td align='left'>oracle</td><td>No</td><td>[[SUBSTR |SUBSTR(s,i,j)]]</td></tr><br />
<tr><td align='left'>postgres</td><td>Yes</td><td>[[SUBSTRING(ansi) |SUBSTRING(s FROM i FOR j)]]</td></tr><br />
<tr><td align='left'>sqlserver</td><td>Yes</td><td></td></tr><br />
</table><br />
<br />
<h1> SUBSTRING</h1><br />
<p>SUBSTRING allows you to extract part of a string. </p><br />
<p></p> <br />
<pre style='width:75ex'><br />
SUBSTRING('Hello world', 2, 3) -> 'ell' <br />
</pre><br />
<br />
<div class='ht'><br />
In this example you get the 2nd to 5th character from each country's name. <br />
<source lang='sql' class='def e-oracle'><br />
SELECT name,<br />
SUBSTR(name, 2, 5)<br />
FROM bbc<br />
</source><br />
<source lang='sql' class='def'><br />
SELECT name,<br />
SUBSTRING(name, 2, 5)<br />
FROM bbc<br />
</source><br />
</div><br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/SUBSTRING(ansi)
SUBSTRING(ansi)
2013-03-24T09:28:56Z
<p>Andr3w: </p>
<hr />
<div><table align='right' border='1'><br />
<caption>Compatibility</caption><br />
<tr><th colspan='3'>SUBSTRING(s FROM i FOR j)</th></tr><br />
<tr><td align='center'>'''Engine'''</td><td align='center'>'''OK'''</td><td align='center'>'''Alternative'''</td></tr><br />
<tr><td align='left'>ingres</td><td>Yes</td><td>[[SUBSTRING |SUBSTRING(s,i,j)]]</td></tr><br />
<tr><td align='left'>mysql</td><td>Yes</td><td></td></tr><br />
<tr><td align='left'>oracle</td><td>No</td><td>[[SUBSTR |SUBSTR(s,i,j)]]</td></tr><br />
<tr><td align='left'>postgres</td><td>Yes</td><td>[[SUBSTRING |SUBSTRING(s,i,j)]]</td></tr><br />
<tr><td align='left'>sqlserver</td><td>No</td><td>[[SUBSTRING |SUBSTRING(s,i,j)]]</td></tr><br />
</table><br />
<br />
<h1> SUBSTRING (ansi)</h1><br />
<p>SUBSTRING allows you to extract part of a string. </p><br />
<p></p> <br />
<pre style='width:75ex'><br />
SUBSTRING('Hello world' FROM 2 FOR 3) -> 'ell' <br />
</pre><br />
<br />
<div class='ht'><br />
In this example you get the 2nd to 5th character from each country's name. <br />
<source lang='sql' class='def e-oracle e-sqlserver'><br />
SELECT name,<br />
SUBSTRING(name, 2, 5)<br />
FROM bbc<br />
</source><br />
<source lang='sql' class='def e-oracle'><br />
SELECT name,<br />
SUBSTR(name, 2, 5)<br />
FROM bbc<br />
</source><br />
<source lang='sql' class='def'><br />
SELECT name,<br />
SUBSTRING(name FROM 2 FOR 5)<br />
FROM bbc<br />
</source><br />
</div><br />
<br />
<p>See also</p><br />
<ul><br />
<li>[[CASE |CASE function]]</li><br />
<li>[[NVL |NVL function]]</li><br />
</ul><br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-03-02T11:03:49Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
//Put in the answers if url includes answer=1<br />
if (window.location.search && /answer/.test(window.location.search)){<br />
$('<def/>',{text:"Cheat mode",css:{position:'fixed',right:'2ex',<br />
bottom:'2ex',width:'14ex',backgroundColor:'yellow',padding:'2ex',<br />
textAlign:'center'}})<br />
.appendTo($('body'));<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_.._GROUP_BY
SELECT .. GROUP BY
2013-03-01T01:12:37Z
<p>Andr3w: </p>
<hr />
<div><br />
<h1>SELECT .. GROUP BY</h1><br />
Host cities and continents for the Olympics Games are stored in the table <code>games</code>.<br />
Notice that Europe appears in the table twice: <br />
<table><br />
<caption align='center'>'''games'''</caption><br />
<tr><th align='center'>'''yr'''</th><th align='center'>'''city'''</th><th align='center'>'''continent'''</th></tr><br />
<tr><td>2000</td><td align='left'>Sydney</td><td align='left'>Australasia</td></tr><br />
<tr><td>2004</td><td align='left'>Athens</td><td align='left'>Europe</td></tr><br />
<tr><td>2008</td><td align='left'>Beijing</td><td align='left'>Asia</td></tr><br />
<tr><td>2012</td><td align='left'>London</td><td align='left'>Europe</td></tr><br />
</table><br />
<br />
<div class='ht'><br />
<div class='params'>schema:scott</div><br />
<source lang=sql class='tidy'> DROP TABLE games</source><br />
<source lang=sql class='setup'> CREATE TABLE games(<br />
yr INTEGER,<br />
city VARCHAR(20),<br />
continent VARCHAR(20));<br />
INSERT INTO games VALUES (2000,'Sydney','Australasia');<br />
INSERT INTO games VALUES (2004,'Athens','Europe');<br />
INSERT INTO games VALUES (2008,'Beijing','Asia');<br />
INSERT INTO games VALUES (2012,'London','Europe');<br />
</source><br />
In a GROUP BY statement only <i>distinct</i> values are shown for the column in the GROUP BY.<br />
This example shows the continents hosting the Olympics with the count of the number of games held. <br />
<source lang='sql' class='def e-oracle'><br />
SELECT continent, COUNT(yr) FROM scott.games<br />
GROUP BY continent<br />
</source><br />
<source lang='sql' class='def'><br />
SELECT continent, COUNT(yr) FROM games<br />
GROUP BY continent<br />
</source><br />
</div><br />
<br />
<p>See also</p><br />
<ul><br />
<li>[[SUM_and_COUNT |SUM and COUNT]]</li><br />
<li>[[SELECT_.._WHERE |SELECT WHERE]]</li><br />
</ul></div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_.._GROUP_BY
SELECT .. GROUP BY
2013-03-01T01:08:39Z
<p>Andr3w: </p>
<hr />
<div><br />
<h1>SELECT .. GROUP BY</h1><br />
Host cities and continents for the Olympics Games are stored in the table <code>games</code>.<br />
Notice that Europe appears in the table twice: <br />
<table><br />
<caption align='center'>'''games'''</caption><br />
<tr><th align='center'>'''yr'''</th><th align='center'>'''city'''</th><th align='center'>'''continent'''</th></tr><br />
<tr><td>2000</td><td align='left'>Sydney</td><td align='left'>Australasia</td></tr><br />
<tr><td>2004</td><td align='left'>Athens</td><td align='left'>Europe</td></tr><br />
<tr><td>2008</td><td align='left'>Beijing</td><td align='left'>Asia</td></tr><br />
<tr><td>2012</td><td align='left'>London</td><td align='left'>Europe</td></tr><br />
</table><br />
<br />
<div class='ht'><br />
<source lang=sql class='tidy'> DROP TABLE games</source><br />
<source lang=sql class='setup'> CREATE TABLE games(<br />
yr INTEGER,<br />
city VARCHAR(20),<br />
continent VARCHAR(20));<br />
INSERT INTO games VALUES (2000,'Sydney','Australasia');<br />
INSERT INTO games VALUES (2004,'Athens','Europe');<br />
INSERT INTO games VALUES (2008,'Beijing','Asia');<br />
INSERT INTO games VALUES (2012,'London','Europe');<br />
</source><br />
In a GROUP BY statement only <i>distinct</i> values are shown for the column in the GROUP BY.<br />
This example shows the continents hosting the Olympics with the count of the number of games held. <br />
<source lang='sql' class='def e-oracle'><br />
SELECT continent, COUNT(yr) FROM scott.games<br />
GROUP BY continent<br />
</source><br />
<source lang='sql' class='def'><br />
SELECT continent, COUNT(yr) FROM games<br />
GROUP BY continent<br />
</source><br />
</div><br />
<br />
<p>See also</p><br />
<ul><br />
<li>[[SUM_and_COUNT |SUM and COUNT]]</li><br />
<li>[[SELECT_.._WHERE |SELECT WHERE]]</li><br />
</ul></div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_.._WHERE
SELECT .. WHERE
2013-03-01T01:06:02Z
<p>Andr3w: </p>
<hr />
<div><br />
<h1>SELECT .. WHERE</h1><br />
<p>The table <code>games</code> shows the year and the city hosting the Olympic Games.</p><br />
<table><br />
<caption align='center'>games</caption><br />
<tr><th align='center'>'''yr'''</th><th align='center'>'''city'''</th></tr><br />
<tr><td>2000</td><td align='left'>Sydney</td></tr><br />
<tr><td>2004</td><td align='left'>Athens</td></tr><br />
<tr><td>2008</td><td align='left'>Beijing</td></tr><br />
<tr><td>2012</td><td align='left'>London</td></tr><br />
</table><br />
<div class='ht'><br />
<source lang=sql class='tidy'> DROP TABLE games</source><br />
<source lang=sql class='setup'> CREATE TABLE games(<br />
yr INTEGER PRIMARY KEY,<br />
city VARCHAR(20));<br />
INSERT INTO games VALUES (2000,'Sydney');<br />
INSERT INTO games VALUES (2004,'Athens');<br />
INSERT INTO games VALUES (2008,'Beijing');<br />
INSERT INTO games VALUES (2012,'London');<br />
</source><br />
The SELECT statement returns results from a <i>table</i>. <br />
With a WHERE clause only some rows are returned. <br />
This example shows the year that Athens hosted the Olympic games.<br />
<source lang='sql' class='def e-oracle'><br />
SELECT yr, city <br />
FROM scott.games<br />
WHERE yr = 2004<br />
</source> <br />
<source lang='sql' class='def'><br />
SELECT yr, city <br />
FROM games<br />
WHERE yr = 2004<br />
</source><br />
</div><br />
<br />
<p>See also</p><br />
<ul><br />
<li>[[SELECT_from_BBC_Tutorial |SELECT TUTORIAL]]</li><br />
<li>[[SELECT |SELECT]]</li><br />
</ul></div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-02-28T20:53:00Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
//Put in the answers if url includes answer=1<br />
if (window.location.search.contains('answer')){<br />
$('<def/>',{text:"Cheat mode",css:{position:'fixed',right:'2ex',<br />
bottom:'2ex',width:'14ex',backgroundColor:'yellow',padding:'2ex',<br />
textAlign:'center'}})<br />
.appendTo($('body'));<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-02-28T20:49:32Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
//Put in the answers if url includes answer=1<br />
if (window.location.search.contains('answer')){<br />
$('<def/>',{text:"Cheat mode",css:{position:'fixed',left:'2ex',<br />
top:'2ex',width:'14ex',backgroundColor:'yellow',padding:'2ex'}})<br />
.appendTo($('body'));<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-02-28T20:48:04Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
//Put in the answers if url includes answer=1<br />
if (window.location.search.contains('answer')){<br />
$('<def/>',{text:"Cheat mode",css:{position:'fixed',right:'2ex',<br />
top:'2ex',width:'12ex',backgroundColor:'yellow'}})<br />
.appendTo($('body'));<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-02-28T20:47:03Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
//Put in the answers if url includes answer=1<br />
if (window.location.search.contains('answer')){<br />
$('<def/>',{text:"Cheat mode",css:{position:'fixed',right:'2ex',<br />
top:'2ex',width:'12ex',backgroundColor:'yellow'}})<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-02-28T20:43:06Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
//Put in the answers if url includes answer=1<br />
if (window.location.search.contains('answer')){<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/Main_Page
Main Page
2013-02-28T20:32:06Z
<p>Andr3w: </p>
<hr />
<div><p class=slogan><span>Learn about:</span> SQL Server, Oracle, MySQL, DB2, <span>and</span> PostgreSQL.</p><br />
<br />
<div class=tutblock><br />
==Tutorial Section==<br />
; [[SELECT basics|1 SELECT basics]]:Some simple queries to get you started<br />
; [[SELECT from WORLD Tutorial|2 SELECT from World]]:In which we query the World country profile table.<br />
; [[SELECT from Nobel Tutorial|3 SELECT from Nobel]]:Additional practice of the basic features using a table of Nobel Prize winners.<br />
; [[SELECT within SELECT Tutorial|4 SELECT within SELECT]]: In which we form queries using other queries.<br />
; [[SUM and COUNT|5 SUM and COUNT]]: In which we apply aggregate functions. [[The_nobel_table_can_be_used_to_practice_more_SUM_and_COUNT_functions.|more the same]]<br />
; [[The JOIN operation|6 JOIN]]: In which we join two tables; game and goals. [[Music_Tutorial |previously music tutorial]]<br />
; [[More JOIN operations|7 More JOIN operations]]: In which we join actors to movies in the Movie Database.<br />
; [[Using Null|8 Using Null]]: In which we look at teachers in departments. [[Scottish_Parliament |previously Scottish Parliament]]<br />
; [[NSS Tutorial|8+ Numeric Examples]]: In which we look at a survey and deal with some more complex calculations.<br />
; [[Self join|9 Self join]]: In which we join Edinburgh bus routes to Edinburgh bus routes.<br />
; [[Tutorial_Quizzes|10 Tutorial Quizzes]]: Test your knowledge with multiple choice quizzes<br />
</div><br />
<div class='refblock'><br />
<br />
==Reference Section: how to...==<br />
;1 [[SELECT Reference|SELECT]]<br />
: How to read the data from a database. <br />
;2 [[CREATE and DROP Reference|CREATE and DROP]]<br />
: How to create tables, indexes, views and other things. How to get rid of them.<br />
;3 [[INSERT and DELETE Reference|INSERT and DELETE]]<br />
: How to put records into a table, change them and how to take them out again.<br />
;4 [[DATE and TIME Reference|DATE and TIME]]<br />
: How to work with dates; adding, subtracting and formatting.<br />
;5 [[Functions Reference|Functions]]<br />
: How to use string functions, logical functions and mathematical functions.<br />
;6 [[Users Reference|Users]]<br />
: How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.<br />
;7 [[Meta Data Reference|Meta Data]]<br />
: How to find out what tables and columns exist. How to count and limit the rows return.<br />
;8 [[Hacks Reference|SQL Hacks]]<br />
: <br />
</div><br />
<div class='resblock' style='clear:left'><br />
<div style='clear:left'></div><br />
==SQL Resources==<br />
*[http://sqlzoo.net/wiki/SELECT_basics?answer=1 Select Basics - Answers]<br />
*[http://sqlzoo.net/wiki/SELECT_from_WORLD_Tutorial?answer=1 Select from World - Answers]<br />
*See if you can spot the pattern<br />
;SQL User Manuals: [http://developer.mimer.com/documentation/html_92/Mimer_SQL_Engine_DocSet/Mimer_SQL_Engine.htm Mimer][http://dev.mysql.com/doc/refman/5.1/en/select.html MySQL] [http://docs.oracle.com/cd/B28359_01/server.111/b28286/toc.htm Oracle] [http://msdn.microsoft.com/en-us/library/ms189826%28v=sql.90%29.aspx SQL Server] [http://office.microsoft.com/en-us/assistance/CH062526881033.aspx Access] [http://pic.dhe.ibm.com/infocenter/db2luw/v9r7/index.jsp DB2] [http://sybooks.sybase.com/sybooks/sybooks.xhtml Sybase] [http://www.postgresql.org/docs/current/static/index.html Postgres] [http://www.sqlite.org/lang.html SQLite]<br />
:Online copies of implementation specific user manuals.<br />
;Starting SQL: [ [[Starting MySQL|MySQL]] | [[Starting Oracle|Oracle]] | [[Starting SQL Server|SQL Server]] | [[Starting DB2|DB2]] | [[Starting Postgres|Postgres]] | [[Starting Ingres|Ingres]] ]<br />
: How to connect to the server and execute SQL statements.<br />
;Programming with SQL: [ [[SQL in perl on the Web]] | [[SQL from Java]] ]<br />
;Error Messages<br />
: [[SQL Error Messages|Some error messages from SQL engines]]<br />
;Temporary Assessment section, before the main menu is finished.<br />
:[[Assessment Temp]]<br />
</div><br />
<div style= " background:#FFC694;<br />
border: 1px solid #EE8301;<br />
-moz-border-radius:2em;<br />
-webkit-border-radius:2em;<br />
border-radius:2em;<br />
padding: 0.5em 2em;<br />
display: block;<br />
margin: 2em 1em 1em -.5em;<br />
clear:both;<br />
width:52em;"><br />
<p>'''What do you think of the new layout of SQLZoo?'''<br />
Please share your opinion with us: [mailto:sqlzoo.qa@gmail.com sqlzoo.qa@gmail.com]<br /><br />
The original site is still available at http://old.sqlzoo.net</p><br />
</div><br />
<div style="margin-left:1em"><br />
[[To do list]]<br />
</div><br />
<!--<br />
{{Languages}}<br />
--></div>
Andr3w
http://www.sqlzoo.net/wiki/Main_Page
Main Page
2013-02-28T20:29:49Z
<p>Andr3w: /* SQL Resources */</p>
<hr />
<div><p class=slogan><span>Learn about:</span> SQL Server, Oracle, MySQL, DB2, <span>and</span> PostgreSQL.</p><br />
<br />
<div class=tutblock><br />
==Tutorial Section==<br />
; [[SELECT basics|1 SELECT basics]]:Some simple queries to get you started<br />
; [[SELECT from WORLD Tutorial|2 SELECT from World]]:In which we query the World country profile table.<br />
; [[SELECT from Nobel Tutorial|3 SELECT from Nobel]]:Additional practice of the basic features using a table of Nobel Prize winners.<br />
; [[SELECT within SELECT Tutorial|4 SELECT within SELECT]]: In which we form queries using other queries.<br />
; [[SUM and COUNT|5 SUM and COUNT]]: In which we apply aggregate functions. [[The_nobel_table_can_be_used_to_practice_more_SUM_and_COUNT_functions.|more the same]]<br />
; [[The JOIN operation|6 JOIN]]: In which we join two tables; game and goals. [[Music_Tutorial |previously music tutorial]]<br />
; [[More JOIN operations|7 More JOIN operations]]: In which we join actors to movies in the Movie Database.<br />
; [[Using Null|8 Using Null]]: In which we look at teachers in departments. [[Scottish_Parliament |previously Scottish Parliament]]<br />
; [[NSS Tutorial|8+ Numeric Examples]]: In which we look at a survey and deal with some more complex calculations.<br />
; [[Self join|9 Self join]]: In which we join Edinburgh bus routes to Edinburgh bus routes.<br />
; [[Tutorial_Quizzes|10 Tutorial Quizzes]]: Test your knowledge with multiple choice quizzes<br />
</div><br />
<div class='refblock'><br />
<br />
==Reference Section: how to...==<br />
;1 [[SELECT Reference|SELECT]]<br />
: How to read the data from a database. <br />
;2 [[CREATE and DROP Reference|CREATE and DROP]]<br />
: How to create tables, indexes, views and other things. How to get rid of them.<br />
;3 [[INSERT and DELETE Reference|INSERT and DELETE]]<br />
: How to put records into a table, change them and how to take them out again.<br />
;4 [[DATE and TIME Reference|DATE and TIME]]<br />
: How to work with dates; adding, subtracting and formatting.<br />
;5 [[Functions Reference|Functions]]<br />
: How to use string functions, logical functions and mathematical functions.<br />
;6 [[Users Reference|Users]]<br />
: How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.<br />
;7 [[Meta Data Reference|Meta Data]]<br />
: How to find out what tables and columns exist. How to count and limit the rows return.<br />
;8 [[Hacks Reference|SQL Hacks]]<br />
: <br />
</div><br />
<div class='resblock'><br />
<div style='clear:left'></div><br />
==Answers==<br />
*[http://sqlzoo.net/wiki/SELECT_basics?answer=1 Select Basics]<br />
*[http://sqlzoo.net/wiki/SELECT_from_WORLD_Tutorial?answer=1 Select from World]<br />
*See if you can spot the pattern<br />
==SQL Resources==<br />
;SQL User Manuals: [http://developer.mimer.com/documentation/html_92/Mimer_SQL_Engine_DocSet/Mimer_SQL_Engine.htm Mimer][http://dev.mysql.com/doc/refman/5.1/en/select.html MySQL] [http://docs.oracle.com/cd/B28359_01/server.111/b28286/toc.htm Oracle] [http://msdn.microsoft.com/en-us/library/ms189826%28v=sql.90%29.aspx SQL Server] [http://office.microsoft.com/en-us/assistance/CH062526881033.aspx Access] [http://pic.dhe.ibm.com/infocenter/db2luw/v9r7/index.jsp DB2] [http://sybooks.sybase.com/sybooks/sybooks.xhtml Sybase] [http://www.postgresql.org/docs/current/static/index.html Postgres] [http://www.sqlite.org/lang.html SQLite]<br />
:Online copies of implementation specific user manuals.<br />
;Starting SQL: [ [[Starting MySQL|MySQL]] | [[Starting Oracle|Oracle]] | [[Starting SQL Server|SQL Server]] | [[Starting DB2|DB2]] | [[Starting Postgres|Postgres]] | [[Starting Ingres|Ingres]] ]<br />
: How to connect to the server and execute SQL statements.<br />
;Programming with SQL: [ [[SQL in perl on the Web]] | [[SQL from Java]] ]<br />
;Error Messages<br />
: [[SQL Error Messages|Some error messages from SQL engines]]<br />
;Temporary Assessment section, before the main menu is finished.<br />
:[[Assessment Temp]]<br />
</div><br />
<div style= " background:#FFC694;<br />
border: 1px solid #EE8301;<br />
-moz-border-radius:2em;<br />
-webkit-border-radius:2em;<br />
border-radius:2em;<br />
padding: 0.5em 2em;<br />
display: block;<br />
margin: 2em 1em 1em -.5em;<br />
clear:both;<br />
width:52em;"><br />
<p>'''What do you think of the new layout of SQLZoo?'''<br />
Please share your opinion with us: [mailto:sqlzoo.qa@gmail.com sqlzoo.qa@gmail.com]<br /><br />
The original site is still available at http://old.sqlzoo.net</p><br />
</div><br />
<div style="margin-left:1em"><br />
[[To do list]]<br />
</div><br />
<!--<br />
{{Languages}}<br />
--></div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T20:25:59Z
<p>Andr3w: Blanked the page</p>
<hr />
<div></div>
Andr3w
http://www.sqlzoo.net/wiki/MediaWiki:Common.js
MediaWiki:Common.js
2013-02-28T20:25:17Z
<p>Andr3w: </p>
<hr />
<div>/* Any JavaScript here will be loaded for all users on every page load. */<br />
$(function(){<br />
var engine = $('<div class="portal"/>')<br />
.append($('<h5>Engine</h5>'))<br />
.append($('<div class=body/>')<br />
.append($('<ul/>')<br />
.append($('<li/>')<br />
.append($('<select id=engine/>')<br />
.append('<option value=mysql>MySQL</option>')<br />
.append('<option value=oracle>Oracle</option>')<br />
.append('<option value=sqlserver>SQL Server</option>')<br />
.append('<option value=postgres>PostgreSQL</option>')<br />
.append('<option id=ingres>Ingres</option>')<br />
.append('<option id=db2>DB2</option>')<br />
.change(function(){/*alert(42);*/ setDefaultText();})<br />
)<br />
)<br />
)<br />
)<br />
<br />
$('#right-navigation').after($('<ul/>',{'id':'zoolinks'})<br />
.append($('<li/>').append($('<a/>',{href:'http://csszoo.net',text:'CSS',id:'css_link', title:'Learn CSS! visit CSSzoo'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://progzoo.net',text:'Java',id:'java_link', title:'Hungry for Java tutorials? ProgZoo is for you'})))<br />
.append($('<li/>').append($('<a/>',{href:'http://linuxzoo.net',text:'Linux',id:'linux_link', title:'Linux Zoo tutoials!'})))<br />
.append($('<li/>',{'id':'book'}).append($('<a/>',{href:'http://www.oreilly.com/catalog/sqlhks/',id:'sql_hacks',title:'Try/buy SQL Hacks book'})))<br />
);<br />
<br />
$('#p-Reference').before(engine);<br />
<br />
//Adverts<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sqlhacks.png',alt:'SQL Hacks book ad'})<br />
.appendTo($('#sql_hacks'));<br />
$('#p-googleadsense').prependTo('#footer');<br />
<br />
//Put in the answers<br />
if (window.location.search.contains('answer')){<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
<br />
if (wgCanonicalNamespace=='MediaWiki' || wgCanonicalNamespace=='Special')<br />
$('#p-googleadsense').hide();<br />
<br />
// Reset localStorage<br />
var rst = $('.lsclear');<br />
rst.click(function(e){<br />
if (localStorage) <br />
localStorage.clear();<br />
location.reload();<br />
});<br />
<br />
var numberOfQuestions = 0;<br />
var numberOfAnswered = 0;<br />
var numberOfCorrect = 0;<br />
var startAt = Math.max(1,$('#startAt').text()*1);<br />
var qu = $('.qu,.ht,.err');<br />
var curEng;<br />
if (localStorage && localStorage.getItem("currentEngine"))<br />
{<br />
curEng = localStorage.getItem("currentEngine");<br />
$('#engine').val(curEng);<br />
}<br />
else<br />
curEng = $('#engine').val();<br />
<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
//Hints<br />
var hint = $('.hint', q);<br />
hint.hide();<br />
hint.each(function(){<br />
var htitle = $(this).attr("title");<br />
var hnt = $('<div/>', {'class':'hnt', 'text':htitle});<br />
var hidden = $(this);<br />
hnt.click(function(e){<br />
e.preventDefault();<br />
hidden.toggle("slow");});<br />
$(this).before(hnt);<br />
});<br />
<br />
<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
<br />
var ans = $('.ans',q).text();<br />
var tdy = $('.tidy',q).text();<br />
var frm = $('<form/>',{name:'frm__'+id,id:'frm__'+id})<br />
.append($('<div/>',{'class':'quf'})<br />
.append($('<textarea></textarea>',<br />
{value:$.trim(txt),<br />
rows:2+Math.max(Math.max(4 ,txt.split(/[\n\r]+/).length),ans.split(/[\n\r]+/).length),<br />
cols:2+Math.max(Math.max(45,maxlen(txt.split(/[\n\r]+/))),maxlen(ans.split(/[\n\r]+/))),<br />
'class':'sql',<br />
id:'txtar_'+id}))<br />
.append($('<br/>'))<br />
.append($('<button/>',{text:'Submit SQL','class':'submitSQL',click:goBaby}))<br />
.append($('<div/>',{text:'Restore default','class':'reset',click:restoreDefault}))<br />
);<br />
<br />
def.after(frm);<br />
<br />
<br />
// Display completion information<br />
if (localStorage)<br />
{<br />
if (!localStorage.getItem(lsName))<br />
localStorage.setItem(lsName, "unanswered");<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>incorrectly</u> before.");<br />
numberOfAnswered++;<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
else if (localStorage.getItem(lsName) == "correct")<br />
{<br />
//$(".completion", q).html("You have answered this question <u>correctly</u> before.");<br />
numberOfCorrect++;<br />
numberOfAnswered++;<br />
<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
}<br />
else<br />
{<br />
//$(".completion", q).html("You have not answered this question yet.");<br />
}<br />
}<br />
<br />
var lhs = $('<div/>',{css:{width:'60ex',marginRight:'2ex','float':'left'}});<br />
lhs.append($('<span/>',{text:(startAt+i)+'.','class':'id'}));<br />
lhs.append($(q).children());<br />
$(q).append(lhs);<br />
// This line caused problems when styling - I removed the css margin-left from it - M<br />
//$(q).append($('<div/>',{text:'result','class':'res',css:{'margin-left':'1ex'}}));<br />
$(q).append($('<div/>',{text:'result','class':'res'}));<br />
<br />
//Show additional info if available for active angine<br />
var ecomm = $('.ecomm,.link',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
numberOfQuestions = id;<br />
}<br />
if (numberOfQuestions == 0)<br />
numberOfQuestions = 1;<br />
<br />
// Display completion info<br />
$(".summary").html("You have answered "+numberOfAnswered+" out of "+numberOfQuestions+" questions on this page.<br/>"+numberOfCorrect+" of your answers were correct.");<br />
// Save completion info<br />
if (localStorage)<br />
{<br />
localStorage.setItem(wgPageName+'_numberOfQuestions', numberOfQuestions);<br />
localStorage.setItem(wgPageName+'_numberOfCorrect', numberOfCorrect);<br />
}<br />
<br />
//Progress bar<br />
var maxWidth = $('.progressbar').css('width');<br />
var barModification = parseFloat(maxWidth) * numberOfCorrect / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
<br />
})<br />
<br />
function setDefaultText() {<br />
var qu = $('.ht,.err');<br />
var curEng = $('#engine').val();<br />
if (localStorage)<br />
localStorage.setItem("currentEngine", curEng);<br />
for(var i=0;i<qu.length;i++){<br />
var id = i+1;<br />
var q = qu[i];<br />
<br />
var def = $('.def',q);<br />
if (def.length>1){<br />
var pick = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
for(var j=0;j<def.length;j++)<br />
if ($(def[j]).hasClass('e-'+curEng))<br />
pick = $(def[j]);<br />
def = pick;<br />
}<br />
<br />
var lsName = wgPageName + '_' + 'frm__' + id;<br />
var txt = def.text();<br />
// replace the default text with user's last query if available in LS<br />
if (localStorage.getItem(lsName+"_arr_"+curEng))<br />
{<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
txt = lsArray[lsArray.length-1];<br />
}<br />
$('textarea#txtar_'+id).val(txt);<br />
<br />
//Show additional info if available for chosen engine<br />
var ecomm = $('.ecomm',q);<br />
var ecomm1 = ecomm.filter(false);<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
//Show headers for chosen engine<br />
var ecomm = $('.link',q);<br />
var ecomm1 = def.filter(function(){<br />
var clss = $(this).attr('class').split(' ');<br />
for(var k=0;k<clss.length;k++)<br />
if (clss[k].match("^e-")) return false;<br />
return true<br />
});<br />
if (ecomm.length>0){<br />
var curEng = $('#engine').val();<br />
for(var j=0;j<ecomm.length;j++)<br />
if ($(ecomm[j]).hasClass('e-'+curEng))<br />
ecomm1 = $(ecomm[j]);<br />
}<br />
for (var j = 0; j < ecomm.length; j++)<br />
{<br />
if ($(ecomm[j]).get(0) == ecomm1.get(0))<br />
{<br />
$(ecomm[j]).show();<br />
}<br />
else<br />
{<br />
$(ecomm[j]).hide();<br />
}<br />
}<br />
<br />
}<br />
}<br />
<br />
function restoreDefault() {<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var def = $('.def',qu);<br />
var txt = def.text();<br />
qu.find('textarea.sql').val(txt);<br />
} <br />
<br />
function updateProgressbar() {<br />
var numberOfQuestions = parseInt(localStorage.getItem(wgPageName+'_numberOfQuestions'));<br />
// A little workaround - max progressbar width is 96% of its background's width<br />
var maxWidth = parseFloat($('.progressbarbg').css('width')) * 0.96;<br />
var barModification = parseFloat($('.progressbar').css('width')) + maxWidth * 1 / numberOfQuestions;<br />
$('.progressbar').css('width', barModification);<br />
}<br />
<br />
function goBaby(){<br />
var qu = $(this).parents('.qu, .ht, .err');<br />
var lsUse = ((qu[0].getAttribute('class') != 'ht') && ($(qu[0]).find('.ans').length > 0));<br />
var lsName = wgPageName + '_' + $(this).parents('form').attr('id');<br />
if (lsUse && localStorage && (localStorage.getItem(lsName) != "correct"))<br />
localStorage.setItem(lsName, "answered");<br />
var sql = qu.find('textarea.sql').val();<br />
var parlst = $('.params').text().split(';');<br />
var params = {};<br />
for(var i=0;i<parlst.length;i++){<br />
var pair = parlst[i].split(':');<br />
params[pair[0]]=pair[1];<br />
}<br />
//Store the sql querry in LS<br />
if (localStorage)<br />
{<br />
var curEng = $('#engine').val();<br />
var lsArray = JSON.parse(localStorage.getItem(lsName+"_arr_"+curEng));<br />
if (!lsArray)<br />
lsArray = new Array();<br />
lsArray.push(sql);<br />
localStorage.setItem(lsName+"_arr_"+curEng, JSON.stringify(lsArray));<br />
}<br />
qu.find('.res').addClass('waiting');<br />
$.ajax({url:'/sqlgo.pl',cache:false,'type':'post',dataType:'json',<br />
data:{sql:sql.replace(/\xA0/g,' '), //Mediawiki inserts &nbsp; before a %. We need to change it back to a space.CM 13/6/12<br />
format:'json',<br />
question:$('.id',qu).text(),<br />
wgUserName:wgUserName,<br />
cookie:$.cookie('oliver'),<br />
page:wgPageName,<br />
server:$('#engine').val(),<br />
setup:$('.setup',qu).text().replace(/\xA0/g,' '),<br />
tidy:$('.tidy',qu).text().replace(/\xA0/g,' '),<br />
answer:$('.ans',qu).text().replace(/\xA0/g,' '),<br />
schema:params['schema']<br />
},<br />
success:function(d){<br />
var res = qu.find('.res');<br />
res.empty().removeClass('waiting')<br />
if (d.error){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:d.error}))<br />
return;<br />
}<br />
var headerPresent = false;<br />
for (var i = 0; i < d.sql.length; i++)<br />
{<br />
if (!d || !d.sql || !d.sql[i]){<br />
res.append($('<h1/>',{text:'SQLZoo System Error:'}))<br />
res.append($('<div/>',{text:"Problem with d or d.sql or d.sql[0]"}))<br />
return;<br />
}<br />
if (d.sql[i].error){<br />
res.append($('<h1/>',{text:'Error:'}))<br />
res.append($('<div/>',{text:d.sql[i].error}))<br />
return;<br />
}<br />
var legend = "Result:";<br />
if (d.score && d.answer && d.answer.length==1 && d.answer[0].fields){<br />
if (d.score == 100){<br />
legend = 'Correct answer';<br />
if (lsUse && localStorage)<br />
localStorage.setItem(lsName, "correct");<br />
var def = $('.def',qu);<br />
if (localStorage.getItem(lsName) == "correct")<br />
{<br />
if ($(".qcorrect", qu).length == 0)<br />
{<br />
var qcorr = $('<div/>', {'class':'qcorrect', 'title':'You have answered this question correctly before.'});<br />
def.before(qcorr);<br />
updateProgressbar();<br />
}<br />
}<br />
}<br />
else if (d.answer[0].fields.length>d.sql[0].fields.length)<br />
legend = 'Too few columns';<br />
else if (d.answer[0].fields.length<d.sql[0].fields.length)<br />
legend = 'Too many columns';<br />
else if (d.answer[0].rows.length>d.sql[0].rows.length)<br />
legend = 'Too few rows';<br />
else if (d.answer[0].rows.length<d.sql[0].rows.length)<br />
legend = 'Too many rows';<br />
<br />
}<br />
if (!headerPresent)<br />
{<br />
res.append($('<h1/>',{text:legend}));<br />
headerPresent = true;<br />
}<br />
var t = mkTable(d.sql[i]);<br />
t.addClass('sqlmine')<br />
.appendTo(res);<br />
if (d.answer && d.answer.length>0 && d.score<100){<br />
res.append($('<div/>',{text:'Show correct result','class':'showtxt'})<br />
.click(function(){<br />
$(this).next().show('slow');<br />
})<br />
);<br />
var a = mkTable(d.answer[0]);<br />
a.addClass('sqlans');<br />
a.appendTo(res);<br />
}<br />
}<br />
},<br />
error:function(jqXHR,textStatus,errorThrown){<br />
qu.find('.res').empty().removeClass('waiting')<br />
.append($('<h1/>',{'class':'syserr',text:'SQLZOO system error:'}))<br />
.append($('<div/>',{text:textStatus}))<br />
.append($('<div/>',{text:errorThrown}))<br />
.append($('<div/>').html(jqXHR.responseText))<br />
}<br />
});<br />
<br />
// Modify completion information<br />
var def = $('.def',qu);<br />
if (localStorage)<br />
{<br />
if (localStorage.getItem(lsName) == "answered")<br />
{<br />
var qcorr = $('<div/>', {'class':'qincorrect', 'title':'You have answered this question incorrectly before.'});<br />
def.before(qcorr);<br />
}<br />
}<br />
return false;<br />
}<br />
function maxlen(l){<br />
var r = 0;<br />
for(var i=0;i<l.length;i++)<br />
r = Math.max(r,l[i].length);<br />
return r;<br />
}<br />
function truncate(s){<br />
if (s.length<15) return s;<br />
return s.substring(0,13)+"..";<br />
}<br />
function mkTable(a){<br />
var t = $('<table/>');<br />
t.append($('<tr/>'));<br />
var isnum = [];<br />
if (!a.fields || !a.rows) return t;<br />
for(var i=0;i<a.fields.length;i++){<br />
$('tr',t).append($('<th/>',{text:truncate(a.fields[i])}));<br />
var allNum = 1;<br />
for(var j=0;j<a.rows.length;j++){<br />
if (a.rows[j] && a.rows[j][i] && !a.rows[j][i].match(/^[0-9.]*$/))<br />
allNum = 0;<br />
}<br />
isnum.push(allNum);<br />
}<br />
for(var j=0;j<a.rows.length;j++){<br />
var tr = $('<tr/>').appendTo(t);<br />
for(var k=0;k<a.rows[j].length;k++){<br />
var td = $('<td/>',{text:a.rows[j][k]});<br />
if (isnum[k]) td.addClass('r');<br />
td.appendTo(tr);<br />
}<br />
}<br />
return t;<br />
}<br />
<br />
/* ======================= Designer js starts here */<br />
<br />
// the following scripts should not be present here - they should be linked as external files !!!<br />
<br />
// this script helps to manage browser inconsistency across different os<br />
function css_browser_selector(u){var ua=u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1},g='gecko',w='webkit',s='safari',o='opera',m='mobile',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3.6')?g+' ff3 ff3_6':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('blackberry')?m+' blackberry':is('android')?m+' android':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?m+' j2me':is('iphone')?m+' iphone':is('ipod')?m+' ipod':is('ipad')?m+' ipad':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win'+(is('windows nt 6.0')?' vista':''):is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent);<br />
<br />
<br />
// display site logo<br />
$(function(){<br />
$('<a/>',{href:'http://sqlzoo.net/w/index.php',id:'mp-logo',title:'Zoo You!'})<br />
.append($('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/sql_zoo_logo05.png',alt:'SQLzoo logo'}))<br />
.appendTo($('#mw-head-base'))<br />
});<br />
<br />
// display site description<br />
$(document).ready(function(){<br />
$(function(){<br />
$("#mp-logo").append(" <h1 id='logo-desc'>Interactive <span>SQL <span>Tutorial</span></span></h1>");<br />
});<br />
});<br />
<br />
// display language selector<br />
$(function(){<br />
$('<div/>',{id:'language'}).appendTo($('#mw-head-base'))<br />
<br />
var lang = $('<ul/>',{id:'lang','class':'side_nav_sub'});<br />
lang.append('<li><a id="en" href="/wiki/Main_Page"></li>');<br />
lang.append('<li><a id="de" href="/wiki/Main_Page/de"></a></li>');<br />
lang.append('<li><a id="fr" href="/wiki/Main_Page/fr"></a></li>');<br />
<br />
$('#language').append(lang);<br />
<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/en2.png',alt:'SQL zoo in English'})<br />
.appendTo($('#en'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/de2.png',alt:'SQL zoo in German'})<br />
.appendTo($('#de'));<br />
$('<img/>',{src:'http://socweb8.napier.ac.uk/~09011004/zoo_tutorials/design/fr2.png',alt:'SQL zoo in French'})<br />
.appendTo($('#fr'));<br />
});<br />
<br />
// assemble and display main nav menu<br />
$(function(){<br />
var ml1 =<br />
[['1 SELECT basics', 'SELECT_basics','Some simple queries to get you started']<br />
,['2 SELECT from WORLD','SELECT_from_WORLD_Tutorial','Finding facts about countries']<br />
,['3 SELECT from Nobel','SELECT_from_Nobel_Tutorial','More practice with SELECT statements']<br />
,['4 SELECT within SELECT','SELECT_within_SELECT_Tutorial','Using the results of one query inside another']<br />
,['5 SUM and COUNT','SUM_and_COUNT','Apply aggregate functions']<br />
,['6 JOIN','The_JOIN_operation','Gathering data from more than one table']<br />
,['7 More JOIN','More_JOIN_operations','Getting data from the movie database']<br />
,['8 Using NULL','Using_Null','Dealing with missing data']<br />
,['9 Self JOIN','Self_join','Dealing with missing data']<br />
,['10 SQL Quizzes','Tutorial_Quizzes','Test your knowledge with multiple choice quizzes']<br />
];<br />
var mm1 = $('<ul/>',{id:'mm1','class':'dropdown mm_sub'});<br />
for(var i=0;i<ml1.length;i++){<br />
var maxWidth = 50; // adjust the value so that it fits menu well<br />
var NoQ = localStorage.getItem(ml1[i][1] + '_numberOfQuestions');<br />
if (!NoQ) NoQ = 1;<br />
var NoC = localStorage.getItem(ml1[i][1] + '_numberOfCorrect');<br />
if (!NoC) NoC = 0; <br />
var pbWidth = parseFloat(maxWidth) * NoC / NoQ;<br />
var mprogbar = $('<div/>',{'class':'progressbarbg1'}).append($('<div/>',{'class':'progressbar1', 'id':ml1[i][1], css:{'width':pbWidth}}));<br />
mm1.append($('<li/>').append($('<a/>',{href:'/wiki/'+ml1[i][1],text:ml1[i][0]})).append(ml1[i][2]).append(mprogbar));<br />
}<br />
var mm2 = $('<ul/>',{id:'mm2','class':'dropdown mm_sub'});<br />
mm2.append('<li><a href="/wiki/AdventureWorks">1 AdventureWorks</a> Flogging sports gear. Assessment for CO22008 2007/8</li>');<br />
mm2.append('<li><a href="/wiki/Neeps">2 Neeps</a> A timetable database</li>');<br />
mm2.append('<li><a href="/wiki/Musicians">3 Musicians</a> Concerts and compositions</li>');<br />
mm2.append('<li><a href="/wiki/Southwind">4 Southwind</a> Buying and selling</li>');<br />
mm2.append('<li><a href="/wiki/Dressmaker">5 Dressmaker</a> Constructing clothing</li>');<br />
mm2.append('<li><a href="/wiki/Congestion Charging">6 Congestion Charging</a> Monitoring traffic (old questions)</li>');<br />
mm2.append('<li><a href="/wiki/Weather data for Southhampton">7 Weather data for Southhampton</a></li>');<br />
mm2.append('<li><a href="/wiki/Album Tracks Style">8 Album Tracks Style</a> Music data</li>');<br />
<br />
var mm3 = $('<ul/>',{id:'mm3','class':'dropdown mm_sub'});<br />
mm3.append('<li><a href="/wiki/SELECT_Reference">SELECT</a>How to read the data from a database.</li>');<br />
mm3.append('<li><a href="/wiki/CREATE_and_DROP_Reference">CREATE and DROP</a>How to create tables, indexes, views and other things. How to get rid of them.</li>');<br />
mm3.append('<li><a href="/wiki/INSERT_and_DELETE_Reference">INSERT and DELETE</a>How to put records into a table, change them and how to take them out again.</li>');<br />
mm3.append('<li><a href="/wiki/DATE_and_TIME_Reference">DATE and TIME</a>How to work with dates; adding, subtracting and formatting.</li>');<br />
mm3.append('<li><a href="/wiki/Functions_Reference">Functions</a>How to use string functions, logical functions and mathematical functions.</li>');<br />
mm3.append('<li><a href="/wiki/Users_Reference">Users</a>How to create users, GRANT and DENY access, get at other peoples tables. How to find processes and kill them.</li>');<br />
mm3.append('<li><a href="/wiki/Meta_Data_Reference">Meta Data</a>How to find out what tables and columns exist. How to count and limit the rows return.</li>');<br />
mm3.append('<li><a href="/wiki/Hacks_Reference">SQL Hacks</a>Useful SQL hacks .</li>');<br />
<br />
var mm = $('<ul/>',{id:'main_menu'}).appendTo('#mw-head-base');<br />
mm.append('<li id="mm1"><a href="/" class="navlink">Tutorials</a></li>');<br />
mm.append('<li id="mm2"><a href="/" class="navlink">Assessments</a></li>');<br />
mm.append('<li id="mm3"><a href="/" class="navlink">Reference</a></li>');<br />
<br />
$('#mm1').append(mm1);<br />
$('#mm2').append(mm2);<br />
$('#mm3').append(mm3);<br />
<br />
$('#main_menu').wrap('<div id="navigation_horiz" />');<br />
$('#navigation_horiz').naviDropDown({<br />
dropDownWidth: '35em'<br />
});<br />
});<br />
<br />
// stick on top elements that need to be visible<br />
$(function(){<br />
$("#main_menu").addClass("stickableMenu");<br />
$("#p-Reference").addClass("stickableRef");<br />
$(".ref_section").addClass("stickableDbRef");<br />
});<br />
<br />
$(document).scroll(function() {<br />
var useFixedMenu = $(document).scrollTop() > 175;<br />
$('.stickableMenu').toggleClass('fixedMenu', useFixedMenu);<br />
<br />
// var useFixedRef = $(document).scrollTop() > 275;<br />
// $('.stickableRef').toggleClass('fixedRef', useFixedRef);<br />
<br />
$('.stickableDbRef').toggleClass('fixedDbRef', $(document).scrollTop() > 275);<br />
});<br />
<br />
// swap classes on external links to change their side icons<br />
$(function(){<br />
$(".external").addClass("zoo_external");<br />
$(".external").removeClass("external");<br />
});<br />
<br />
/* === Designer js ends here === */<br />
<br />
<br />
// Insert tables into Quiz distractors<br />
var qq = $('.question');<br />
for (var i = 0; i < qq.length; i++)<br />
{<br />
var q = $(qq[i]);<br />
var distractors = "ABCDE";<br />
for (var j=0;j<distractors.length;j++){<br />
var tans = $('table caption:contains("Table-'+distractors[j]+'")', q).parents('table');<br />
if (tans.length>0)<br />
{<br />
var ttd = $('table tr td:contains("Table-'+distractors[j]+'")', q);<br />
if (ttd.length>0){<br />
ttd.empty();<br />
ttd.append(tans);<br />
}<br />
}<br />
}<br />
}<br />
<br />
$(function(){<br />
$('input.check').each(function(i,e){<br />
$(this).attr('id','quiz_d_'+i);<br />
});<br />
$('tr.proposal').each(function(i,e){<br />
var tds = $('td',$(this));<br />
var html1= $(tds[1]).html();<br />
$(tds[1]).html($('<label/>',{html:html1,'for':$('input',$(this)).attr('id') }));<br />
})<br />
})<br />
//Connor 23/7/12 creates the labels for the multiple choice questions allowing them to be highlighted.<br />
<br />
<br />
//Analytics code<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-33860668-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function() {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
<br />
//JSON<br />
(function($){var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.toJSON=typeof JSON==='object'&&JSON.stringify?JSON.stringify:function(o){if(o===null){return'null';}<br />
var type=typeof o;if(type==='undefined'){return undefined;}<br />
if(type==='number'||type==='boolean'){return''+o;}<br />
if(type==='string'){return $.quoteString(o);}<br />
if(type==='object'){if(typeof o.toJSON==='function'){return $.toJSON(o.toJSON());}<br />
if(o.constructor===Date){var month=o.getUTCMonth()+1,day=o.getUTCDate(),year=o.getUTCFullYear(),hours=o.getUTCHours(),minutes=o.getUTCMinutes(),seconds=o.getUTCSeconds(),milli=o.getUTCMilliseconds();if(month<10){month='0'+month;}<br />
if(day<10){day='0'+day;}<br />
if(hours<10){hours='0'+hours;}<br />
if(minutes<10){minutes='0'+minutes;}<br />
if(seconds<10){seconds='0'+seconds;}<br />
if(milli<100){milli='0'+milli;}<br />
if(milli<10){milli='0'+milli;}<br />
return'"'+year+'-'+month+'-'+day+'T'+<br />
hours+':'+minutes+':'+seconds+'.'+milli+'Z"';}<br />
if(o.constructor===Array){var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i])||'null');}<br />
return'['+ret.join(',')+']';}<br />
var name,val,pairs=[];for(var k in o){type=typeof k;if(type==='number'){name='"'+k+'"';}else if(type==='string'){name=$.quoteString(k);}else{continue;}<br />
type=typeof o[k];if(type==='function'||type==='undefined'){continue;}<br />
val=$.toJSON(o[k]);pairs.push(name+':'+val);}<br />
return'{'+pairs.join(',')+'}';}};$.evalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){return eval('('+src+')');};$.secureEvalJSON=typeof JSON==='object'&&JSON.parse?JSON.parse:function(src){var filtered=src.replace(/\\["\\\/bfnrtu]/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered)){return eval('('+src+')');}else{throw new SyntaxError('Error parsing JSON, source is not valid.');}};$.quoteString=function(string){if(string.match(escapeable)){return'"'+string.replace(escapeable,function(a){var c=meta[a];if(typeof c==='string'){return c;}<br />
c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}<br />
return'"'+string+'"';};})(jQuery);<br />
<br />
/*<br />
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/<br />
*<br />
* Uses the built in easing capabilities added In jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* TERMS OF USE - jQuery Easing<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2008 George McGinley Smith<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
<br />
// t: current time, b: begInnIng value, c: change In value, d: duration<br />
jQuery.easing['jswing'] = jQuery.easing['swing'];<br />
<br />
jQuery.extend( jQuery.easing,<br />
{<br />
def: 'easeOutQuad',<br />
swing: function (x, t, b, c, d) {<br />
//alert(jQuery.easing.default);<br />
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);<br />
},<br />
easeInQuad: function (x, t, b, c, d) {<br />
return c*(t/=d)*t + b;<br />
},<br />
easeOutQuad: function (x, t, b, c, d) {<br />
return -c *(t/=d)*(t-2) + b;<br />
},<br />
easeInOutQuad: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t + b;<br />
return -c/2 * ((--t)*(t-2) - 1) + b;<br />
},<br />
easeInCubic: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t + b;<br />
},<br />
easeOutCubic: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t + 1) + b;<br />
},<br />
easeInOutCubic: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t + b;<br />
return c/2*((t-=2)*t*t + 2) + b;<br />
},<br />
easeInQuart: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t + b;<br />
},<br />
easeOutQuart: function (x, t, b, c, d) {<br />
return -c * ((t=t/d-1)*t*t*t - 1) + b;<br />
},<br />
easeInOutQuart: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;<br />
return -c/2 * ((t-=2)*t*t*t - 2) + b;<br />
},<br />
easeInQuint: function (x, t, b, c, d) {<br />
return c*(t/=d)*t*t*t*t + b;<br />
},<br />
easeOutQuint: function (x, t, b, c, d) {<br />
return c*((t=t/d-1)*t*t*t*t + 1) + b;<br />
},<br />
easeInOutQuint: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;<br />
return c/2*((t-=2)*t*t*t*t + 2) + b;<br />
},<br />
easeInSine: function (x, t, b, c, d) {<br />
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;<br />
},<br />
easeOutSine: function (x, t, b, c, d) {<br />
return c * Math.sin(t/d * (Math.PI/2)) + b;<br />
},<br />
easeInOutSine: function (x, t, b, c, d) {<br />
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;<br />
},<br />
easeInExpo: function (x, t, b, c, d) {<br />
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;<br />
},<br />
easeOutExpo: function (x, t, b, c, d) {<br />
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;<br />
},<br />
easeInOutExpo: function (x, t, b, c, d) {<br />
if (t==0) return b;<br />
if (t==d) return b+c;<br />
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;<br />
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;<br />
},<br />
easeInCirc: function (x, t, b, c, d) {<br />
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;<br />
},<br />
easeOutCirc: function (x, t, b, c, d) {<br />
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;<br />
},<br />
easeInOutCirc: function (x, t, b, c, d) {<br />
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;<br />
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;<br />
},<br />
easeInElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
easeOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
easeInOutElastic: function (x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
easeInBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
easeOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
easeInOutBack: function (x, t, b, c, d, s) {<br />
if (s == undefined) s = 1.70158; <br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
easeInBounce: function (x, t, b, c, d) {<br />
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;<br />
},<br />
easeOutBounce: function (x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
easeInOutBounce: function (x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;<br />
}<br />
});<br />
<br />
/*<br />
*<br />
* TERMS OF USE - EASING EQUATIONS<br />
* <br />
* Open source under the BSD License. <br />
* <br />
* Copyright © 2001 Robert Penner<br />
* All rights reserved.<br />
* <br />
* Redistribution and use in source and binary forms, with or without modification, <br />
* are permitted provided that the following conditions are met:<br />
* <br />
* Redistributions of source code must retain the above copyright notice, this list of <br />
* conditions and the following disclaimer.<br />
* Redistributions in binary form must reproduce the above copyright notice, this list <br />
* of conditions and the following disclaimer in the documentation and/or other materials <br />
* provided with the distribution.<br />
* <br />
* Neither the name of the author nor the names of contributors may be used to endorse <br />
* or promote products derived from this software without specific prior written permission.<br />
* <br />
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY <br />
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF<br />
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE<br />
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,<br />
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE<br />
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED <br />
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING<br />
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED <br />
* OF THE POSSIBILITY OF SUCH DAMAGE. <br />
*<br />
*/<br />
/**<br />
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+<br />
* <http://cherne.net/brian/resources/jquery.hoverIntent.html><br />
* <br />
* @param f onMouseOver function || An object with configuration options<br />
* @param g onMouseOut function || Nothing (use configuration options object)<br />
* @author Brian Cherne <brian@cherne.net><br />
*/<br />
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);<br />
/**<br />
* plugin: jquery.naviDropDown.js<br />
* author: kt.cheung @ Brandammo<br />
* website: www.brandammo.co.uk<br />
* version: 1.0<br />
* date: 19th feb 2011<br />
* description: simple jquery navigation drop down menu with easing and hoverIntent<br />
<br />
Copyright (c) 2011 KT Cheung<br />
<br />
Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the "Software"), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:<br />
<br />
The above copyright notice and this permission notice shall be included in<br />
all copies or substantial portions of the Software.<br />
<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br />
THE SOFTWARE.<br />
<br />
**/<br />
<br />
(function($){<br />
<br />
$.fn.naviDropDown = function(options) { <br />
<br />
//set up default options <br />
var defaults = { <br />
dropDownClass: 'dropdown', //the class name for your drop down<br />
dropDownWidth: 'auto', //the default width of drop down elements<br />
slideDownEasing: 'easeInOutCirc', //easing method for slideDown<br />
slideUpEasing: 'easeInOutCirc', //easing method for slideUp<br />
slideDownDuration: 500, //easing duration for slideDown<br />
slideUpDuration: 500, //easing duration for slideUp<br />
orientation: 'horizontal' //orientation - either 'horizontal' or 'vertical'<br />
}; <br />
<br />
var opts = $.extend({}, defaults, options); <br />
<br />
return this.each(function() { <br />
var $this = $(this);<br />
$this.find('.'+opts.dropDownClass).css('width', opts.dropDownWidth).css('display', 'none');<br />
<br />
var buttonWidth = $this.find('.'+opts.dropDownClass).parent().width() + 'px';<br />
var buttonHeight = $this.find('.'+opts.dropDownClass).parent().height() + 'px';<br />
if(opts.orientation == 'horizontal') {<br />
//$this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);<br />
}<br />
if(opts.orientation == 'vertical') {<br />
$this.find('.'+opts.dropDownClass).css('left', buttonWidth).css('top', '0px');<br />
}<br />
<br />
$this.find('li').hoverIntent(getDropDown, hideDropDown);<br />
});<br />
<br />
function getDropDown(){<br />
activeNav = $(this);<br />
showDropDown();<br />
}<br />
<br />
function showDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideDown({duration:opts.slideDownDuration, easing:opts.slideDownEasing});<br />
}<br />
<br />
function hideDropDown(){<br />
activeNav.find('.'+opts.dropDownClass).slideUp({duration:opts.slideUpDuration, easing:opts.slideUpEasing});//hides the current dropdown<br />
}<br />
<br />
};<br />
})(jQuery);</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T20:11:07Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
if (window.location.search.contains('answer')){<br />
$('.quf textarea').each(function(){<br />
$(this).val($(this).closest('form').next('.ans').text());<br />
})<br />
}<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T20:09:59Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
if (window.location.search.contains('answer')){<br />
$('.quf textarea').each(function(){<br />
var ans = $(this).closest('form').next('.ans').text()<br />
console.log(ans);<br />
})<br />
}<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T20:07:09Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
if (window.location.search.contains('answer')){<br />
$('.quf textarea').each(function(){<br />
var ans = $(this).closest('form.quf').next('.ans').text()<br />
console.log(ans);<br />
})<br />
}<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T20:06:43Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
if (window.location.search.contains('answer')){<br />
$('.quf textarea').each(function(){<br />
var ans = $(this).closest('form.quf').next('.ans').text()<br />
consol.log(ans);<br />
})<br />
}<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T19:59:39Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
console.log(window.location);<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T19:57:26Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
console.log(window.location.pathname);<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T19:56:46Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
console.log(window.location.url);<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/User:Andr3w/vector.js
User:Andr3w/vector.js
2013-02-28T19:55:30Z
<p>Andr3w: </p>
<hr />
<div>$(function(){<br />
alert(document.url);<br />
})</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_basics
SELECT basics
2013-02-17T01:02:27Z
<p>Andr3w: </p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>name</th><th>continent</th><th>area</th><br />
<th>population</th><th>gdp</th></tr><br />
<tr><td>Afghanistan</td><td>Asia</td><td class="r">652230</td><td class="r">25500100</td><td class="r">20343000000</td></tr><br />
<tr><td>Albania</td><td>Europe</td><td class="r">28748 </td><td class="r">2831741 </td><td class="r">12960000000 </td></tr><br />
<tr><td>Algeria</td><td>Africa</td><td class="r">2381741 </td><td class="r">37100000 </td><td class="r">188681000000 </td></tr><br />
<tr><td>Andorra</td><td>Europe</td><td class="r">468</td><td class="r">78115 </td><td class="r">3712000000 </td></tr><tr><br />
<td>Angola</td><td>Africa</td><td class="r">1246700 </td><td class="r">20609294 </td><td class="r">100990000000 </td></tr><br />
<tr><br />
<td colspan='5'>...</td><br />
</tr><br />
</table><br />
</div><br />
<br />
==Introducing the <code>world</code> table of countries==<br />
<p>This tutorial introduces SQL as a query language. We will be using the SELECT command on the table '''world''':</p><br />
<br />
<div class="progress_panel"><div><br />
<div class="summary">Summary</div><br />
<div class="progressbarbg"><br />
<div class="progressbar"></div><br />
</div><br />
</div></div><br />
<br />
<div class='extra_space' style='width:1em; height:6em;'></div><br />
<br />
<div class='qu'><br />
The example shows the population of 'France'.<br />
Strings should be in 'single quotes';<br />
<br />
<p class='imper'>Show the population of Germany</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT population FROM world<br />
WHERE name = 'France'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT population FROM world<br />
WHERE name = 'Germany'<br />
</source><br />
</div><br />
<br />
==Per Capita GDP==<br />
<div class='qu'><br />
<div>This query shows the population density <code>population/area</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup>.</div><br />
<div class='imper'>Show the per capita gdp: <code>gdp/population</code><br />
for each country where the area is over 5,000,000 km<sup>2</sup></div><br />
<br />
<source lang='sql' class='def'><br />
SELECT name, population/area FROM world<br />
WHERE area > 5000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, gdp/population FROM world<br />
WHERE area > 5000000<br />
</source><br />
</div><br />
<br />
==Small and wealthy==<br />
<div class='qu'><br />
Where to find some very small, very rich countries.<br/><br />
<b>We use <code>AND</code> to ensure that two or more conditions hold<br />
true.</b><br />
<div>The example shows the countries where the population is small and the<br />
gdp is high.</div><br />
<div class='imper'>Show the <b>name</b> and <b>continent</b> where the area is less then 2000 and the gdp is more than 5000000000</div><br />
<source lang='sql' class='def'><br />
SELECT name , continent<br />
FROM world<br />
WHERE population < 2000000<br />
AND gdp > 5000000000<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name , continent<br />
FROM world<br />
WHERE area < 2000<br />
AND gdp > 5000000000<br />
</source><br />
</div><br />
<br />
==Scandinavia==<br />
<div class='qu'><br />
Checking a list The word <b>IN</b> allows us to check if an item is in a list. <br />
The example shows the name and population for the countries 'Ireland', 'Iceland' and 'Denmark'<br />
<div class='imper'>Show the '''name''' and the '''population''' for 'Denmark', 'Finland', 'Norway', 'Sweden'<br />
</div><br />
<source lang='sql' class='def'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Ireland', 'Iceland',<br />
'Denmark')</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, population FROM world<br />
WHERE name IN ('Denmark', 'Finland',<br />
'Norway', 'Sweden')</source><br />
</div><br />
<br />
==Starts with G==<br />
<div class='qu'><br />
What are the countries beginning with G?<br />
'''The word''' <code>LIKE</code> '''permits pattern matching''' - % '''is the wildcard'''.<br />
The examples shows countries beginning with D<br />
<div class='imper'>Show each country that begins with G</div><br />
<source lang='sql' class='def'><br />
SELECT name FROM world<br />
WHERE name LIKE 'D%'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name FROM world<br />
WHERE name LIKE 'G%'<br />
</source><br />
</div><br />
<br />
==Just the right size==<br />
<div class='qu'><br />
Which countries are not too small and not too big?<br />
<code>BETWEEN</code> allows range checking - note that it is inclusive.<br />
<div class='imper'>'''Show the area in 1000 square km. Show''' ''area''/1000 '''instead of''' ''area''</div><br />
<source lang='sql' class='def'><br />
SELECT name, area FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT name, area/1000 FROM world<br />
WHERE area BETWEEN 207600 AND 244820<br />
</source><br />
</div><br />
<br />
<div><br />
<div class="lsclear">Clear your results</div><br />
<p><div class="quizlink">[[SELECT Quiz]]</div></p><br />
</div><br />
<p>You are ready for tutorial one:[[SELECT_from_WORLD_Tutorial |SELECT statements with WHERE.]]</p><br />
<br />
<br />
{{Languages}}</div>
Andr3w
http://www.sqlzoo.net/wiki/Subquery_and_JOIN
Subquery and JOIN
2013-01-06T15:17:55Z
<p>Andr3w: </p>
<hr />
<div>Here you are shown how to convert subqueries into JOIN functions this would be done<br />
as using subqueries that contain no aggregate functions unnecessarily<br />
causes the response speed of the query to slow down.<br />
<div class='ht'><br />
<div class=params>schema:scott</div><br />
<source lang=sql class='tidy'>DROP TABLE jobs;<br />
DROP TABLE ranks;<br />
DROP TABLE salary;</source><br />
<source lang=sql class='setup'> CREATE TABLE jobs(<br />
employee VARCHAR(40),<br />
title VARCHAR(40));<br />
INSERT INTO jobs VALUES ('Gordon Russell','Lecturer');<br />
INSERT INTO jobs VALUES ('Andrew Cumming','Teaching fellow');<br />
INSERT INTO jobs VALUES ('Jim Smith','Technician');<br />
CREATE TABLE ranks (<br />
title VARCHAR(40),<br />
rank VARCHAR(40));<br />
INSERT INTO ranks VALUES ('Lecturer','LECT1');<br />
INSERT INTO ranks VALUES ('Teaching fellow','LECT2');<br />
INSERT INTO ranks VALUES ('Technician','TECH1');<br />
CREATE TABLE salary (<br />
rank VARCHAR(40),<br />
payment INTEGER);<br />
INSERT INTO salary VALUES ('LECT1',2000);<br />
INSERT INTO salary VALUES ('LECT2',3000);<br />
INSERT INTO salary VALUES ('TECH1',5000);<br />
INSERT INTO salary VALUES ('TECH2',6000);<br />
</source><br />
<div><br />
SELECT payment FROM salary WHERE rank =<br />
(SELECT rank FROM ranks WHERE title =<br />
(SELECT title FROM jobs <br />
WHERE employee = 'Andrew Cumming'))<br />
This subquery would be more efficient if it was changed to a <code>JOIN</code> as there are no<br />
aggregate functions in the queries. <br />
<ul>Use the following steps to change a subquery into a <code>JOIN</code><br />
<li>Mark all columns with the table name they came from</li><br />
<li>If you use the same table in two different <code>FROM</code> clauses, use aliases</li><br />
<li>Move all <code>FROM</code> statements together to form a single <code>FROM</code> </li><br />
<li>Delete all occurrences of (<code>SELECT</code> </li><br />
<li>Substitute <code>WHERE</code> for AND after the first occurence of <code>WHERE</code></li><br />
</ul><br />
</div><br />
<source lang='sql' class='def'><br />
SELECT payment <br />
FROM salary, ranks, jobs<br />
WHERE salary.rank = ranks.rank<br />
AND ranks.title = jobs.title<br />
AND jobs.employee = 'Andrew Cumming'</source><br />
<div class="ecomm e-mysql" style="display: none"><code>JOIN ON</code> functions would also work with:<br />
<pre>SELECT payment <br />
FROM salary JOIN ranks <br />
ON (salary.rank = ranks.rank)<br />
JOIN jobs ON (ranks.title = jobs.title)<br />
WHERE jobs.employee = 'Andrew Cumming'</pre></div><br />
</div><br />
{{Hacks Ref}}</div>
Andr3w
http://www.sqlzoo.net/wiki/Create_a_new_user
Create a new user
2012-12-18T17:04:15Z
<p>Andr3w: </p>
<hr />
<div>Create a new user.<br />
<div class='ht'><br />
<div class=params>schema:gisq</div><br />
<div><br />
Give the new user permission to connect and to create their own tables etc.<br />
</div><br />
<source lang=sql class='tidy'><br />
</source><br />
<source lang=sql class='setup'></source><br />
<source lang='sql' class='def e-sqlite'>CREATE USER scott IDENTIFIED BY 'tiger'<br />
</source><br />
<source lang='sql' class='def e-db2'>Use operating system.<br />
</source><br />
<source lang='sql' class='def e-ingres'>create user scott with password = 'tiger'<br />
grant all on database scott to scott<br />
grant access on database gisq to scott<br />
</source><br />
<source lang='sql' class='def e-access'>CREATE USER scott IDENTIFIED BY 'tiger'<br />
</source><br />
<source lang='sql' class='def e-postgres'>CREATE USER scott WITH PASSWORD 'tiger';<br />
CREATE DATABASE scott;<br />
GRANT ALL ON DATABASE scott to scott;<br />
</source><br />
<source lang='sql' class='def e-oracle'>CREATE USER scott IDENTIFIED BY tiger<br />
TEMPORARY TABLESPACE temp<br />
DEFAULT TABLESPACE users;<br />
GRANT CONNECT TO scott;<br />
GRANT RESOURCE TO scott<br />
</source><br />
<source lang='sql' class='def e-sqlserver'>CREATE LOGIN scott <br />
WITH PASSWORD = 'tiger';<br />
CREATE DATABASE scottsdb;<br />
USE scottsdb;<br />
CREATE USER scott FOR LOGIN scott;<br />
</source><br />
<source lang='sql' class='def e-mysql'><br />
CREATE DATABASE scott;<br />
GRANT SELECT, INSERT,UPDATE,DELETE,CREATE,DROP,ALTER<br />
ON scott.* TO scott@localhost<br />
IDENTIFIED BY 'tiger';<br />
FLUSH PRIVILEGES;<br />
</source><br />
<source lang='sql' class='def e-mimer'>CREATE IDENT scott AS USER USING 'tiger';<br />
CREATE DATABANK userBank;<br />
GRANT TABLE ON userBank TO scott;<br />
</source><br />
<source lang='sql' class='def e-sybase'>CREATE USER scott IDENTIFIED BY 'tiger'</source><br />
<div class="ecomm e-db2" style="display: none">Create a user from the operating system. Have that user run the command:<br />
. /home/db2inst1/sqllib/db2profile<br />
as part of the .bashrc (or whatever). </div><br />
<div class="ecomm e-access" style="display: none">Access is a single user system. (Please email me if you know otherwise.)</div><br />
<div class="ecomm e-postgres" style="display: none">If scott is the name of a Unix account there is no problem - otherwise you must insert the following line before the default lines<br />
local scott template1 password<br />
to the file /var/lib/postgres/data/pg_hba.conf this allows postgres user scott to connect to database template1.</div><br />
<div class="ecomm e-oracle" style="display: none">You should specify the "tablespace" - if you don't it defaults to SYS which causes a whole world of pain.<br />
The CONNECT and RESOURCE grants permit users to connect to the system and to create stuff.</div><br />
<div class="ecomm e-sqlserver" style="display: none">[http://msdn.microsoft.com/en-us/library/ms173463.aspx CREATE USER]<br />
Old Style:<br />
sp_addlogin 'scott', 'tiger';<br />
CREATE DATABASE scott;<br />
USE scott;<br />
sp_changedbowner scott</div><br />
<div class="ecomm e-mimer" style="display: none">An IDENT is a user. A DATABANK corresponds to a file where the data is actually stored. Users normally have a SCHEMA - this is created as the user is created. </div><br />
</div><br />
{{Users ref}}</div>
Andr3w
http://www.sqlzoo.net/wiki/SELECT_.._WHERE
SELECT .. WHERE
2012-12-16T15:53:23Z
<p>Andr3w: </p>
<hr />
<div><br />
<h1>SELECT .. WHERE</h1><br />
<p>The table <code>games</code> shows the year and the city hosting the Olympic Games.</p><br />
<table><br />
<caption align='center'>games</caption><br />
<tr><th align='center'>'''yr'''</th><th align='center'>'''city'''</th></tr><br />
<tr><td>2000</td><td align='left'>Sydney</td></tr><br />
<tr><td>2004</td><td align='left'>Athens</td></tr><br />
<tr><td>2008</td><td align='left'>Beijing</td></tr><br />
<tr><td>2012</td><td align='left'>London</td></tr><br />
</table><br />
<div class='ht'><br />
<div class=params>schema:scott</div><br />
<source lang=sql class='tidy'> DROP TABLE games</source><br />
<source lang=sql class='setup'> CREATE TABLE games(<br />
yr INTEGER PRIMARY KEY,<br />
city VARCHAR(20));<br />
INSERT INTO games VALUES (2000,'Sydney');<br />
INSERT INTO games VALUES (2004,'Athens');<br />
INSERT INTO games VALUES (2008,'Beijing');<br />
INSERT INTO games VALUES (2012,'London');<br />
</source><br />
The SELECT statement returns results from a <i>table</i>. <br />
With a WHERE clause only some rows are returned. <br />
This example shows the year that Athens hosted the Olympic games.<br />
<source lang='sql' class='def e-oracle'><br />
SELECT yr, city <br />
FROM scott.games<br />
WHERE yr = 2004<br />
</source> <br />
<source lang='sql' class='def'><br />
SELECT yr, city <br />
FROM games<br />
WHERE yr = 2004<br />
</source><br />
</div><br />
<br />
<p>See also</p><br />
<ul><br />
<li>[[SELECT_from_BBC_Tutorial |SELECT TUTORIAL]]</li><br />
<li>[[SELECT |SELECT]]</li><br />
</ul></div>
Andr3w
http://www.sqlzoo.net/wiki/NSS_Tutorial
NSS Tutorial
2012-12-10T16:18:07Z
<p>Andr3w: /* Scores for Institutions in Manchester */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>Field</th><th>Type</th></tr><br />
<tr><td>ukprn</td><td>varchar(8)</td></tr><br />
<tr><td>institution</td><td>varchar(100)</td></tr><br />
<tr><td>subject</td><td>varchar(60)</td></tr><br />
<tr><td>level</td><td>varchar(50)</td></tr><br />
<tr><td>question</td><td>varchar(10)</td></tr><br />
<tr><td>A_STRONGLY_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NEUTRAL</td><td>int(11)</td></tr><br />
<tr><td>A_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_STRONGLY_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NA</td><td>int(11)</td></tr><br />
<tr><td>CI_MIN</td><td>int(11)</td></tr><br />
<tr><td>score</td><td>int(11)</td></tr><br />
<tr><td>CI_MAX</td><td>int(11)</td></tr><br />
<tr><td>response</td><td>int(11)</td></tr><br />
<tr><td>sample</td><td>int(11)</td></tr><br />
<tr><td>aggregate</td><td>char(1)</td></tr><br />
</table><br />
</div><br />
<br />
==National Student Survey 2012==<br />
The National Student Survey http://www.thestudentsurvey.com/ is presented to thousands of graduating students in UK Higher Education. The survey asks 22 questions, students can respond with STRONGLY DISAGREE, DISAGREE, NEUTRAL, AGREE or STRONGLY AGREE.<br />
<br />
The table <code>nss</code> has one row per institution, subject and question.<br />
<br />
==Check out one row== <br />
<div class='qu'><br />
The example shows the number who responded for:<br />
*question 1<br />
*at 'Edinburgh Napier University'<br />
*studying '(8) Computer Science'<br />
<p class='imper'>Show the the percentage who STRONGLY AGREE</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT A_STRONGLY_AGREE<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==Calculate how many agree or strongly agree== <br />
<div class='qu'><br />
<p class='imper'>Show the institution and subject where the '''score''' is at least 100 for question 15.<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, subject<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score>=100<br />
</source><br />
</div><br />
<br />
==Unhappy Computer Students==<br />
<div class='qu'><br />
<p class='imper'>Show the institution and score where the score for '(8) Computer Science' is less than 50 for question 'Q15'<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score<50<br />
AND subject = '(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==More Computing or Creative Students?==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who responded to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
You will need to use SUM over the '''response''' column and GROUP BY '''subject'''<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree Numbers==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
The A_STRONGLY_AGREE column is a percentage. To work out the total number of students who strongly agree you must multiply this percentage by the number who responded ('''response''') and divide by 100 - take the SUM of that.<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response*A_STRONGLY_AGREE/100)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree, Percentage==<br />
<div class='qu'><br />
<p class='imper'>Show the percentage of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
Use the '''ROUND''' function to show the percentage without decimal places.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,<br />
ROUND(SUM(response*A_STRONGLY_AGREE)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
<br />
==Scores for Institutions in Manchester==<br />
<div class='qu'><br />
<p class='imper'>Show the average scores for question 'Q01' for each institution that include 'Manchester' in the name.<br />
</p><br />
The column '''score''' is a percentage - you must use the method outlined above to multiply the percentage by the '''response''' and divide by the total response. Give your answer rounded to the nearest whole number.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,subject,score,response<br />
FROM nss<br />
WHERE question='Q22'<br />
AND (institution LIKE '%Manchester%')<br />
ORDER BY institution<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution,<br />
ROUND(SUM(response*score)/SUM(response),0) score<br />
FROM nss<br />
WHERE question='Q22'<br />
AND (institution LIKE '%Manchester%')<br />
GROUP BY institution<br />
</source><br />
</div><br />
<br />
==Number of Computing Students in Manchester==<br />
<div class='qu'><br />
<p class='imper'>Show the institution, the total sample size and the number of computing students for institutions in Manchester for 'Q01'.<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,subject,score,response<br />
FROM nss<br />
WHERE question='Q22'<br />
AND (institution LIKE '%Manchester%')<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution,<br />
SUM(sample),<br />
SUM(CASE WHEN subject LIKE '(8)%' THEN sample END) comp<br />
FROM nss<br />
WHERE question='Q01'<br />
AND (institution LIKE '%Manchester%')<br />
GROUP BY institution<br />
</source><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/NSS_Tutorial
NSS Tutorial
2012-12-10T16:12:29Z
<p>Andr3w: /* Scores for Institutions in London */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>Field</th><th>Type</th></tr><br />
<tr><td>ukprn</td><td>varchar(8)</td></tr><br />
<tr><td>institution</td><td>varchar(100)</td></tr><br />
<tr><td>subject</td><td>varchar(60)</td></tr><br />
<tr><td>level</td><td>varchar(50)</td></tr><br />
<tr><td>question</td><td>varchar(10)</td></tr><br />
<tr><td>A_STRONGLY_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NEUTRAL</td><td>int(11)</td></tr><br />
<tr><td>A_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_STRONGLY_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NA</td><td>int(11)</td></tr><br />
<tr><td>CI_MIN</td><td>int(11)</td></tr><br />
<tr><td>score</td><td>int(11)</td></tr><br />
<tr><td>CI_MAX</td><td>int(11)</td></tr><br />
<tr><td>response</td><td>int(11)</td></tr><br />
<tr><td>sample</td><td>int(11)</td></tr><br />
<tr><td>aggregate</td><td>char(1)</td></tr><br />
</table><br />
</div><br />
<br />
==National Student Survey 2012==<br />
The National Student Survey http://www.thestudentsurvey.com/ is presented to thousands of graduating students in UK Higher Education. The survey asks 22 questions, students can respond with STRONGLY DISAGREE, DISAGREE, NEUTRAL, AGREE or STRONGLY AGREE.<br />
<br />
The table <code>nss</code> has one row per institution, subject and question.<br />
<br />
==Check out one row== <br />
<div class='qu'><br />
The example shows the number who responded for:<br />
*question 1<br />
*at 'Edinburgh Napier University'<br />
*studying '(8) Computer Science'<br />
<p class='imper'>Show the the percentage who STRONGLY AGREE</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT A_STRONGLY_AGREE<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==Calculate how many agree or strongly agree== <br />
<div class='qu'><br />
<p class='imper'>Show the institution and subject where the '''score''' is at least 100 for question 15.<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, subject<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score>=100<br />
</source><br />
</div><br />
<br />
==Unhappy Computer Students==<br />
<div class='qu'><br />
<p class='imper'>Show the institution and score where the score for '(8) Computer Science' is less than 50 for question 'Q15'<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score<50<br />
AND subject = '(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==More Computing or Creative Students?==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who responded to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
You will need to use SUM over the '''response''' column and GROUP BY '''subject'''<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree Numbers==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
The A_STRONGLY_AGREE column is a percentage. To work out the total number of students who strongly agree you must multiply this percentage by the number who responded ('''response''') and divide by 100 - take the SUM of that.<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response*A_STRONGLY_AGREE/100)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree, Percentage==<br />
<div class='qu'><br />
<p class='imper'>Show the percentage of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
Use the '''ROUND''' function to show the percentage without decimal places.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,<br />
ROUND(SUM(response*A_STRONGLY_AGREE)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
<br />
==Scores for Institutions in Manchester==<br />
<div class='qu'><br />
<p class='imper'>Show the average scores for question 'Q01' for each institution that include 'Manchester' in the name.<br />
</p><br />
The column '''score''' is a percentage - you must use the method outlined above to multiply the percentage by the '''response''' and divide by the total response. Give your answer rounded to the nearest whole number.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution,<br />
ROUND(SUM(response*score)/SUM(response),0) score<br />
FROM nss<br />
WHERE question='Q22'<br />
AND (institution LIKE '%Manchester%')<br />
GROUP BY institution<br />
</source><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/NSS_Tutorial
NSS Tutorial
2012-12-10T16:12:19Z
<p>Andr3w: /* Scores for Institutions in London */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>Field</th><th>Type</th></tr><br />
<tr><td>ukprn</td><td>varchar(8)</td></tr><br />
<tr><td>institution</td><td>varchar(100)</td></tr><br />
<tr><td>subject</td><td>varchar(60)</td></tr><br />
<tr><td>level</td><td>varchar(50)</td></tr><br />
<tr><td>question</td><td>varchar(10)</td></tr><br />
<tr><td>A_STRONGLY_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NEUTRAL</td><td>int(11)</td></tr><br />
<tr><td>A_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_STRONGLY_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NA</td><td>int(11)</td></tr><br />
<tr><td>CI_MIN</td><td>int(11)</td></tr><br />
<tr><td>score</td><td>int(11)</td></tr><br />
<tr><td>CI_MAX</td><td>int(11)</td></tr><br />
<tr><td>response</td><td>int(11)</td></tr><br />
<tr><td>sample</td><td>int(11)</td></tr><br />
<tr><td>aggregate</td><td>char(1)</td></tr><br />
</table><br />
</div><br />
<br />
==National Student Survey 2012==<br />
The National Student Survey http://www.thestudentsurvey.com/ is presented to thousands of graduating students in UK Higher Education. The survey asks 22 questions, students can respond with STRONGLY DISAGREE, DISAGREE, NEUTRAL, AGREE or STRONGLY AGREE.<br />
<br />
The table <code>nss</code> has one row per institution, subject and question.<br />
<br />
==Check out one row== <br />
<div class='qu'><br />
The example shows the number who responded for:<br />
*question 1<br />
*at 'Edinburgh Napier University'<br />
*studying '(8) Computer Science'<br />
<p class='imper'>Show the the percentage who STRONGLY AGREE</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT A_STRONGLY_AGREE<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==Calculate how many agree or strongly agree== <br />
<div class='qu'><br />
<p class='imper'>Show the institution and subject where the '''score''' is at least 100 for question 15.<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, subject<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score>=100<br />
</source><br />
</div><br />
<br />
==Unhappy Computer Students==<br />
<div class='qu'><br />
<p class='imper'>Show the institution and score where the score for '(8) Computer Science' is less than 50 for question 'Q15'<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score<50<br />
AND subject = '(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==More Computing or Creative Students?==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who responded to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
You will need to use SUM over the '''response''' column and GROUP BY '''subject'''<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree Numbers==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
The A_STRONGLY_AGREE column is a percentage. To work out the total number of students who strongly agree you must multiply this percentage by the number who responded ('''response''') and divide by 100 - take the SUM of that.<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response*A_STRONGLY_AGREE/100)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree, Percentage==<br />
<div class='qu'><br />
<p class='imper'>Show the percentage of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
Use the '''ROUND''' function to show the percentage without decimal places.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,<br />
ROUND(SUM(response*A_STRONGLY_AGREE)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
<br />
==Scores for Institutions in London==<br />
<div class='qu'><br />
<p class='imper'>Show the average scores for question 'Q01' for each institution that include 'Manchester' in the name.<br />
</p><br />
The column '''score''' is a percentage - you must use the method outlined above to multiply the percentage by the '''response''' and divide by the total response. Give your answer rounded to the nearest whole number.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution,<br />
ROUND(SUM(response*score)/SUM(response),0) score<br />
FROM nss<br />
WHERE question='Q22'<br />
AND (institution LIKE '%Manchester%')<br />
GROUP BY institution<br />
</source><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/NSS_Tutorial
NSS Tutorial
2012-12-10T16:05:02Z
<p>Andr3w: /* Show scores by subject */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>Field</th><th>Type</th></tr><br />
<tr><td>ukprn</td><td>varchar(8)</td></tr><br />
<tr><td>institution</td><td>varchar(100)</td></tr><br />
<tr><td>subject</td><td>varchar(60)</td></tr><br />
<tr><td>level</td><td>varchar(50)</td></tr><br />
<tr><td>question</td><td>varchar(10)</td></tr><br />
<tr><td>A_STRONGLY_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NEUTRAL</td><td>int(11)</td></tr><br />
<tr><td>A_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_STRONGLY_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NA</td><td>int(11)</td></tr><br />
<tr><td>CI_MIN</td><td>int(11)</td></tr><br />
<tr><td>score</td><td>int(11)</td></tr><br />
<tr><td>CI_MAX</td><td>int(11)</td></tr><br />
<tr><td>response</td><td>int(11)</td></tr><br />
<tr><td>sample</td><td>int(11)</td></tr><br />
<tr><td>aggregate</td><td>char(1)</td></tr><br />
</table><br />
</div><br />
<br />
==National Student Survey 2012==<br />
The National Student Survey http://www.thestudentsurvey.com/ is presented to thousands of graduating students in UK Higher Education. The survey asks 22 questions, students can respond with STRONGLY DISAGREE, DISAGREE, NEUTRAL, AGREE or STRONGLY AGREE.<br />
<br />
The table <code>nss</code> has one row per institution, subject and question.<br />
<br />
==Check out one row== <br />
<div class='qu'><br />
The example shows the number who responded for:<br />
*question 1<br />
*at 'Edinburgh Napier University'<br />
*studying '(8) Computer Science'<br />
<p class='imper'>Show the the percentage who STRONGLY AGREE</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT A_STRONGLY_AGREE<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==Calculate how many agree or strongly agree== <br />
<div class='qu'><br />
<p class='imper'>Show the institution and subject where the '''score''' is at least 100 for question 15.<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, subject<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score>=100<br />
</source><br />
</div><br />
<br />
==Unhappy Computer Students==<br />
<div class='qu'><br />
<p class='imper'>Show the institution and score where the score for '(8) Computer Science' is less than 50 for question 'Q15'<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score<50<br />
AND subject = '(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==More Computing or Creative Students?==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who responded to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
You will need to use SUM over the '''response''' column and GROUP BY '''subject'''<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree Numbers==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
The A_STRONGLY_AGREE column is a percentage. To work out the total number of students who strongly agree you must multiply this percentage by the number who responded ('''response''') and divide by 100 - take the SUM of that.<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response*A_STRONGLY_AGREE/100)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree, Percentage==<br />
<div class='qu'><br />
<p class='imper'>Show the percentage of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
Use the '''ROUND''' function to show the percentage without decimal places.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,<br />
ROUND(SUM(response*A_STRONGLY_AGREE)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
<br />
==Scores for Institutions in London==<br />
<div class='qu'><br />
<p class='imper'>Show the average scores for question 'Q01' for each institution that include "London" in the name.<br />
</p><br />
The column '''score''' is a percentage - you must use the method outlined<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution,<br />
ROUND(SUM(response*score)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution LIKE '%London%'<br />
GROUP BY institution<br />
</source><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/NSS_Tutorial
NSS Tutorial
2012-12-10T16:03:52Z
<p>Andr3w: /* Strongly Agree, Percentage */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>Field</th><th>Type</th></tr><br />
<tr><td>ukprn</td><td>varchar(8)</td></tr><br />
<tr><td>institution</td><td>varchar(100)</td></tr><br />
<tr><td>subject</td><td>varchar(60)</td></tr><br />
<tr><td>level</td><td>varchar(50)</td></tr><br />
<tr><td>question</td><td>varchar(10)</td></tr><br />
<tr><td>A_STRONGLY_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NEUTRAL</td><td>int(11)</td></tr><br />
<tr><td>A_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_STRONGLY_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NA</td><td>int(11)</td></tr><br />
<tr><td>CI_MIN</td><td>int(11)</td></tr><br />
<tr><td>score</td><td>int(11)</td></tr><br />
<tr><td>CI_MAX</td><td>int(11)</td></tr><br />
<tr><td>response</td><td>int(11)</td></tr><br />
<tr><td>sample</td><td>int(11)</td></tr><br />
<tr><td>aggregate</td><td>char(1)</td></tr><br />
</table><br />
</div><br />
<br />
==National Student Survey 2012==<br />
The National Student Survey http://www.thestudentsurvey.com/ is presented to thousands of graduating students in UK Higher Education. The survey asks 22 questions, students can respond with STRONGLY DISAGREE, DISAGREE, NEUTRAL, AGREE or STRONGLY AGREE.<br />
<br />
The table <code>nss</code> has one row per institution, subject and question.<br />
<br />
==Check out one row== <br />
<div class='qu'><br />
The example shows the number who responded for:<br />
*question 1<br />
*at 'Edinburgh Napier University'<br />
*studying '(8) Computer Science'<br />
<p class='imper'>Show the the percentage who STRONGLY AGREE</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT A_STRONGLY_AGREE<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==Calculate how many agree or strongly agree== <br />
<div class='qu'><br />
<p class='imper'>Show the institution and subject where the '''score''' is at least 100 for question 15.<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, subject<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score>=100<br />
</source><br />
</div><br />
<br />
==Unhappy Computer Students==<br />
<div class='qu'><br />
<p class='imper'>Show the institution and score where the score for '(8) Computer Science' is less than 50 for question 'Q15'<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score<50<br />
AND subject = '(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==More Computing or Creative Students?==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who responded to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
You will need to use SUM over the '''response''' column and GROUP BY '''subject'''<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree Numbers==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
The A_STRONGLY_AGREE column is a percentage. To work out the total number of students who strongly agree you must multiply this percentage by the number who responded ('''response''') and divide by 100 - take the SUM of that.<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response*A_STRONGLY_AGREE/100)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree, Percentage==<br />
<div class='qu'><br />
<p class='imper'>Show the percentage of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
Use the '''ROUND''' function to show the percentage without decimal places.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,<br />
ROUND(SUM(response*A_STRONGLY_AGREE)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
<br />
==Show scores by subject==<br />
<div class='qu'><br />
<p class='imper'>Show the average scores for question 'Q01' for each institution that include "London" in the name.<br />
</p><br />
The column '''score''' is a percentage - you must use the method outlined<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution,<br />
ROUND(SUM(response*score)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution LIKE '%London%'<br />
GROUP BY institution<br />
</source><br />
</div></div>
Andr3w
http://www.sqlzoo.net/wiki/NSS_Tutorial
NSS Tutorial
2012-12-10T15:58:34Z
<p>Andr3w: /* Strongly Agree, Percentage */</p>
<hr />
<div><div class="ref_section"><br />
<table class='db_ref'><br />
<tr><th>Field</th><th>Type</th></tr><br />
<tr><td>ukprn</td><td>varchar(8)</td></tr><br />
<tr><td>institution</td><td>varchar(100)</td></tr><br />
<tr><td>subject</td><td>varchar(60)</td></tr><br />
<tr><td>level</td><td>varchar(50)</td></tr><br />
<tr><td>question</td><td>varchar(10)</td></tr><br />
<tr><td>A_STRONGLY_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_DISAGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NEUTRAL</td><td>int(11)</td></tr><br />
<tr><td>A_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_STRONGLY_AGREE</td><td>int(11)</td></tr><br />
<tr><td>A_NA</td><td>int(11)</td></tr><br />
<tr><td>CI_MIN</td><td>int(11)</td></tr><br />
<tr><td>score</td><td>int(11)</td></tr><br />
<tr><td>CI_MAX</td><td>int(11)</td></tr><br />
<tr><td>response</td><td>int(11)</td></tr><br />
<tr><td>sample</td><td>int(11)</td></tr><br />
<tr><td>aggregate</td><td>char(1)</td></tr><br />
</table><br />
</div><br />
<br />
==National Student Survey 2012==<br />
The National Student Survey http://www.thestudentsurvey.com/ is presented to thousands of graduating students in UK Higher Education. The survey asks 22 questions, students can respond with STRONGLY DISAGREE, DISAGREE, NEUTRAL, AGREE or STRONGLY AGREE.<br />
<br />
The table <code>nss</code> has one row per institution, subject and question.<br />
<br />
==Check out one row== <br />
<div class='qu'><br />
The example shows the number who responded for:<br />
*question 1<br />
*at 'Edinburgh Napier University'<br />
*studying '(8) Computer Science'<br />
<p class='imper'>Show the the percentage who STRONGLY AGREE</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT A_STRONGLY_AGREE<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==Calculate how many agree or strongly agree== <br />
<div class='qu'><br />
<p class='imper'>Show the institution and subject where the '''score''' is at least 100 for question 15.<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT response<br />
FROM nss<br />
WHERE question='Q01'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, subject<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score>=100<br />
</source><br />
</div><br />
<br />
==Unhappy Computer Students==<br />
<div class='qu'><br />
<p class='imper'>Show the institution and score where the score for '(8) Computer Science' is less than 50 for question 'Q15'<br />
</p><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT institution, score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND score<50<br />
AND subject = '(8) Computer Science'<br />
</source><br />
</div><br />
<br />
==More Computing or Creative Students?==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who responded to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
You will need to use SUM over the '''response''' column and GROUP BY '''subject'''<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree Numbers==<br />
<div class='qu'><br />
<p class='imper'>Show the total number of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
<br />
<div class='hint' title='HINT'><br />
The A_STRONGLY_AGREE column is a percentage. To work out the total number of students who strongly agree you must multiply this percentage by the number who responded ('''response''') and divide by 100 - take the SUM of that.<br />
</div><br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,SUM(response*A_STRONGLY_AGREE/100)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div><br />
<br />
==Strongly Agree, Percentage==<br />
<div class='qu'><br />
<p class='imper'>Show the percentage of students who A_STRONGLY_AGREE to question 22 for the subject '(8) Computer Science' show the same figure for the subject '(H) Creative Arts and Design'.<br />
</p><br />
Use the '''ROUND''' function to show the percentage without decimal places.<br />
<br />
<source lang='sql' class='def'><br />
SELECT institution,score<br />
FROM nss<br />
WHERE question='Q15'<br />
AND institution='Edinburgh Napier University'<br />
AND subject='(8) Computer Science'<br />
</source><br />
<br />
<source lang='sql' class='ans'><br />
SELECT subject,<br />
ROUND(SUM(response*A_STRONGLY_AGREE)/SUM(response),0)<br />
FROM nss<br />
WHERE question='Q22'<br />
AND subject IN ('(8) Computer Science','(H) Creative Arts and Design')<br />
GROUP BY subject<br />
</source><br />
</div></div>
Andr3w