Online Kraslot werkt niet.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior/senior Front-end developer

Functie Je maakt deel uit van een DevOps Scrum team en werkt samen met back-end developers, test-engineers, interaction designers en een projectmanager. Er zijn verschillende groepen Scrum teams. Een roadmap team is jouw ‘’thuisbasis’’, daar wordt gewerkt aan doorontwikkeling van bestaande omgevingen voor een aantal klanten. Hiernaast zijn er projectteams waar nieuwe omgevingen worden gebouwd, of grote complexe wijzigingen worden doorgevoerd op bestaande omgevingen. Je kunt (afhankelijk van jouw wensen en doelen) dus afwisselend werken in beide teams. Hiernaast participeer je in het Chapter Front-end development waar gezamenlijk kennis en ervaring wordt gedeeld. Als Front-end developer is het jouw doel

Bekijk vacature »

Full stack Developer / .NET / Angular / Azure

Dit ga je doen Jij gaat je als Full Stack .NET Developer voornamelijk bezighouden met: Het vertalen van concepten naar passende innovatieve en duurzame oplossingen; Het ontwikkelen van bedrijf kritische en gebruiksvriendelijke applicaties voor de internationale markt en intern gebruik; Bouwen aan software om het Internet of Things netwerk te ondersteunen; Het maken en onderhouden van interfaces tussen systemen aan de hand van API's; Het onderhouden en blijven verbeteren van de ontwikkelde software. Hier ga je werken Binnen deze organisatie zal jij als Full Stack .NET Developer een belangrijke rol krijgen en ga je dagelijks de uitdaging aan om maatwerk

Bekijk vacature »

C# Ontwikkelaar

Functieomschrijving Voor een software ontwikkelaar in de omgeving van Vught zijn we op zoek naar een gemotiveerde C# ontwikkelaar. Deel jij hun passie voor development en dan vooral in C#.NET? Dan kan dit wel eens jouw droombaan zijn! Jouw werkzaamheden zullen er ongeveer als volgt uit gaan zien Door de wensen van de klant goed te begrijpen ga jij aan de slag dit om te zetten naar passende oplossingen en werk je deze uit tot een sterk eindproduct. Je gaat je bezighouden met de ontwikkeling van webapplicaties en websites, dit doe je door middel van ASP.NET, MVC Frameworks en C#.

Bekijk vacature »

Freelance JAVA / C# Developer

Functieomschrijving Voor een opdrachtgever in omgeving Zoetermeer zijn wij op zoek naar ervaren JAVA of C# Developers die graag op projectbasis willen werken. Je komt terecht bij een informele developers club die mooie projecten uitvoeren voor grote klanten. Ben je een ervaren freelancer of werk je in loondienst en ben je toe aan een nieuwe uitdaging? Lees dan snel verder want wie weet is dit een leuke vacature voor jou! Het fijne van deze werkgever is dat je zelf mag beslissen hoe je te werk wilt gaan. Wil je als freelancer werken dan is dat OK. Wil je de zekerheid

Bekijk vacature »

API Developer Red Hat Fuse

Dit ga je doen Als API Developer zal je verantwoordelijk zijn voor het: het maken van API's en het correct laten draaien van de API's op het platform. Hierdoor kom je in aanraking met Red Hat Fuse, Springt Boot, 3Scale, Red Hat SSO, Openshift en Azure DevOps; zorgen voor de kwaliteit van de ontwikkeling, integratie en prestaties van de API's; zorgen voor een stabiel integratieplatform. Hier ga je werken Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap dat hoofdzakelijk op OpenShift, Azure en

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Medior PHP developer

Functie Het team bestaat inmiddels uit zo’n 25 collega’s met specialisten op het gebied van development, data(analyse), marketing, infrastructuur en finance. Ze hebben een supermodern pand en bieden hiernaast veel vrijheid en verantwoordelijkheid. Ze doen er alles aan om jou op te gemak te stellen. Zo kun je je eigen werkplek inrichten naar persoonlijke wensen, maar gaan ze bijvoorbeeld ook jaarlijks met elkaar wintersporten en zijn er andere leuke uitjes. Als onderdeel van één van de scrumteams ga je aan de slag, samen ben je medeverantwoordelijk voor het doorontwikkelen van hun business applicatie waar het traffic team dagelijks mee werkt.

Bekijk vacature »

Oracle Developer / PL SQL

