Как я могу получить КНОПКИ для переключения между массивами, используя next () и prev ()?

Question

Как я могу получить КНОПКИ для переключения между массивами, используя next () и prev ()?

0

Как поместить кнопку на моей странице, чтобы переключаться через массив, используя next() и prev()?

$transportation = array('foot', 'bike', 'car', 'plane');

<button onclick="$mode = next($transportion);">NEXT</button>
<p>
<button onclick="$mode = prev($transportion);">PREVIOUS</button>
<p>

echo $mode;

user2816376 20 окт. 2013, в 19:39

Источник

1

Совет: как правило, лучше использовать Event Listeners, а не onClick. Разделение кода - лучший способ.
Sir 20 окт. 2013, в 17:19

Теги:

php

html

3 ответа

1

проверьте это

Как уже упоминалось, PHP - это серверный язык, поэтому вам придется иметь дело с ним со стороны PHP. Предполагая, что вы работаете в среде MVC, контроллер управляет запросами "prev" и "next" и отображает их в представлении.

Если вы, например, визуализируете массив в таблице или списке, вы можете использовать JQuery, например, но тогда он будет на стороне клиента.

Portu 20 окт. 2013, в 16:06

0

Вы не можете сразу это сделать. PHP - это серверный язык. Для отправки команды на сервер вам понадобятся клиентские скрипты. Или вы можете использовать массив javascript.

Jelle Ferwerda 20 окт. 2013, в 14:22

Ещё вопросы

Совет: как правило, лучше использовать Event Listeners, а не onClick. Разделение кода - лучший способ.

Ibrahim Ahmed · Accepted Answer · 2013-10-20T18-20-00.000Z

Код файла PHP:

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
        <?php $transportation = array('foot', 'bike', 'car', 'plane'); ?>
        <h2>Foot, Bike, Car, Plane</h2>
        <p>
            <input type="button" class="cycle" id="next" value="Next">
        </p>
            <h2 id="result">Current: plane</h2>
        <p>
            <input type="button" class="cycle" id="prev" value="Previous">
        </p>
        <script type="text/javascript">
            var myarray = <?php echo json_encode($transportation); ?>;
            $(document).ready(function () {
                var current = -1;
                $(".cycle").click(function () {
                    var darray = myarray;
                    if ($(this).attr("id") == "next") {
                        next(darray);
                } else {
                    prev(darray);
                }
            });

            function next(data) {
                if (current != 3) {
                    $("#result").text("Current: " + data[++current]);
                }
            }

            function prev(data) {
                if (current != 0) {
                    $("#result").text("Current: " + data[--current]);
                }
            }
            });
        </script>
    </body>
</html>

Живой пример:

http://69.195.223.90/56454-11/