Script werkt niet
Code (php)
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
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
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$(document).ready (function () {
if ( $.cookie ( 'showdiv' ) == 'no' ) {
$ ( '#melding' ).hide ( );
}
$('#melding').click (function () {
$(this).hide (500);
$.cookie('showdiv', 'no', { expires: 1 });
});
});
</script>
<style type="text/css">
div#melding { border: 1px solid #009FDA; margin: 10px; padding: 10px; font: 12px Arial; color: #009FDA; cursor: pointer;}
</style>
</head>
<body>
<div id="melding">
<p>You can click me away</p>
</div>
</body>
</html>
<html>
<head>
<script type="text/javascript">
$(document).ready (function () {
if ( $.cookie ( 'showdiv' ) == 'no' ) {
$ ( '#melding' ).hide ( );
}
$('#melding').click (function () {
$(this).hide (500);
$.cookie('showdiv', 'no', { expires: 1 });
});
});
</script>
<style type="text/css">
div#melding { border: 1px solid #009FDA; margin: 10px; padding: 10px; font: 12px Arial; color: #009FDA; cursor: pointer;}
</style>
</head>
<body>
<div id="melding">
<p>You can click me away</p>
</div>
</body>
</html>
Dit hierboven werkt niet.. Ik heb hiervoor ook een script gemaakt, (link) daar was het probleem dat ik de volgende regel niet in de head had gezet:
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>
Dat zal hier ook wel weer het probleem zijn.
Daarom de vraag, hoe kan je weten bij een script dat je gemaakt hebt wat voor regel je daar nog aan toe moet voegen? Het scripten is redelijk nieuw voor me. Ik ben meer met css en styling bezig maar wil dat uitbreiden.
Iemand die me hier informatie over kan geven?
Gewijzigd op 25/10/2012 16:30:52 door Machiel K
Tja ... je moet het wat aan de stijl van scripten herkennen.
Als je dit ziet:
denk dan aan jQuery.
Als je $$ ziet, is het waarschijnlijk mootools.
bv.
Code (php)
1
2
3
2
3
window.addEvent('domready', function(){
$$('.item').addEvent('mousedown', function(event){
...
$$('.item').addEvent('mousedown', function(event){
...
Wat jij hier moet toevoegen, is
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Gewijzigd op 26/10/2012 13:30:16 door Kris Peeters
Code (php)
1
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Gewijzigd op 26/10/2012 14:20:19 door Victor -