Dit ga je doen Software ontwikkeling aan een internationaal gebruikt pakket; Werken met technieken als Oracle 19c, Toad, PL/SQL, Oracle Forms, Reports en Designer; Meedraaien in internationale projecten; Meedenken over technisch en functioneel ontwerp; Samenwerken met collega's als Informatie Analisten, Testers en Release Managers; Soms wensen en eisen afstemmen met de business. Hier ga je werken Onze klant, een internationaal bekend bedrijf dat essentiële producten maakt waar iedereen graag gebruik van maakt, zoekt versterking in het Software Development team. Samen met 3 developers, een release manager, een informatie analist en 3 testers werk jij aan een systeem waarmee complexe producten

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

OutSystems developer

Dit ga je doen Klanten adviseren over de mogelijkheden van OutSystems; OutSystems oplossingen ontwikkelen en implementeren; Stakeholdermanagement; Kennis en expertise up to date houden en delen met het team. Hier ga je werken Onze opdrachtgever, gevestigd in regio Amsterdam, is een innovatieve dienstverlener die zich richt op grote corporates in verschillende sectoren. Doordat je bij veel verschillende klanten aan de slag zal gaan is geen enkel project hetzelfde. De organisatie kenmerkt zich door hoge mate van professionaliteit en innovatieve oplossingen. In de rol van OutSystems developer zal jij verschillende grote klanten helpen om efficiënte OutSystems oplossingen te ontwikkelen en implementeren.

Bekijk vacature »

Implementatie specialist

Standplaats: Honselersdijk Aantal uren: 32 – 40 uur Opleidingsniveau: HBO werk- en denkniveau Ben jij de implementatie expert die onze klanten helpt bij het integreren van de Greencommerce software? Ben jij daarnaast communicatief sterk, denk jij graag in verbeteringen en heb je ervaring met ICT? Lees dan snel verder! Bedrijfsinformatie Jem-id is een grote speler op het gebied van software ontwikkeling. Zo zijn wij continu bezig met het ontwikkelen van de meest innovatieve software voor de AGF- en sierteeltsector. We creëren oplossingen die er toe doen en verbinden klanten niet alleen op technisch vlak, maar zoeken ook de verbinding in

Bekijk vacature »

Java/Kotlin Developer

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »

Software Ontwikkelaar PHP

Functie omschrijving Software Ontwikkelaar PHP gezocht! Wij zijn op zoek naar een ervaren PHP Software Ontwikkelaar om het team van onze opdrachtgever te versterken! De ideale kandidaat zal fungeren als verlengstuk van klanten en complexe technische vraagstukken met enthousiasme benaderen. Naast het werken met de nieuwste technologieën, ben je in staat om aan meerdere projecten tegelijkertijd te werken. Als je deze uitdaging aangaat, werk je nauw samen met front-end developers en draag je bij aan het realiseren van grote veranderingen bij klanten. Het bedrijf zoekt iemand die zichzelf graag uitdaagt en altijd streeft naar het leveren van de beste resultaten.

Bekijk vacature »

PHP Developer - medior functie

Functieomschrijving Ben jij innovatief en wil jij je kennis graag delen met jouw nieuwe collega's? Lees dan snel verder! Voor een leuke opdrachtgever in de omgeving van Roosendaal zoeken wij een Symfony developer. Of je nou junior, medior of senior bent, je krijgt hier alle vrijheid en verantwoordelijkheid om jouw eigen loopbaan te ontwikkelen. Je gaat je hier bezig houden met en inspelen op de actualiteiten van jouw vakgebied. Techstack: Symfony, PHP, mySQL. Kennis van Svelte is helemaal mooi meegenomen. Bedrijfsprofiel Al sinds '99 is dit webbureau actief. De kernwaarden binnen het bedrijf zijn integer, dienstbaar en deskundig. Je komt

Bekijk vacature »
Bram Poulisse

Bram Poulisse

16/09/2014 14:40:46
Quote Anchor link
Ik ben een Online kraslot aan het maken en als ik alle vakjes heb open gekrast zou er een pop up moeten komen met een melding er in maar die komt niet.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
    
