21

Re: Хочу зворотній процес

Firefox 60+:
https://snag.gy/EAJDPN.jpg
Ще можна клацнути по стрілочці і воно зразу в source-files кине.

Подякували: leofun01, FakiNyan, ostap34PHP3

22

Re: Хочу зворотній процес

хмм, а в хромі я так зміг зробити лише якщо виводити {$}
https://cdn.discordapp.com/attachments/333936584481177600/501808559269347338/unknown.png

Подякували: leofun01, /KIT\, ostap34PHP3

23

Re: Хочу зворотній процес

bunyk написав:

Можна ще простіше - відкрити консоль браузера, написати

alert($)

І побачити там

function(a,b){return new p.fn.init(a,b,c)}

Вуаля, jQuery перекладений на JavaScript!

Спасибі.  В мене це вийшло. Але ж не може бути, що всі функції однакові!!

$("#btnBack").prop("disabled", true);
    } else {
    $("#btnFrw").prop("disabled", false);
                nRight--;
    }

А ці функції в мене не виходить розшифрувати...

24

Re: Хочу зворотній процес

elektryk написав:

Але ж не може бути, що всі функції однакові!!

$("#btnBack").prop("disabled", true);
    } else {
    $("#btnFrw").prop("disabled", false);
                nRight--;
    }

В бібліотеці всі функції різні. В цьому коді викликаються однакові функції з різними параметрами.

Подякували: bunyk, ostap34PHP2

25

Re: Хочу зворотній процес

elektryk так може розкажіть яка у вас проблема? Що не працює?

Подякували: leofun011

26

Re: Хочу зворотній процес

пан elektryk думає, що jQuery, то щось чужеріднє для бровзера, і він хоче отримати функціонал jQuery без jQuery. Але для цього йому необхідньо зробити лише одне - вивчити js та функції для роботи з DOM.

Подякували: 221VOLT, ostap34PHP, leofun013

27

Re: Хочу зворотній процес

Xackspel написав:

elektryk так може розкажіть яка у вас проблема? Що не працює?

В мене є скріпт фотогалереї. На жаль вона закільцьована. Мені ж треба, щоб в ній був початок і кінець. Я нічого кращого не придумав, як робити кнопки неактивними.
Та як це реалізувати??

Подякували: Xackspel1

28

Re: Хочу зворотній процес

Може покажете сам скріпт?

Подякували: Xackspel1

29 Востаннє редагувалося leofun01 (23.10.2018 15:40:23)

Re: Хочу зворотній процес

Будь ласка, ось скрипт

<html>
<head>
    <title>Gallery</title>
</head>
<body>
    <center>
        <img src="" width="640" height="480" id="img" />
        <br />
        <input type="button" value="<<<tudey" id="btnBack" onClick="javascript: left_arrow()" />
        <input type="button" value="sudey>>>" id="btnFrw" onClick="javascript: right_arrow()" />
    </center>
    <script type="text/javascript">
        var mas = [
            "1.jpg",
            "2.jpg",
            "3.jpg",
            "4.jpg",
            "5.jpg"
        ];
        var to = -1;

        function right_arrow() {
            var obj = document.getElementById("img");
            if(to < mas.length - 1) to++;
            else to = 0;
            obj.src = mas[to];
        }
        function left_arrow() {
            var obj = document.getElementById("img");
            if(to > 0) to--;
            else to = mas.length - 1;
            obj.src = mas[to];
        }
    </script>
</body>
</html>

В мене є галерея, що мені потрібна, але вона на jQuery. Можу і її додати.

30

Re: Хочу зворотній процес

>В мене є галерея, що мені потрібна, але вона на jQuery. Можу і її додати.
Додавайте

31

Re: Хочу зворотній процес

elektryk написав:
<input type="button" value="<<<tudey" id="btnBack" onClick="javascript: left_arrow()" />
<input type="button" value="sudey>>>" id="btnFrw" onClick="javascript: right_arrow()" />

В onclick не треба ставити "javascript:".
"javascript:" ставлять в href'и як псевдопротокол, щоб замість переходу за посиланням виконувався код.
В onclick код і без того буде виконуватися.

Див:
mozilla.org - JavaScript URIs
stackoverflow.com - javascript: pseudo

32

Re: Хочу зворотній процес

/KIT\ написав:

>В мене є галерея, що мені потрібна, але вона на jQuery. Можу і її додати.
Додавайте

Додаю

$(document).ready(function(){
        var images=["slide1.jpg", "slide2.jpg", "slide3.jpg", "slide4.jpg", "slide5.jpg", "slide6.jpg", "slide7.jpg",
        "slide8.jpg", "slide9.jpg", "slide10.jpg", "slide11.jpg", "slide12.jpg", "slide13.jpg"];
        var nRight=0;
            $("#img1").prop("src","prez/"+images[0]);    
        function slideFrw() {
            if (nRight==images.length-1) {
                $("#btnFrw").prop("disabled", true);
            } else {
                $("#btnBack").prop("disabled", false);
                nRight++;
            }
            $("#img1").prop("src","prez/"+images[nRight]);
        };    
        function slideBack() {
            if (nRight==0) {
                $("#btnBack").prop("disabled", true);
            } else {
                $("#btnFrw").prop("disabled", false);
                nRight--;
            }
            $("#img1").prop("src","prez/"+images[nRight]);
        };
        $("#btnFrw").click(function() {
            slideFrw();
        });
        $("#btnBack").click(function() {
            slideBack();
        });
    });

В цій галереї є початок і кінець - саме те що мені потрібно. Треба попередню переробити так, щоб теж був початок і кінець.
І спасибі вам, що зі мною возитесь.

33

Re: Хочу зворотній процес

Спробуйте отак

<html>
<head>
    <title>Gallery</title>
</head>
<body>
    <center>
        <img src="" width="640" height="480" id="img" />
        <br />
        <input type="button" value="<<<tudey" id="btnBack" onClick="javascript: left_arrow()" />
        <input type="button" value="sudey>>>" id="btnFrw" onClick="javascript: right_arrow()" />
    </center>
    <script type="text/javascript">
        var mas = [
            "1.jpg",
            "2.jpg",
            "3.jpg",
            "4.jpg",
            "5.jpg"
        ];
        var to = -1;
 
        function right_arrow() {
            var obj = document.getElementById("img");
            if(to < mas.length - 1) to++;
            obj.src = mas[to];
        }
        function left_arrow() {
            var obj = document.getElementById("img");
            if(to > 0) to--;
            obj.src = mas[to];
        }
    </script>
</body>
</html>
Подякували: elektryk, leofun012

34

Re: Хочу зворотній процес

ВЕЛИКЕ СПАСИБІ. А як зробити, щоб ще й кнопки гасли??
Бо глядач буде думати, що програма заглючила. Він же не знає, що то кінець.

35

Re: Хочу зворотній процес

elektryk написав:

ВЕЛИКЕ СПАСИБІ. А як зробити, щоб ще й кнопки гасли??
Бо глядач буде думати, що програма заглючила. Він же не знає, що то кінець.

Тоді отак

<html>
<head>
    <title>Gallery</title>
</head>
<body>
    <center>
        <img src="" width="640" height="480" id="img" />
        <br />
        <input type="button" value="<<<tudey" id="btnBack" onClick="left_arrow()" />
        <input type="button" value="sudey>>>" id="btnFrw" onClick="right_arrow()" />
    </center>
    <script type="text/javascript">
        var mas = [
            "1.jpg",
            "2.jpg",
            "3.jpg",
            "4.jpg",
            "5.jpg"
        ];
        var to = -1;
 
        function right_arrow() {
            var obj = document.getElementById("img");
            var btnFrw = document.getElementById('btnFrw');
            var btnBack = document.getElementById('btnBack');
            if(to < mas.length - 1){to++;btnFrw.style='display:inline;';btnBack.style='display:inline;'}
            else{btnFrw.style='display:none;'}
            obj.src = mas[to];
        }
        function left_arrow() {
            var obj = document.getElementById("img");
            var btnFrw = document.getElementById('btnFrw');
            var btnBack = document.getElementById('btnBack');
            if(to > 0){to--;btnBack.style='display:inline;';btnFrw.style='display:inline;';}
            else{btnBack.style='display:none;'}
            obj.src = mas[to];
        }
    </script>
</body>
</html>

36

Re: Хочу зворотній процес

А ось наступна задачка. Підгрузка статей виконується аджаксом. Вона теж чомусь працює лише під Firefoxом. А чи є скрипт на простому javascriptі. Я б примінив просто айфрейми, та кажуть, що вони дипрікейтні.

function loadTekst(file) {
    var texDoc;
    var ajaxObj;
    ajaxObj = new XMLHttpRequest();
    ajaxObj.onreadystatechange = function () {
        if(ajaxObj.readyState == 4 && ajaxObj.status == 200){
            texDoc = ajaxObj.responseText;
            console.log(texDoc);
            priemTxt.innerHTML = texDoc;
        }
    }
    ajaxObj.open("GET", file, true);
    ajaxObj.send();
}

37

Re: Хочу зворотній процес

elektryk написав:

А ось наступна задачка. Підгрузка статей виконується аджаксом. Вона теж чомусь працює лише під Firefoxом. А чи є скрипт на простому javascriptі. Я б примінив просто айфрейми, та кажуть, що вони дипрікейтні.

 function loadTekst(file) {
        var texDoc;
        var ajaxObj;
        ajaxObj=new XMLHttpRequest();
        ajaxObj.onreadystatechange=    function () {
        if(ajaxObj.readyState==4 && ajaxObj.status==200){ 
            texDoc=ajaxObj.responseText;
            console.log(texDoc);
            priemTxt.innerHTML = texDoc;
        }        
    }
        ajaxObj.open("GET",file, true);        
        ajaxObj.send();
    }

це і є простий js

Подякували: leofun011

38

Re: Хочу зворотній процес

Вот тут все є у вільному доступі, насолоджуйтесь :)

https://github.com/jquery/jquery

39

Re: Хочу зворотній процес

/KIT\ написав:
elektryk написав:

А ось наступна задачка. Підгрузка статей виконується аджаксом. Вона теж чомусь працює лише під Firefoxом. А чи є скрипт на простому javascriptі. Я б примінив просто айфрейми, та кажуть, що вони дипрікейтні.

 function loadTekst(file) {
        var texDoc;
        var ajaxObj;
        ajaxObj=new XMLHttpRequest();
        ajaxObj.onreadystatechange=    function () {
        if(ajaxObj.readyState==4 && ajaxObj.status==200){ 
            texDoc=ajaxObj.responseText;
            console.log(texDoc);
            priemTxt.innerHTML = texDoc;
        }        
    }
        ajaxObj.open("GET",file, true);        
        ajaxObj.send();
    }

це і є простий js

А він потребує підключення якихось бібліотек??

40

Re: Хочу зворотній процес

ні