Home/ Questions/Q 5940213
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T15:56:14+00:00

Suppose I have a page called view.php, if I give an argument like view.php?q=fruit,

  • 0

Suppose I have a page called view.php, if I give an argument like view.php?q=fruit, it creates a list of fruits stored in an array. I want change the content of a label in a page to be changed to the content of that array if a slider in that page changes. In the example above, this array contains: $list = array('banana', 'apple', 'orange'); I want to have a slider in the page and a lable that when the user changes the slider’s value, the label’s text changes to ‘banana’, ‘apple’, …
I heard aboue sessions in PHP but since there may be lots of calls to this page in multiple tabs, I think this wouldn’t be a good idea. How can I do this?

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    OK. I found what I wanted. I found a pretty neat slider here:
    http://jqueryui.com/demos/slider/

    then I used in in my page like this:

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>jQuery UI Slider - Snap to increments</title>
        <link type="text/css" href="jquery/slider.css" rel="stylesheet" />    
        <script src="jquery/jquery-1.6.1.js"></script>
        <script src="jquery/jquery-ui-1.8.13.custom.min.js"></script>


        <?php 

            $list = array('apple','orange','banana');

        ?>

        <script>
            var arrayFromPHP = <?php echo json_encode($list) ?>;
            $(function() {
                $( "#slider" ).slider({
                    value:1,
                    min: 0,
                    max: arrayFromPHP.length - 1,
                    step: 1,
                    slide: function( event, ui ) {
                        $( "#amount" ).val(arrayFromPHP[ui.value]);
                    }
                });
                $( "#amount" ).val( arrayFromPHP[$( "#slider" ).slider( "value" )] );
            });
        </script>
    </head>
    <body>

        <div class="demo">

            <p>
                <label for="amount">Current selection:</label>
                <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
            </p>

            <div id="slider"></div>

        </div>
    </body>
</html>

    Please note that I used Rob’s answer as my source and all the credit’s go to him. But since it was not EXACTLY what I wanted, I decided to post my own answer.

    • 0