<html>
<head>
    <script language="JavaScript1.2" type="text/javascript">

        function disableselect(e)
        {
            return false         /*disabeling selection action*/
        }
        function reEnable()
        {
            return true
        }
        document.onselectstart=new Function ("return false")
        if (window.sidebar)
        {

            document.onclick=reEnable
        }    
        function clickIE()
        {
            if (document.all)
            {
                (message);
                return false;
            }
        }
        document.oncontextmenu=new Function("return false")        
    </script>
    <meta CHARSET="UTF-8">
    
    <title>Scratch Scratch</title>

    <!-- jQuery -->
    <script type="text/javascript" src="./inc/jquery.1.7.1.min.js"></script>

    <!-- wScratchPad -->
    <script type="text/javascript" src="./wScratchPad.js"></script>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div id="positie">
        <div id="nummer1">
        </div>
        <div id="nummer2">
        </div>
        <div id="nummer3">
        </div>
        <div id="nummer4">
        </div>
        <div id="nummer5">
        </div>
        <div id="nummer6">
        </div>
        <div id="nummer7">
        </div>
        <div id="nummer8">
        </div>
        <div id="nummer9">
        </div>
    </div>
    <div id="logo">
            <img src="images/logo.jpg" style="WIDTH:350; HEIGHT:200px; border: solid 3px;"/> <!--moet nog een echt logo in-->
    </div>
    <script type="text/javascript">

            var cleared = 0;

            //scratchpad1
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";        //de plaatjes die je kunt vrij krassen
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer1').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer1").wScratchPad('bg', images[index]);
            $("#nummer1").wScratchPad('fg', 'images/overlay.png');        //de laag die je weg krast
            $("#nummer1").wScratchPad('size', '15');                //grote van het vlak dat je ineens weg krast
            $("#nummer1").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');  //de muis die je hebt boven het krasveld
            
        
            //scratchpad2
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer2').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer2").wScratchPad('bg', images[index]);
            $("#nummer2").wScratchPad('fg', 'images/overlay.png');
            $("#nummer2").wScratchPad('size', '15');
            $("#nummer2").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            //scratchpad3
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer3').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer3").wScratchPad('bg', images[index]);
            $("#nummer3").wScratchPad('fg', 'images/overlay.png');
            $("#nummer3").wScratchPad('size', '15');
            $("#nummer3").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            //scratchpad4
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer4').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer4").wScratchPad('bg', images[index]);
            $("#nummer4").wScratchPad('fg', 'images/overlay.png');
            $("#nummer4").wScratchPad('size', '15');
            $("#nummer4").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            //scratchpad5
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer5').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer5").wScratchPad('bg', images[index]);
            $("#nummer5").wScratchPad('fg', 'images/overlay.png');
            $("#nummer5").wScratchPad('size', '15');
            $("#nummer5").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            //scratchpad6
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer6').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer6").wScratchPad('bg', images[index]);
            $("#nummer6").wScratchPad('fg', 'images/overlay.png');
            $("#nummer6").wScratchPad('size', '15');
            $("#nummer6").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            //scratchpad7
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer7').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer7").wScratchPad('bg', images[index]);
            $("#nummer7").wScratchPad('fg', 'images/overlay.png');
            $("#nummer7").wScratchPad('size', '15');
            $("#nummer7").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            //scratchpad8
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer8').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer8").wScratchPad('bg', images[index]);
            $("#nummer8").wScratchPad('fg', 'images/overlay.png');
            $("#nummer8").wScratchPad('size', '15');
            $("#nummer8").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            //scratchpad9
            var images = [],
            index = 0;

            images[0] = "images/slide1.jpg";
            images[1] = "images/slide2.jpg";
            images[2] = "images/slide3.jpg";
            images[3] = "images/logo.jpg";
            images[4] = "images/winner.png";
            images[5] = "images/scratch-to-win.png";

            index = Math.floor(Math.random() * images.length);

            $('#nummer9').wScratchPad({
              scratchMove: function (e, percent) {
                console.log(percent);
                if (percent > 70)
                {
                    this.clear();
                    cleared = cleared + 1;
                }
              }
            });
            $("#nummer9").wScratchPad('bg', images[index]);
            $("#nummer9").wScratchPad('fg', 'images/overlay.png');
            $("#nummer9").wScratchPad('size', '15');
            $("#nummer9").wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
            
            
            if (cleared === 9)
            {
                window.alert('alle vakjes zijn open gekrast');
                window.location.href="geenprijs.php";
            }
            
        
    </script>
    <script type="text/javascript">
        $("#nummer2").wScratchPad({});        
        $("#nummer3").wScratchPad({});
        
        $("#nummer4").wScratchPad({});        
        $("#nummer5").wScratchPad({});
        $("#nummer6").wScratchPad({});

        $("#nummer7").wScratchPad({});        
        $("#nummer8").wScratchPad({});
        $("#nummer9").wScratchPad({});            
    </script>
