Online Kraslot werkt niet.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Productontwikkelaar Food

Wat ga je doen Als Productontwikkelaar Food ga je nieuwe producten ontwikkelen en bestaande producten verbeteren. Je bent hierbij betrokken bij het gehele proces: van productconcept naar proefreceptuur, het realiseren va het product (op kleine schaal) en het testen van producten in een productieomgeving. Verder: Bewaak je de status van verschillende fases van productontwikkeling en lever je tijdig de benodigde data aan Ben je bezig met de optimalisatie van oude en nieuwe recepturen Begeleid of organiseer je proefsessies (sensorisch onderzoek) in het team en/of bij klanten Onderhoud je contacten met de klanten, leveranciers van grondstoffen e.a. externe partijen Houd je

Bekijk vacature »

Klein team zoekt grote fullstack .NET developer to

Bedrijfsomschrijving Deze werkgever is marktleider in de Benelux en is Europees ook al aardig aan de weg aan het timmeren. Ze voorzien technische winkels van apparatuur om producten een langer leven te geven. Hiermee reduceren ze flink wat CO2 uitstoot en dat is natuurlijk goed voor iedereen! IT speelt een belangrijke rol in de bedrijfsvoering en de applicaties zijn van goed niveau. Als fullstack .NET developer ga jij je bijdrage leveren aan het verder verbeteren van de applicaties en de interne processen. Ze zijn nu met ruim 50 medewerkers in totaal en de afdeling development bestaat uit een 5tal developers.

Bekijk vacature »

Informeel bureau zoekt Senior PHP developer

Functie Als senior PHP developer neem je het voortouw in ontwikkeltrajecten en ben je in staat werk uit te leggen aan collega’s om zo je kennis met hen te delen. Je deinst niet terug voor ingewikkelde projecten. Deze zie jij alleen maar als uit uitdaging. Je werkt doorlopend aan klantcases (en hierdoor je klant echt leert kennen), maar toch ben je afwisselend bezig. Dit alles in een vrije en ontspannen werksfeer, met een team van gelijkgestemde. Binnen de development teams werken ze met o.a. PHP, Laravel, React, Node, Elastic, Amazon AWS, JIRA, Solid, Domain-driven-design, Doctrine, Redis, docker, Kubernetes, CI, PHP

Bekijk vacature »

Low Code Ontwikkelaar

In het kort Als Low Code Developer werk je aan projecten bij en voor onze klanten, waarbij je voor het ontwikkelen van de oplossingen een technisch low-code platform gebruikt. Samen met het team streef je naar de beste oplossing en bepalen jullie de juiste aanpak. Je rol is divers en je bent van begin tot eind betrokken bij de ontwikkeling zowel de back-end en de front-end van de applicatie. Naast de ontwikkeling en oplevering, breng je ook advies uit aan de klant waarom bepaalde keuzes worden gemaakt. Je bent dan ook communicatief sterk en kunt je keuzes goed (inhoudelijk) onderbouwen.

Bekijk vacature »

Back-end PHP Software Developer - Juniorfunctie

Functieomschrijving Wij zijn op zoek naar een PHP Software Developer om ons team te versterken en mee te werken aan de ontwikkeling van eigen IOT-oplossingen. In deze functie ben je verantwoordelijk voor het bouwen van webapplicaties, apps en dashboards voor het uitlezen en managen van sensoren in machines. Je werkt nauw samen met een team van ontwikkelaars en engineers om de beste software-oplossingen te creëren. Jouw werkzaamheden zien er als volgt uit: Je bent in deze rol verantwoordelijk voor het ontwerpen, ontwikkelen en onderhouden van webapplicaties en softwaretoepassingen voor in-house ontwikkelde IOT oplossingen. Je werkt aan complexe databases en back-end

Bekijk vacature »

Front-end Developer - React - Data Driven

Bedrijfsomschrijving Onze klant is een snelgroeiende organisatie die een data-driven inspectieapp op de markt hebben gebracht die nu al een aantal jaar door verschillende organisaties wereldwijd gebruikt wordt. Er zijn zo'n 6 mensen werkzaam bij dit bedrijf en ze zijn nu vooral op zoek naar een sterke front-end developer die wil gaan werken aan nieuwbouw applicaties en de uitbouw van de huidige applicaties. De reden dat ze zoeken is omdat er veel werk op komst is en ze hier de juiste capaciteit voor willen hebben. Er heerst hier een hele prettige sfeer waarin respect en eerlijke communicatie belangrijk is. Ook

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 »

Fullstack developer

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie werken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar versterking op de afdeling Software Development! Als Fullstack react.js developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Onderdelen van jouw functie: Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook

Bekijk vacature »

Ontwikkelaar MS Dynamics 365 Projecten

Samengevat: Deze werkgever is de kwaliteitsdienst in de tuinbouwsector. Ben jij een ervaren ontwikkelaar? Heb jij ervaring met Ms Dynamics 365 BC? Vaste baan: Ontwikkelaar Ms Dynamics 365 BC ICT MBO 3.500 - 5.000 Ontwikkelaar Ms Dynamics 365 BC Ons bedrijf bewaakt en bevordert de kwaliteit van producten, processen en ketens in de tuinbouw. Wij kenmerken zich door openheid, ruimte voor initiatief, collegialiteit en zelfontplooiing. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Functie: Voor de vacature als Ontwikkelaar Ms Dynamics 365 BC Roelofarendsveen MBO

Bekijk vacature »

Fullstack developer - medior

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie willen werken? Voor een mooi softwarebedrijf in omgeving Gorinchem zijn wij op zoek naar versterking. Als Fullstack developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Werkzaamheden Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook regelmatig met de back end werken! Bedrijfsprofiel Onze

Bekijk vacature »

Softwareontwikkelaar Cleopatra

Functieomschrijving Voor de gemeente Amsterdam zijn wij op zoek naar een softwareontwikkelaar Cleopatra. De directie Verkeer en Openbare ruimte van de gemeente Amsterdam beschikt over een softwareapplicatie, "Cleopatra", waarmee geautomatiseerde handhaving plaatsvindt (op basis van kentekenherkenning) van bepaalde gebieden waarin toegangseisen worden gesteld aan het verkeer. Voorbeelden ervan zijn de milieuzones, de zone zwaar verkeer, handhaving van brom- en snorfietser op het fietspad en autoluwe gebieden. Voor de doorontwikkeling en uitbreiding ervan zijn gespecialiseerde softwareontwikkelaars nodig die helpen bij het programmeren van de handhavingsmodules voor nieuwe gebieden en het verbeteren en bijwerken van de bestaande onderdelen van de softwareapplicatie. Functie

Bekijk vacature »

Outsystems Developer Junior

Dit ga je doen Bouwen aan nieuwe en innovatieve applicaties; Maken van koppelingen tussen Outsystems en het bestaande applicatielandschap; Troubleshooting op bestaande software. Hier ga je werken De organisatie is internationale speler binnen de bouwbranche en richt zich op de infrastructuur, zowel boven als onder de grond. Ze zijn ruim 1100 man groot en maken op IT vlak een mooie groei door. Als junior Outsystems Developer kom je te werken op een IT-afdeling van zo'n 25 man groot. Een aantal jaar geleden hebben ze de keuze gemaakt om zich meer te gaan richten op ontwikkeling en door de groei van

Bekijk vacature »

C# Developer

Dit ga je doen Je gaat aan de slag in het websites team of portals team waarin je je bezighoudt met concept & design, implementatie en ook een stukje bugfixing en onderhoud; Je werkt met je team volgens de Scrum werkwijze; Zo adviseer je ook de PO & Scrum Master over de technische architectuur, koppelingen en integratie met externe systemen en API’s; Je blijft op de hoogte van de laatste ontwikkelingen en trends op het gebied van C# / .NET en deelt deze kennis binnen de organisatie. Hier ga je werken Onze klant is een internationale organisatie gevestigd in de

Bekijk vacature »

Junior .NET developer

Functie Jij hebt natuurlijk net jouw Bachelor op zak en gaat nu voor het eerst aan de slag bij een werkgever als junior .NET ontwikkelaar. Waarschijnlijk lijkt het jou spannend om ineens aan de slag te gaan bij klanten in de consultancy. Maak je niet druk, jij komt hier terecht in een warm bad en wordt totaal niet in het diepe gegooid. Zodra jij hier begint wordt jij gekoppeld aan een persoonlijke manager met een persoonlijk ontwikkelplan. Jij krijgt een scala aan trainingen, denk aan trainingen ten behoeve van het opdoen van zelf kennis en gedragscompetenties, maar ook trainingen voor

Bekijk vacature »

Front-end developer (Vue.js) gezocht!

Functie Als Front-end developer is het jouw doel om efficiënte en effectieve frontend code te ontwerpen, ontwikkelen en onderhouden die goed aansluit bij de functionele behoefte vanuit de klant. Je zorgt voor optimale SEO-resultaten, sitespeed en frontend security. You build it, you run it, you own it! 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

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

15/05/2024 15:35:23
 
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.