Online Kraslot werkt niet.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior C# Software Ontwikkelaar te Zaandam

Bedrijfsomschrijving Deze werkgever heeft als missie om haar klanten op ICT-gebied volledig te ontzorgen. Ze zijn een ICT bedrijf met een verscheidenheid aan ICT oplossingen waaronder Cloud oplossingen en een groot deel van het werk is gericht op software realisatie. Voor de Enterprise-klanten voert het relatief kleine ontwikkelteam waar jij deel uit van kan gaan maken binnen deze organisatie te Zaandam de grootste opdrachten uit. Niet alleen websites en complexe webapplicaties maar ook mobile apps, web services en complete systeemintegraties! Je moet dan denken aan Dynamics, Sharepoint en Salesforce. Je komt hier terecht in een relatief kleine organisatie met ontzettend

Bekijk vacature »

Senior Front-End Developer

Als Senior Front-End Developer bij Coolblue verbeter je de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Wat doe je als Senior Front-End Developer bij Coolblue? Als Senior Front-end Developer werk je aan de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Je vindt het leuk om samen te werken met de UX designer om stories op te pakken. Daarnaast ben je trots op je werk en verwelkomt alle feedback. Ook Senior Front-end Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen Verbeteren van de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Nadenken

Bekijk vacature »

Hands-on Solution Architect / Software Architect (

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Solution Architect / Software Architect op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je werkt samen met gedreven DevOps teams, bestaande uit frontend, backend en middleware developers, testers, UX-designers. Samen met de teams ben je continu op zoek naar de beste oplossingen voor onze klanten. Als Solution Architect onderzoek

Bekijk vacature »

Senior Front-end Developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als Senior Front-end Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel

Bekijk vacature »

.NET developer

Functie Als .NET developer start jij in een development team met één Senior .NET developer en één junior .NET developer. Als team zijn jullie verantwoordelijk voor het schrijven van software voor onze toonaangevende Automatiseringssystemen. Jij gaat aan de slag met de onderhoud van de kernsoftware, ondersteund de software van derden door het gebruik van onze webservices en als team zijn jullie verantwoordelijk voor het ontwikkelen van onze backend oplossingen. Wij maken op dit moment veel gebruik van .NET met ASP.NET. Komend kwartaal gaan wij wel gedeeltelijk overstappen naar .NET Core. Verder werken wij ook met SOAP, REST, JSON, HTML5, CSS3

Bekijk vacature »

Medior/senior Front-end developer (Vue.js)

Functie Als Front-end developer ben je uiteindelijk overkoepelend aan de slag voor de 3 ontwikkelteams die ieder aan een specifiek product werken. In samenwerking met de UX-designer en de huidige Front-end developer zorg je voor gebruiksvriendelijke software. Lijkt het jou interessant om complexe problemen op te lossen en feautures naar een hoger niveau te tillen? En vind je het niet erg om oudere delen van de applicaties te refactoren i.c.m. het toevoegen van nieuwe functionaliteiten? Dan komen wij graag met je in contact. Eisen • HBO werk- en denkniveau (ze kijken niet naar papieren, maar naar denkniveau, motivatie en zelfredzaamheid)

Bekijk vacature »

High level C++ QT Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 13486 Introductie Would you like to be involved in every aspect of software development for our exceptional products, from specification and design to testing and integration? If you're passionate about software development and eager to apply your programming skills to create customer-focused deliverables, then this is the perfect chance for you to expand your expertise. You can become a member of our Machine Control department's data-driven development team, where you'll design and build software solutions that optimize machine productivity. As a senior software design engineer, you'll participate in all phases

Bekijk vacature »

Senior .Net developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als .Net Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

App Developer

Samen werken aan een gezonder Nederland en toekomstbestendige zorg voor iedereen. Dat is de impact die jij kan hebben als App Developer bij VGZ. Wil jij een bijdrage leveren aan een maatschappij waarin iedereen zich thuis voelt? Bekijk dan de vacature. Uit onderzoek van Computable is VGZ verkozen tot ‘beste niet-ICT werkgever voor ICT’ers van Nederland’ Hoe ook jij het verschil maakt Als App developer werk jij aan het belangrijkste communicatiekanaal van VGZ, namelijk de App! Als App developer bij VGZ maak je onderdeel uit van een van onze App-teams. Met een goede mix van kennis en ervaring zet je

Bekijk vacature »

Senior PHP developer

Functie Als Senior PHP developer heb je een sterke mening over de architectuur van projecten en de processen binnen het team. Je bent de sparringpartner voor je Team Lead. Ook ondersteun je met jouw kennis de minder ervaren developers in jouw team. Ze werken regelmatig aan projecten vanaf scratch en dit geeft ruimte om voor nieuwe technieken te kiezen. Naast het ontwikkelen van software ben je continue bezig om ook jezelf te ontwikkelen. Ze werken met o.a.: PHP, Laravel, Doctrine, PHP Unit, Behat, React, TypeScript, (My)SQL, Postgress, Redis, ElasticSearch, Docker, Nginx, GIT flow, JIRA, AWS. Eisen • HBO werk- en

Bekijk vacature »

Senior Developer Betty Blocks Blauwe Haven Rotterd

Functieomschrijving Voor de Politie zijn wij opzoek naar een Senior Developer Betty Blocks Blauwe Haven Rotterdam. De politieorganisatie heeft jaarlijks te maken met een aanzienlijk aantal politiemedewerkers die vanwege mentale overbelasting niet of beperkt inzetbaar zijn. De Blauwe Haven Rotterdam ondersteunt deze politiemedewerkers in hun herstel en re-integratieproces. De huidige digitale systemen van de Politie bieden onvoldoende ondersteuning in het herstel- en re-integratieproces van politiemedewerkers. Zowel voor de politiemedewerkers als voor de organisatie. Politiemedewerkers worden buitengesloten, waardoor zij eigen regie verliezen. Begeleiders kunnen de voortgang van de medewerkers niet goed monitoren. Management beschikt niet over de mogelijkheid trends te signaleren

Bekijk vacature »

Functioneel applicatiebeheerder - SOP-SYS-SAM

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Functioneel Applicatiebeheerder voor het financiele domein op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je gaat samenwerken in een team van circa 15 functioneel applicatiebeheerders en gaat onderdeel uitmaken van een DevOps team. Met dit team ga je applicaties (laten) ontwikkelen en beheren. Hierbij concentreer je je vooral op

Bekijk vacature »

Front end developer binnen de consultancy

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiën en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collega’s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

Senior Java Developer

Als Senior Java Developer bij Sogeti ben je onderdeel van onze toonaangevende community die bestaat uit ruim 100 gepassioneerde Java professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze top-opdrachtgevers. Geen werkdag is hetzelfde! Je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfs kritische systemen voor onze klanten in regio Noordoost zoals DUO, ING, CJIB en Tendernet. Natuurlijk krijg jij de mogelijkheid je verder te certificeren in dit vakgebied. We organiseren regelmatig technische Meetups en doen veel aan kennisdeling. Sogetisten hebben plezier in hun werk en

Bekijk vacature »

Applicatieontwikkelaar Java EE

Bedrijfsomschrijving De IV- organisatie van de Belastingdienst is verantwoordelijk voor en verzorgt de ICT- voorzieningen. Het merendeel van de applicaties wordt op dit moment door de IV- organisatie zelf ontwikkeld, onderhouden en beheerd in het eigen data center. Naast de zorg voor continuïteit op de massale heffing- en inningsprocessen die plaatsvinden binnen een degelijke, stabiele omgeving, wordt er tevens volop gewerkt aan modernisering van het IV- landschap. Dit gebeurt deels intern door gebruik te maken van de expertise die intern aanwezig is, maar ook door het aantrekken van (kant-en-klaar) oplossingen en expertise uit de markt. Functieomschrijving De afdeling IV –

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

06/05/2024 14:15:31
 
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.