Как взять номер страницы, которую хочет пользователь для Turn.js

Question

Я использую turn.js, чтобы сделать каталог. Я беру страницы из базы данных с помощью PHP, и я хочу сделать некоторые кнопки управления, такие как поиск конкретной страницы. Как я могу разобрать значение из окна поиска, чтобы занять место числа 10 здесь $("#flipbook").turn("page", 10); и запустить его?

<div class="flipbook-viewport">
    <div class="container1">
        <div class="flipbook">

    <?php
        if (isset($_GET['eb_catalogs_id'])){
        $catalogos_id = $_GET['eb_catalogs_id'];
        $query= "SELECT c_catalog_name FROM eb_catalogs WHERE c_id = $catalogos_id";
        $test= $conn->query($query);
        $catalogname =$test->fetchColumn();
        $query1 = ("SELECT * FROM eb_catalog_".$catalogname."");
        $pages = $conn->query($query1);
        $i = 1;
        foreach($pages as $page){
        echo "<div class='p".$i."' style='background-image:url(https://untuneful-carload.000webhostapp.com/img/catalogs/".$catalogname."/".$page['eb_catalog_imgs'].")'></div>";
        $i++;
        }}else{
            echo "nothing";
        }
        ?>
        </div>
    </div>
</div>
<script type="text/javascript">
function loadApp() {
    // Create the flipbook
    $('.flipbook').turn({
            width:922,  
            height:600,  
            elevation: 50,          
    });
}
// Load the HTML4 version if there's not CSS transform
yepnope({
    test : Modernizr.csstransforms,
    yep: ['js/turn.js'],
    nope: ['js/turn.html4.min.js'],
    both: ['css/basic.css'],
    complete: loadApp
});
alert("The current page is: "+$("#flipbook").turn("page"));
</script>

здесь приведен код этой страницы. Я знаю, как создать поле ввода, но я не знаю, как проанализировать значение поля ввода для функции, которая переходит на конкретную страницу, которую хочет пользователь.

Answer 1

Если вы передадите номер страницы на следующую страницу, вы можете получить его, используя $_post или же $_get и выполнить его при загрузке страницы:

<script>
$(window).on("load",function(){
   $("#flipbook").turn("page", <?php echo ($_GET["page"]) ?>);
})
</script>

Если вы находитесь на той же странице и просто хотите перевернуть книгу, вы можете легко получить номер, используя val():

<input id="pageNumber">
<button onclick="flipPage()">GO</button>

<script>
function flipPage(){
   var pageNumber=$('#pageNumber').val();
   $("#flipbook").turn("page", pageNumber);
}
</script>