So sorry – I totally missed your question. I am working on a React version but it’s not ready yet.

You can allow infinite spins by setting numSpins:-1 in the JSON.

Does that help?

sorry no, I’m fine with the infinite spins I have sorted that. It’s the popup box is not closing so I need to either add a close button, redirect it or have a spin again link. I would prefer just the script I need to put in an A tag to make it close the toast modal box, trying to add this myself has not worked

Ok try these steps:

  Spin2WinWheel.hideToast = function () {
   alert('closing toast'); // <-- you can remove this
    toast.style.visibility = 'hidden';
  }

2. In index.html find the .toast and under the p tag write

<a href="#" onclick="Spin2WinWheel.hideToast(); return false;">CLOSE</a>

How you use it is really up to you. Spin2Win Wheel has been used for all sorts of things over the years because it’s very flexible so I don’t see why not.

The server keeps misfiring – just refresh it please!

I tried this and it works fine:

The JSON data is in double quotes so try using single quotes in your URL.

You could put it inside a container that’s half the wheel’s height and set the container’s overflow:hidden maybe?

Can you send me a link via a private message (DM)?

Try it again. Sometimes the server misfires

Hi there, it is okay now. thanks!

Because it loads data use an HTTP request, it must be run on a web server.

See this FAQ:

If you need an offline version I can supply it, just bear in mind the data for the wheel will be in JavaScript and not JSON.

Great! Please bear in mind that the license covers one instance of the wheel. If you want to use it on multiple sites you must buy a license for each instance. So if you use it on 4 sites you must buy 4 licenses. Cheers!

Hello chrisgannon, I did the test of the link you sent (about sending to the database) but it didn’t work, the following error appears on the console:

ReferenceError not captured: $ is not defined in myResult (index.js: 23) > =

$(document).ready(function(){ $(’#spin’).click(function(){ $.ajax({ url: ‘save.php’, type: ‘POST’, data: {item:e.userData.prize, itemt:e.userData.typeprize}, success: function(result){ alert(“save!”); } });

});
});

this is my php:

include ‘config.php’; $item=$_POST[‘item’]; $itemt=$_POST[‘itemt’]; $date = date(‘d/m/Y H:i:s’); $sql = “INSERT INTO `wheel_history`(`User`, `Item`, `Date`) VALUES (‘Fred’,’$item – $itemt’,’$date’)”; if (mysqli_query($conn, $sql)) { echo json_encode(array(“statusCode”=>200)); } else { echo json_encode(array(“statusCode”=>201)); } mysqli_close($conn);

- continued error on the console - in showResult (Spin2WinWheel.js: 802) in Object.spinComplete (Spin2WinWheel.js: 714) in Object.h._callback (TweenMax.min.js: 16) in Object.h.render (TweenMax.min.js: 17) in Object.h.render (TweenMax.min.js: 17) in Object.D._updateRoot.G.render (TweenMax.min.js: 17) in Object.h.dispatchEvent (TweenMax.min.js: 16) in s (TweenMax.min.js: 16) myResult @ index.js: 23 showResult @ Spin2WinWheel.js: 802 Why are you reporting this page? h._callback @ TweenMax.min.js: 16 h.render @ TweenMax.min.js: 17 h.render @ TweenMax.min.js: 17 D._updateRoot.G.render @ TweenMax.min.js: 17 h.dispatchEvent @ TweenMax.min.js: 16 s @ TweenMax.min.js: 16 requestAnimationFrame (asynchronous)

It looks like you’re using jQuery syntax but jQuery is not loaded.

Please either load jQuery or better still, code in plain JavaScript.

Here’s the preview URL https://preview.codecanyon.net/item/spin2win-wheel-spin-it-2-win-it/full_screen_preview/16337656

Chris – I figured out to change <button> to <input type=”button”> and it worked. My apologies.

Great – no probs!

Not sure what you’re trying to do but I don’t recommend putting a script tag in a text field.

Thanks, I will do another way.

1 more question how can I adjust size of SVG in Wheel?

{probability, "type": "image", "value": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/35984/tip_sqr.svg", "win": false, "resultText": "NOBODY LIKES A SQUARE :(", "userData": {score}},

OK, Found parameter alreadt. Sorry

If Webex or Adobe Connect can display a web page then yes no problem. i quickly made this using OBS https://youtu.be/eUjv1zL67i0 – pretty cool uh?

I worked it out

I needed to put them into an array itself and then plug in array:

“colorArray” => $wedgeColours, instead of “colorArray” => array($colors);

Ha I have literally spent this morning trying to work out your issue! Glad it’s sorted – stay safe!

No idea. Maybe try it and let us know?

It’s responsive so it will fill the viewPort. It seems lots of customers want to put the wheel in their own container so this is a recent change I made at their request. So I recommend putting the wheel in your own container and control that with CSS – let me know how you get on and if you need any help.

No reason why not. All the PHP does is return JSON so providing your can write your ASP to return the correct JSON format (which isn’t a complicated structure) then go for it.

Are you running it on mobile? If so iOS and Android don’t allow audio unless it has been triggered with an interaction. You can get around this by having a popup at the start that asks ‘Allow audio?’ and when they click ‘Yes’ you trigger the click sound silently. After that it should be play.

If you’re on desktop I can’t think of a reason why it isn’t playing. Speakers off?

It occurred to me that maybe you didn’t upload the audio file OR it’s in the wrong directory that your page can’t access.

thanks Chris. it’s working now, thank you!

Sounds like you need to clear your cache (servers sometimes cache JSON files to speed up delivery, especially as they don’t often change).