De este código HTML ¿cómo extraigo la variable winningSegment.text para convertirla en $variable de php?
Enjemplo: $variable = winningSegment.text;
Misma pregunta mismo objetivo hecha de diferente manera
Osea ¿como saco esa winningSegment.text variable de la etiqueta para poder usarla en una variable de php?
Enjemplo: $variable = winningSegment.text;
He logrado hacer que envie pero SIN ERROR al cambiar la linea ("premi" : winningSegment.text por 'premi' : "MiPremio") ¿como le hago para que me funcione con "premi" : winningSegment.text? en vez de 'premi' : "MiPremio"
IMPOTANTE Todo esta en un solo archivo mi archivo.JS
var objRuleta;
var winningSegment;
var distnaciaX = 150;
var distnaciaY = 60;
var ctx ;
function Mensaje() {
winningSegment = objRuleta.getIndicatedSegment();
SonidoFinal();
swal({
title: "Has ganado: " + winningSegment.text,
// imageUrl: "img/Muerte.png",
// showCancelButton: true,
confirmButtonColor: "#e74c3c",
confirmButtonText: "Ok,Reiniciar"
// cancelButtonText: "Quitar elemento",
// closeOnConfirm: true,
// closeOnCancel: true
},
function (isConfirm) {
if (isConfirm) {
} else {
$('#ListaElementos').val($('#ListaElementos').val().replace(winningSegment.text,""));
leerElementos();
}
objRuleta.stopAnimation(false);
objRuleta.rotationAngle = 0;
objRuleta.draw();
DibujarTriangulo();
bigButton.disabled = false;
});
}
function DibujarTriangulo() {
distnaciaX = 150;
distnaciaY = 2;
ctx = objRuleta.ctx;
ctx.strokeStyle = 'navy';
ctx.fillStyle = '#HGFGGH';
ctx.lineWidth = 2;
ctx.beginPath();
ctx.moveTo(distnaciaX + 170, distnaciaY + 5);
ctx.lineTo(distnaciaX + 230, distnaciaY + 5);
ctx.lineTo(distnaciaX + 200, distnaciaY + 40);
ctx.lineTo(distnaciaX + 171, distnaciaY + 5);
ctx.stroke();
ctx.fill();
}
function DibujarRuleta(ArregloElementos) {
objRuleta = new Winwheel({
'canvasId': 'Ruleta',
'numSegments': ArregloElementos.length,
'outerRadius': 340,
'innerRadius': 1,
'segments':ArregloElementos,
'animation':
{
'type': 'spinToStop',
'duration':2,
'spins': 15,
'callbackFinished': 'Mensaje()',
'callbackAfter': 'DibujarTriangulo()'
},
});
DibujarTriangulo();
}
function leerElementos() {
txtListaElementos=$('#ListaElementos').val().trim();
var Elementos = txtListaElementos.split('\n');
var ElementosRuleta= [];
Elementos.forEach(function (Elemento) {
if(Elemento){
ElementosRuleta.push({ 'fillStyle': "#" + ((1 << 24) * Math.random() | 0).toString(16), 'text': Elemento });
}
});
DibujarRuleta(ElementosRuleta);
}
leerElementos();
var audio = new Audio('alarma.mp3'); // Create audio object and load desired file.
function SonidoFinal()
{
audio.pause();
audio.currentTime = 0;
audio.play();
}
//bloque inicia ajax
function insertar_premio(){
var envias = document.getElementById('bigButton').value;
// var entera = winningSegment.text;
var parametrs = {
'premi' : "MiPremio"
};
$.ajax({
data: parametrs,
url: './insert.php',
type: 'POST',
success: function(response){
$('#datos').html(response);
}
});
}
Aqui quiero ponerlo asi
function insertar_premio(){
var envias = document.getElementById('bigButton').value;
// var entera = winningSegment.text;
var parametrs = {
'premi' : winningSegment.text
};
$.ajax({
data: parametrs,
url: './insert.php',
type: 'POST',
success: function(response){
$('#datos').html(response);
}
});
}
El problema es que al ponerlo lo que es la ruleta se desactiva la opcion de girar por lo tanto el script mismo deja de funcionar y se inabilita.