</body>
</html>


ik heb 9 kras vakjes en elke keer als ik er een heb open gekrast moet er 1 bij mijn var boven in worden geteld.
uiteindelijk als ik ze heb open gekrast zou er een alert moeten komen volgens mijn if statement onder in de code.
er komt geen alert maar bij elk vakje wat voor 70 % word open gekrast word wel meteen leeg gemaakt.

als iemand mij zou kunnen helpen zou ik het heel erg op prijs stellen.

mvg,

Bram poulisse
Gewijzigd op 16/09/2014 15:49:40 door Bram Poulisse
 
PHP hulp

PHP hulp

17/06/2025 00:52:46
 
Frank Nietbelangrijk

Frank Nietbelangrijk

16/09/2014 15:37:38
Quote Anchor link
9 kras vakjes en 9 keer herhaling van code :-)

Heb je nog even wat bijbehorende HTML of nog liever een live voorbeeldje?

Code kan veel korter.
 
Jacco Engel

Jacco Engel

16/09/2014 15:38:03
Quote Anchor link
line 249, mijn ervaring is dat var++ niet altijd jofel werkt. Vervang het eens door cleared = cleared + 1;

Ook de spatie tussen cleared en ++ verwijderen zou het kunnen oplossen.
 
Bram Poulisse

Bram Poulisse

16/09/2014 15:45:13
Quote Anchor link
Jacco Engel op 16/09/2014 15:38:03:
line 249, mijn ervaring is dat var++ niet altijd jofel werkt. Vervang het eens door cleared = cleared + 1;

Ook de spatie tussen cleared en ++ verwijderen zou het kunnen oplossen.


alle bij geprobeerd en het werkte geen van beide :(

Toevoeging op 16/09/2014 15:50:17:

Frank Nietbelangrijk op 16/09/2014 15:37:38:
9 kras vakjes en 9 keer herhaling van code :-)

Heb je nog even wat bijbehorende HTML of nog liever een live voorbeeldje?

Code kan veel korter.


ik heb de hele code er op gezet, een live voorbeeld geven lukt helaas niet.
 
Jacco Engel

Jacco Engel

16/09/2014 16:21:01
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
        $("#nummer2").wScratchPad({});        
        $("#nummer3").wScratchPad({});
        
        $("#nummer4").wScratchPad({});        
        $("#nummer5").wScratchPad({});
        $("#nummer6").wScratchPad({});

        $("#nummer7").wScratchPad({});        
        $("#nummer8").wScratchPad({});
        $("#nummer9").wScratchPad({});            
    </script>


Waarom staat nummer 1 hier niet bij?

En iets kortere code :
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
    
<html>
<head>
    <script language="JavaScript1.2" type="text/javascript">

        function disableselect(e)
        {
            return false         /*disabeling selection action*/
        }
        function reEnable()
        {
            return true
        }
        document.onselectstart=new Function ("return false")
        if (window.sidebar)
        {

            document.onclick=reEnable
        }    
        function clickIE()
        {
            if (document.all)
            {
                (message);
                return false;
            }
        }
        document.oncontextmenu=new Function("return false")        
    </script>
    <meta CHARSET="UTF-8">
    
    <title>Scratch Scratch</title>

    <!-- jQuery -->
    <script type="text/javascript" src="./inc/jquery.1.7.1.min.js"></script>

    <!-- wScratchPad -->
    <script type="text/javascript" src="./wScratchPad.js"></script>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div id="positie">
        <div id="nummer1">
        </div>
        <div id="nummer2">
        </div>
        <div id="nummer3">
        </div>
        <div id="nummer4">
        </div>
        <div id="nummer5">
        </div>
        <div id="nummer6">
        </div>
        <div id="nummer7">
        </div>
        <div id="nummer8">
        </div>
        <div id="nummer9">
        </div>
    </div>
    <div id="logo">
            <img src="images/logo.jpg" style="WIDTH:350; HEIGHT:200px; border: solid 3px;"/> <!--moet nog een echt logo in-->
    </div>
    <script type="text/javascript">

            var cleared = 0;
            
            //aantal scratchpads
            var squares = 9 ;
            
            var images = [],
            index = 0;
            
            var counter = 1;
            
            while(counter <= squares)
            {
                images[0] = "images/slide1.jpg";
                images[1] = "images/slide2.jpg";
                images[2] = "images/slide3.jpg";
                images[3] = "images/logo.jpg";
                images[4] = "images/winner.png";
                images[5] = "images/scratch-to-win.png";

                index = Math.floor(Math.random() * images.length);

                $('#nummer' + counter).wScratchPad({
                  scratchMove: function (e, percent) {
                    console.log(percent);
                    if (percent > 70)
                    {
                        this.clear();
                        cleared = cleared + 1;
                    }
                  }
                });
                $("#nummer" + counter).wScratchPad('bg', images[index]);
                $("#nummer" + counter).wScratchPad('fg', 'images/overlay.png');
                $("#nummer" + counter).wScratchPad('size', '15');
                $("#nummer" + counter).wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
                counter = counter + 1;
            }
            
            if (cleared === 9)
            {
                window.alert('alle vakjes zijn open gekrast');
                window.location.href="geenprijs.php";
            }
            
        
    </script>
    <script type="text/javascript">
        var squares = 9 ;
        var counter = 1;
            
        while(counter <= squares)
        {
            $("#nummer" + counter).wScratchPad({});          
            counter = counter + 1;
        }
    </script>
</body>
</html>
Gewijzigd op 16/09/2014 16:23:10 door Jacco Engel
 
Bram Poulisse

Bram Poulisse

17/09/2014 09:12:52
Quote Anchor link
De verkorte code is wel slim gemaakt gaat zeker van pas komen.
 
Jacco Engel

Jacco Engel

17/09/2014 10:31:54
Quote Anchor link
En zoals ik al aangaf :
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
    <script type="text/javascript">
        $("#nummer2").wScratchPad({});        
        $("#nummer3").wScratchPad({});
        
        $("#nummer4").wScratchPad({});        
        $("#nummer5").wScratchPad({});
        $("#nummer6").wScratchPad({});

        $("#nummer7").wScratchPad({});        
        $("#nummer8").wScratchPad({});
        $("#nummer9").wScratchPad({});            
    </script>


Je mist hier nummer 1. Ik heb dan ook het vermoeden dat je cleared counter maar tot 8 komt maar nooit bij negen tot je nummer1 ook toevoegd
 
Bram Poulisse

Bram Poulisse

17/09/2014 11:19:40
Quote Anchor link
als ik in de console kijk geeft mijn clear counter wel tot en met 9 aan. maar het lijkt alsof hij mijn if niet pakt.
 
Jacco Engel

Jacco Engel

17/09/2014 11:29:27
Quote Anchor link
zet eens vlak voor je if :
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
console.log(typeof cleared)


of vervang in je if === eens door ==
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
if (cleared == 9)
{
   window.alert('alle vakjes zijn open gekrast');
   window.location.href="geenprijs.php";
}
 
Bram Poulisse

Bram Poulisse

17/09/2014 11:33:40
Quote Anchor link
als ik
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
console.log(typeof cleared)
            if (cleared == 9)
            {
                window.alert('alle vakjes zijn open gekrast');
                window.location.href="geenprijs.php";
            }

gebruik komt er in de console te staan: number

ik heb al geprobeerd met == en met = en met != en ook bijv.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
  if (cleared >= 8)
            {
                window.alert('alle vakjes zijn open gekrast');
                window.location.href="geenprijs.php";
            }
 
Jacco Engel

Jacco Engel

17/09/2014 11:35:59
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
    
