Avatar billede cf1234 Nybegynder
14. november 2012 - 19:48 Der er 7 kommentarer

Vis knap når man har "scratch canvas"

Jeg har købt en template/løsning til at lave et skrabelod.
Løsningen er simpel men kan omtrent det den skal bortset fra jeg har brug for en knap/link der først er synlig når man har skrabet.
Jeg er ikke java-haj men det ser ud til man kan ligge ekstra kode ind der aktiveres når canvas er skrabet.
Sådan ser kodesnip der er på html side ud:

<script type="text/javascript">

        $(function(){
            $(".scratchCard").rabidScratchCard({
               
                revealRadius:50,
                percentComplete:50,
                revealOnComplete:true,
                updateOnMouseMove:true,//setting this option is processor intensive. So, set this only if necessary. If set to false, % will be calculated only on muse up of scracthing
                onScratchComplete : function(percentScratched) {
                    //you can access the current object by this or this.$elem[0]
                      //Do any thing you want here
                },
                onUpdate:function(percentScratched) {
                    $("#percentText").html("Percent: "+percentScratched)
                }
        });
       
           
        });

   
    </script>

Findes der en nem løsning?
Avatar billede olebole Juniormester
14. november 2012 - 20:07 #1
<ole>

Jeg har aldrig arbejdet med det pågældende script, men jeg vi formode dette vil virke:

                onUpdate:function(percentScratched) {
                    $("#percentText").html("Percent: "+percentScratched)
                    if (percentScratched>=100) {
                        // Vis knappen
                    }
                }

/mvh
</bole>
Avatar billede cf1234 Nybegynder
14. november 2012 - 20:25 #2
Jeg er stadig lidt blank.
Hvis jeg forstår bare lidt så skriver du at når 100% er skrabet skal der ske noget (knap).
Hvordan definere jeg knappen eller linket.?
Avatar billede olebole Juniormester
14. november 2012 - 20:43 #3
<button id="minKnap">Knap</button>
Avatar billede cf1234 Nybegynder
14. november 2012 - 21:08 #4
arghhh.....kan ikke få det til at spille.
html delen ser ud som følger

<body>
<div class="main">
<!--ScratchCard div starts-->
<div id="1" class="scratchCard" data-backGroundImage="images/scratchIt.jpg" data-foreGroundImage="images/reveal.jpg">
    <p style="font-size:16px">LOADING</p>
    <img src="images/loading2.gif"/>
</div></div>

<!--ScratchCard div ENDS-->

</body>
Avatar billede olebole Juniormester
14. november 2012 - 23:18 #5
Kan du ikke skrive en knap i en HTML-kode, eller?
Avatar billede jokkejensen Novice
14. november 2012 - 23:22 #6
læs dokumentationen.

percentComplete:50 = hvornår skal onScratchComplete afvikles.

så sæt den til ~95 i stedet for 50

og vis knappen "onScratchComplete"

hvis du vil vide hvor langt brugeren er :

onUpdate:function(percentScratched) {
$("#percentText1").html("Percent: "+percentScratched)
}

http://rabidflash.com/authoring/codecanyon/scratch/


/J
Avatar billede cf1234 Nybegynder
15. november 2012 - 18:43 #7
Efter at have revet håret af hovedet over jeres gode råd ingen effekt havde har jeg haft kontakt med opretshaveren til scriptet. Det viser sig der der var fejl i det script jeg har downloadet/købt. Fejlen er rettet og alt spiller. Til olebole: jeg kan godt skrive en knap i html men når det logiske ikke fungere spørger man lidt i vest :o)
I har begge haft ulejlighed så jeg prøver at dele pointene.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester