I'm looking for a way to 'convert' my Jquery/JS part into PHP. I know you can do it all with AJAX but my only problem is I don't know how to validate it in PHP, because there are HTML parts that are validate.(Sorry if it isn't clear).
My JS/Jquery part:
function highlight() {
var timerId = 0;
var $divs = $('.cell').removeClass('redborder');
var random = Math.floor(Math.random() * $divs.length);
$divs.eq(random).addClass('redborder');
console.log($divs.eq(random));
$('#submit').show();
}
$(document).ready(function () {
$('#button').click(function () {
$('p').empty();
if ($('#plaatje1').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 1</p>");
}
if ($('#plaatje2').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 2</p>");
}
if ($('#plaatje3').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 3</p>");
}
if ($('#plaatje4').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 4</p>");
}
if ($('#plaatje5').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 5</p>");
}
if ($('#plaatje6').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 6</p>");
}
if ($('#plaatje7').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 7</p>");
}
if ($('#plaatje8').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 8</p>");
}
if ($('#plaatje9').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 9</p>");
}
if ($('#plaatje10').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 10</p>");
}
if ($('#plaatje11').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 11</p>");
}
if ($('#plaatje12').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 12</p>");
}
if ($('#plaatje13').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 13</p>");
}
if ($('#plaatje14').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 14</p>");
}
if ($('#plaatje15').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 15</p>");
}
if ($('#plaatje16').hasClass("redborder") == true) {
$(".textarea").append("<p>Tekst 16</p>");
}
});
$('#submit').click(function () {
clearInterval(timerId);
});
});
timerId = setInterval(function () {
highlight();
}, 1000);
My problem is that I don't know how to control in PHP that picture 1 has a redborder class. Is there anyway that I can validate this in PHP. The AJAX basis I already have but the validate part is hard.
Thank you very much for helping, I'm sorry for my misspellings and grammar mistakes. English isn't my mother tongue.