Итак, у меня есть скрипт, который работает на мобильных телефонах (на данных) и работает на ПК, но мой сайт был одобрен для бесплатного базового фейсбука, скрипт не работает при просмотре под бесплатным базовым. Я связался со свободной базовой командой, и мне сказали, что это сценарий ..
<script src="../code.jquery.com/jquery-latest.js"></script>
<script>
var movements = {
upleft : {up: -1, left: -1},
up : {up: -1, left: 0},
upright : {up: -1, left: 1},
left : {up: 0, left: -1},
right : {up: 0, left: 1},
downleft : {up: 1, left: -1},
down : {up: 1, left: 0},
downright : {up: 1, left: 1},
};
var x = <?php echo $startX; ?>, y = <?php echo $startY; ?>;
<?php echo $tileArray; ?>
function moveSprite(key) {
var sprite = document.getElementById('mySprite');
var newX = x + movements[key]['left'];
var newY = y + movements[key]['up'];
if (map[newY][newX] == 1) {
x = newX;
y = newY;
sprite.style.left = x*16 + 'px';
sprite.style.top = (y*16)-4 + 'px';
$("#result").html('<img src="https://web-answers.ru/wp-content/uploads/2019/02/loading.gif" />');
$.get('map_ajax.php?map=<?php echo $map; ?>&x='+x+'&y='+y, function(result) {
var res = jQuery.parseJSON(result);
if ( typeof res.name !== "undefined" ) {
var caught = res.caught == 1 ? ' <img src="https://web-answers.ru/wp-content/uploads/2019/02/pb.gif" alt="X" />' : '' ;
var html = '';
html += '<p>';
html += ' <img src="https://web-answers.ru/wp-content/uploads/2019/02/pokemon/'+res.name+'.png" /><br />';
html += ' A wild '+res.name+' appered!'+caught+'<br />';
html += ' Level: '+res.level+'';
html += '</p>';
html += '<form action="battle.php" method="post">';
html += ' <input type="submit" value="Battle!" />';
html += '</form>';
$("#result").html(html);
} else if ( typeof res.money !== "undefined" ) {
$("#result").html('<p>You found $'+res.money+' on the floor!</p>');
} else {
$("#result").text('You did not find any Pokemon.');
}
});
}
}
var users = <?php echo json_encode($usersArray); ?>;
function addUsersToMap() {
for (var i=0; i<users.length; i++) {
var user = users[i];
var image = document.createElement('img');
image.src = 'images/sprites/'+ user.sprite +'.png';
image.title = user.username;
image.style.position = 'absolute';
image.style.top = ((user.y*16)-4) + 'px';
image.style.left = (user.x*16) + 'px';
$(image).insertAfter('#mySprite');
}
}
window.addEventListener('load', addUsersToMap, false);
window.addEventListener('load', function () { addUsersToMap(); startTimer(); }, false);
window.addEventListener('keyup', checkKeysUp, false);
window.addEventListener('keydown', checkKeysDown, false);
</script>
тогда у меня есть таблица с кнопками вверх вниз влево и вправо
<table width="100%" border="1" class="gridtable" table="table">
<tr>
<th><h2>Map</h2> </th>
</tr>
<tr>
<td>
<table style="margin: 20px auto; padding: 10px;">
<tr>
<td>
<div style="background-image: url('images/maps/map<?php echo $map; ?>.png'); width: 400px; height: 400px; position: relative;" id="map">
<img src="https://web-answers.ru/wp-content/uploads/2019/02/sprites/<?php echo $mySprite; ?>.png" id="mySprite" title="<?php echo cleanHtml($_SESSION['username']); ?>" style="position: absolute; top: <?php echo (($startY*16)-4); ?>px; left: <?php echo ($startX*16); ?>px; z-index: 999;" />
</div>
<div style="clear: both;"></div>
</td>
<td style="width: 250px; text-align: center; vertical-align: top;">
<table style="margin: 0px auto 50px auto;">
<tr>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/upleft.png" onclick="moveSprite('upleft');" /></td>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/up.png" onclick="moveSprite('up');" /></td>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/upright.png" onclick="moveSprite('upright');" /></td>
</tr>
<tr>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/left.png" onclick="moveSprite('left');" /></td>
<td style="text-align: center; vertical-align: middle;"><img src="https://web-answers.ru/wp-content/uploads/2019/02/sprites/3.png" /></td>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/right.png" onclick="moveSprite('right');" /></td>
</tr>
<tr>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/downleft.png" onclick="moveSprite('downleft');" /></td>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/down.png" onclick="moveSprite('down');" /></td>
<td><img src="https://web-answers.ru/wp-content/uploads/2019/02/arrows/downright.png" onclick="moveSprite('downright');" /></td>
</tr>
</table>
<div id="result"></div>
</td>
</tr>
<tr>
<td>
<p style="text-align: center; font-size: small;">
Users on this map: <?php echo $numUsersOnMap; ?><br />
<span style="font-size: smaller;"></span>
</p> </td>
</tr>
</table>
</td>
</tr>
<tr>
<th></th>
</tr>
</table>
Но опять же думает, что работает отлично в данных (платный интернет) хорошо работает на мобильных телефонах и ПК и планшетах, но в бесплатной базовой функции не работают
Задача ещё не решена.
Других решений пока нет …