Sorry voor de wat gebrekkige informatie, hierbij wat meer details.
Online voorbeeld:
http://leeromgeving.comxa.com
Voor de corners wordt op dit moment een JavaScript file gebruikt, genaamd jquery.corners.js (In te zien op:
http://leeromgeving.comxa.com/jquery/jquery.corners.js)
Wat betreft het .gif bestand, het gaat om dit bestand:
http://leeromgeving.comxa.com/images/loader.gif
Dit plaatje wordt weergegeven in een zogenaamde jQueryUI dialog (een onderdeel van jQuery).
Om het euvel te reproduceren kun je het volgende doen:
1. Log in.
*Inloggegevens weggehaald i.v.m. veiligheid*
2. Ga naar online diskspace (
http://leeromgeving.comxa.com/index.php?pageindex=diskspace.php)
3. Upload een bestand, als je dan IE <= 7 gebruikt zul je zien dat de .gif niet meer animated is.
Source code van de lay-out:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="nl">
<meta name="description" content="online digitale leeromgeving leren van achter de computer">
<meta name="keywords" content="online, digitaal, leeromgeving, leren, educatief, school, rooster, studiewijzer, diskspace, adminpaneel">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="stylesheets/jquery-ui-1.7.2.custom.css">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet_index.css">
<script type="text/javascript" src="jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="jquery/jquery.corners.js"></script>
<script type="text/javascript" src="jquery/jquery.cycle.lite.min.js"></script>
<script type="text/javascript">
var displayCorners = true;
</script>
<!--[if lte IE 6]>
<script type="text/javascript">
var displayCorners = false;
</script>
<![endif]-->
<script type="text/javascript">
if (displayCorners != false) {
window.onload = function() {
$('#header').corner("15px tl tr");
$('#content').corner("15px bl br");
$('#menu').corner("15px bl");
}
}
</script>
<title>Digitale Leeromgeving</title></head>
<body>
<!--[if lt IE 8]>
<script type='text/javascript'>
$(function() {
$('#browser-upgrade-box').click(function() {
$(this).hide();
})
});
</script>
<div id="browser-upgrade-box">
<div id = "browser-box">
<p class="browser-links">
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" class="browser-link">
<span class = "internetexplorer-link"></span>
</a>
<a href="http://www.mozilla.com/" class="browser-link">
<span class = "firefox-link"></span>
</a>
<a href="http://www.google.com/chrome/index.html" class="browser-link">
<span class = "chrome-link"></span>
</a>
<p class="upgrade-message">
<strong>Uw browser is verouderd, mogelijk wordt deze website hierdoor niet juist weergegeven</strong>
<br>
<span>Wij raden u aan om een upgrade naar een van deze moderne browsers uit te voeren:</span>
</p>
</p>
<span style = "display: inline-block; font-size: 10px; float: right;">Klik om te sluiten</span>
</div>
</div>
<![endif]-->
<div id = 'body'>
<div id = 'header'>
<div id = 'headerarea'>
<!-- Header begin -->
<a href = 'index.php'>Online Digitale Leeromgeving </a><!-- Header eind -->
</div>
</div>
<div id = 'menu'>
<div id = 'menuarea'>
<!-- Menu begin -->
<ul>
<li><a href='index.php?pageindex=diskspace.php'>Online diskspace</a></li>
<li><a href='index.php?pageindex=nieuws.php'>Nieuwspagina</a></li>
<li><a href='index.php?pageindex=roosters.php'>Rooster</a></li>
<li><a href='index.php?pageindex=studiewijzers.php'>Studiewijzers</a></li>
<li><a href='index.php?pageindex=cijfers.php'>Cijfers
</a></li>
</ul>
<!-- Menu eind -->
</div>
</div>
<div id = 'content'>
<div id = 'textarea'>
<noscript>
<div class="ui-state-error ui-corner-all" style="padding: 0 .7em; width: 98%;">
<p>
<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
<strong>Alert: </strong>Om deze site goed te bekijken is JavaScript vereist, dit hebt u uitgeschakeld. <a href = "?pageindex=javascriptoff"><u>Meer informatie</u></a>
</p>
</div>
<br>
</noscript>
<!-- Module begin -->
<script type = "text/javascript">
$(document).ready(function() {
$("#showcase").cycle({
speed: 1000,
timeout: 4000,
next: "#showcase",
pause: 1
});
});
</script>
<p class = "header">Welkom</p>
<br>
<p>Welkom op de digitale leeromgeving, deze website is bedoelt om voor de leerling een overzichtelijke pagina te creëren waarop relevante informatie zichtbaar is. Veel van die informatie is persoonlijk en verschilt per leerling, vandaar dat de leerling moet inloggen om van dit systeem gebruik te kunnen maken. </p>
<p>Ook leraren hebben toegang tot de leeromgeving, zij kunnen informatie van hun vakgebied aanpassen of toevoegen. Dit om er voor te zorgen dat de informatie voor de leerling altijd actueel is.</p>
<br>
<p class = "header">Functies van de leeromgeving</p>
<br>
<p>Door middel van de slideshow willen wij proberen om te laten zien wat voor functies de leeromgeving te bieden heeft. Gaat dit wat de snel, ga dan met de muis op de tekst staan, de slideshow pauzeert dan.</p>
<br>
<div id = "showcase">
<div class = "showcase-items">
<p>
<span><img height = "100px" width = "100px" src = "images/diskspace.png" alt = "Diskspace"></span>
<strong>Online Diskspace</strong><br>
Hier kan je persoonlijke bestanden neerzetten, en deze delen met anderen. Deze bestanden kun je vanaf elke plek met internetverbinding weer ophalen, zo raak je nooit je werk kwijt.
</p>
</div>
<div class = "showcase-items">
<p>
<span><img height = "100px" width = "100px" src = "images/rooster.png" alt = "Rooster"></span>
<strong>Rooster</strong><br>
Jouw persoonlijke rooster met actuele wijzigingen kun je gemakkelijk en snel hier in zien, altijd op de hoogte van de laatste wijzigingen!
</p>
</div>
<div class = "showcase-items">
<p>
<span><img height = "100px" width = "100px" src = "images/studiewijzer.png" alt = "Studiewijzer"></span>
<strong>Studiewijzer</strong><br>
Wat moet er door jou gedaan worden en wanneer moet dat af? Het wordt voor je op een rijtje gezet op deze pagina, makkelijk voor jou en je leraren, nooit meer onduidelijkheid.
</p>
</div>
<div class = "showcase-items">
<p>
<span><img height = "100px" width = "100px" src = "images/cijfers.png" alt = "Cijfers"></span>
<strong>Cijfers</strong><br>
Je hoeft niet meer op een rapport te wachten maar je hebt direct toegang tot al de door jou behaalde cijfers, ook gemiddelden en dergelijke worden weergegeven.
</p>
</div>
<div class = "showcase-items">
<p>
<span><img height = "100px" width = "100px" src = "images/nieuws.png" alt = "Nieuws"></span>
<strong>Nieuwspagina</strong><br>
Op deze pagina staat al het nieuws dat voor jou belangrijk is, zo hoef je alleen nuttige dingen te lezen. Ook is deze pagina altijd actueel en up to date, nooit achterhaald dus.
</p>
</div>
</div><!-- Module eind -->
</div>
</div>
<div class = 'login'>
<div id = 'loginarea'>
<!-- Login begin -->
<form action = '?action=login' method = 'post'><table class = 'login'><tr><td>Gebruikersnaam:</td></tr><tr><td><input style = 'width: 90%;' type='text' name='gebruikersnaam' value=''></td></tr><tr><td>Wachtwoord:</td></tr><tr><td><input style = 'width: 90%;' type='password' class = 'login_width' name='wachtwoord' value=''></td></tr><tr><td colspan = '1'><input type='submit' value='Log in'></td></tr></table></form><!-- Login eind -->
</div>
</div>
<div id = 'footer'>
<!-- Footer begin -->
© 2009 Jarik van Haaren en Teun Lassche | All Rights Reserved<!-- Footer eind -->
</div>
</div>
<!-- Load time: 0.00113797187805, Dbqueries: 4-->
</body>
</html> |
Alvast bedankt.
:strip_icc():strip_exif()/u/100070/crop5d011fa0d05d4_cropped.jpeg?f=community)
:strip_exif()/u/27216/bosmonster_dropdown.gif?f=community)
/u/189240/av70.png?f=community)
:strip_icc():strip_exif()/u/5964/crop56503163e97a5.jpeg?f=community)
