JavaScript - добавить и удалить не может проверить

0

Я пытаюсь сделать загадочное изображение CAPTCHA и сделать случайный набор изображений каждый раз, когда пользователь посещает страницу, но в проверке я не могу ее проверить. Я использовал jquery и php. im, используя случай переключения, чтобы случайный набор изображений отображался каждый раз, когда пользователь заходил на страницу.

когда я помещаю все части изображения.. сообщение о том, что "перейти к следующему шагу не появляется".

<?php

        srand( microtime() * 1000000 );
        $num = rand(1,5);

        switch ($num){
            case 1: $image_names = "xxnr,ibhy,zabr,atrw,sbnd,htny,aoxt,dslj,awxn";
            break;

            case 2: $image_names = "jyzf,ttnl,lbka,dpil,wyzi,bble,oefw,lxwt,rclj";
            break;

            case 3: $image_names = "tdom,fach,urxn,ceqf,bgbr,xwyc,yyxp,fznw,mhwq";
            break;

            case 4: $image_names = "bgts,deas,zwmd,lmul,ukll,iewn,ltbm,fbvr,gwai";
            break;

            case 5: $image_names = "tlbe,tvul,vrml,zlgu,jymm,ysvs,fcsx,mode,nala";
            break;
        }

        $images = explode(',', $image_names);
        shuffle($images);


        $new_width = "300";
        $new_height= "300";
    $split_size= "100";

        echo "<ul id='sortable' style='width:" . $new_width . "px;height:" . $new_height . "px;'>";

        foreach ($images as $key => $image_name) {
            echo "<li class='ui-state-default' id='recordArr_$image_name' style='border:none;width:" . $split_size . "px;height:" . $split_size . "px;'>
                        <img src='images/$image_name.jpg' /></li>";
        }

        echo "</ul>";
    ?>

    <script type="text/javascript">
        $(function() {
            $("#sortable").sortable({
                opacity: 0.6,
                cursor: 'move',
                update: function() {


                    var  correctString = " <?php echo ($image_names) ?> ";
                    var currentString = '';


                    $('#sortable li').each(function(){
                        var imageId = $(this).attr("id");
                        currentString += imageId.replace("recordArr_", "")+",";
                    });

                    currentString = currentString.substr(0,(currentString.length) -1);

                    if(currentString == correctString){
                                          alert("proceed into next step");

                        }

                    console.log(currentString);

                }

     });


            });



    </script>

я надеюсь, что кто-нибудь может мне помочь.. спасибо за вашу помощь..

  • 0
    что вы подразумеваете под «я не могу это подтвердить»?
  • 0
    когда я уже сопоставляю все фрагменты изображения, предупреждение «перейти к следующему шагу» не появляется ..
Теги:

1 ответ

0

задача решена.. :)

<?php

        srand( microtime() * 1000000 );
        $num = rand(1,5);

        switch ($num){
            case 1: $image_names = "xxnr,ibhy,zabr,atrw,sbnd,htny,aoxt,dslj,awxn";
            break;

            case 2: $image_names = "jyzf,ttnl,lbka,dpil,wyzi,bble,oefw,lxwt,rclj";
            break;

            case 3: $image_names = "tdom,fach,urxn,ceqf,bgbr,xwyc,yyxp,fznw,mhwq";
            break;

            case 4: $image_names = "bgts,deas,zwmd,lmul,ukll,iewn,ltbm,fbvr,gwai";
            break;

            case 5: $image_names = "tlbe,tvul,vrml,zlgu,jymm,ysvs,fcsx,mode,nala";
            break;
        }

        $images = explode(',', $image_names);
        shuffle($images);


        $new_width = "300";
        $new_height= "300";
    $split_size= "100";

        echo "<ul id='sortable' style='width:" . $new_width . "px;height:" . $new_height . "px;'>";

        foreach ($images as $key => $image_name) {
            echo "<li class='ui-state-default' id='recordArr_$image_name' style='border:none;width:" . $split_size . "px;height:" . $split_size . "px;'>
                        <img src='images/$image_name.jpg' /></li>";
        }

        echo "</ul>";
    ?>

    <script type="text/javascript">
        $(function() {
            $("#sortable").sortable({
                opacity: 0.6,
                cursor: 'move',
                update: function() {


                    var  correctString = <?php echo json_encode($image_names); ?>;
                    var currentString = '';


                    $('#sortable li').each(function(){
                        var imageId = $(this).attr("id");
                        currentString += imageId.replace("recordArr_", "")+",";
                    });

                    currentString = currentString.substr(0,(currentString.length) -1);

                    if(currentString == correctString){
                                          alert("proceed into next step");

                        }

                    console.log(currentString);

                }

     });


            });



    </script>

мне просто нужно использовать..

<?php echo json_encode($image_names); ?>;

Ещё вопросы

Сообщество Overcoder
Наверх
Меню