<html>
<head>
    <script language="JavaScript1.2" type="text/javascript">

        function disableselect(e)
        {
            return false         /*disabeling selection action*/
        }
        function reEnable()
        {
            return true
        }
        document.onselectstart=new Function ("return false")
        if (window.sidebar)
        {

            document.onclick=reEnable
        }    
        function clickIE()
        {
            if (document.all)
            {
                (message);
                return false;
            }
        }
        document.oncontextmenu=new Function("return false")        
    </script>
    <meta CHARSET="UTF-8">
    
    <title>Scratch Scratch</title>

    <!-- jQuery -->
    <script type="text/javascript" src="./inc/jquery.1.7.1.min.js"></script>

    <!-- wScratchPad -->
    <script type="text/javascript" src="./wScratchPad.js"></script>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div id="positie">
        <div id="nummer1">
        </div>
        <div id="nummer2">
        </div>
        <div id="nummer3">
        </div>
        <div id="nummer4">
        </div>
        <div id="nummer5">
        </div>
        <div id="nummer6">
        </div>
        <div id="nummer7">
        </div>
        <div id="nummer8">
        </div>
        <div id="nummer9">
        </div>
    </div>
    <div id="logo">
            <img src="images/logo.jpg" style="WIDTH:350; HEIGHT:200px; border: solid 3px;"/> <!--moet nog een echt logo in-->
    </div>
    <script type="text/javascript">

            var cleared = 0;
            
            //aantal scratchpads
            var squares = 9 ;
            
            var images = [],
            index = 0;
            
            var counter = 1;
            
            while(counter <= squares)
            {
                images[0] = "images/slide1.jpg";
                images[1] = "images/slide2.jpg";
                images[2] = "images/slide3.jpg";
                images[3] = "images/logo.jpg";
                images[4] = "images/winner.png";
                images[5] = "images/scratch-to-win.png";

                index = Math.floor(Math.random() * images.length);

                $('#nummer' + counter).wScratchPad({
                  scratchMove: function (e, percent) {
                    console.log(percent);
                    if (percent > 70)
                    {
                        this.clear();
                        cleared = cleared + 1;
                        if (cleared === 9)
                        {
                            window.alert('alle vakjes zijn open gekrast');
                            window.location.href="geenprijs.php";
                        }
                    }
                  }
                });
                $("#nummer" + counter).wScratchPad('bg', images[index]);
                $("#nummer" + counter).wScratchPad('fg', 'images/overlay.png');
                $("#nummer" + counter).wScratchPad('size', '15');
                $("#nummer" + counter).wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
                counter = counter + 1;
            }
          
    </script>
    <script type="text/javascript">
        var squares = 9 ;
        var counter = 1;
            
        while(counter <= squares)
        {
            $("#nummer" + counter).wScratchPad({});          
            counter = counter + 1;
        }
    </script>
</body>
</html>


Je wil je if doen als je je clear verhoogd. Je if word direct geparsed als je pagina laad, en dan zal de cleared altijd nul zijn. Je if word in de huidige situatie maar 1 keer gedraaid.

Heb de code voor je aangepast en het zou moeten werken :)
Gewijzigd op 17/09/2014 11:39:10 door Jacco Engel
 
Bram Poulisse

Bram Poulisse

17/09/2014 11:46:01
Quote Anchor link
Ik heb je code uitgeprobeerd maar de alert komt al als ik 1 vakje open kras.
en die moet pas komen als ze alle 9 zijn open gekrast.
 
Jacco Engel

Jacco Engel

17/09/2014 11:48:16
Quote Anchor link
Je hebt een alert, dit is vooruitgang :P. Zonder een werkend voorbeeld word het een beetje tricky om te debuggen
 
Bram Poulisse

Bram Poulisse

17/09/2014 11:54:16
Quote Anchor link
Ik heb het antwoord
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
if (percent >= 70 && percent != 100)


dit moet in de if staan van dit stuk
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$('#nummer' + counter).wScratchPad({
                  scratchMove: function (e, percent) {
                    console.log(percent);
                    if (percent >= 70 && percent != 100)
                    {
                        this.clear();
                        cleared = cleared + 1;
                        if (cleared === 9)
                        {
                            window.alert('alle vakjes zijn open gekrast');
                            window.location.href="geenprijs.php";
                        }
                    }
                  }
                });
                $("#nummer" + counter).wScratchPad('bg', images[index]);
                $("#nummer" + counter).wScratchPad('fg', 'images/overlay.png');
                $("#nummer" + counter).wScratchPad('size', '50');
                $("#nummer" + counter).wScratchPad('cursor', 'url("./images/coin.png") 5 5, default');
                counter = counter + 1;


zo werkt de code wel.
super bedankt voor al je hulp.
het word heel erg gewaardeerd.
 
Jacco Engel

Jacco Engel

17/09/2014 12:11:47
Quote Anchor link
Geen probleem
 
Lano Heeren

Lano Heeren

17/09/2014 20:57:21
Quote Anchor link
Bram,
Mag ik de link? ben benieuwt hoe het werkt.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.