Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → JavaScript, TypeScript, ECMAScript → Хочу зворотній процес
Firefox 60+:
Ще можна клацнути по стрілочці і воно зразу в source-files кине.
хмм, а в хромі я так зміг зробити лише якщо виводити {$}
Можна ще простіше - відкрити консоль браузера, написати
alert($)І побачити там
function(a,b){return new p.fn.init(a,b,c)}Вуаля, jQuery перекладений на JavaScript!
Спасибі. В мене це вийшло. Але ж не може бути, що всі функції однакові!!
$("#btnBack").prop("disabled", true);
} else {
$("#btnFrw").prop("disabled", false);
nRight--;
}А ці функції в мене не виходить розшифрувати...
Але ж не може бути, що всі функції однакові!!
$("#btnBack").prop("disabled", true); } else { $("#btnFrw").prop("disabled", false); nRight--; }
В бібліотеці всі функції різні. В цьому коді викликаються однакові функції з різними параметрами.
elektryk так може розкажіть яка у вас проблема? Що не працює?
пан elektryk думає, що jQuery, то щось чужеріднє для бровзера, і він хоче отримати функціонал jQuery без jQuery. Але для цього йому необхідньо зробити лише одне - вивчити js та функції для роботи з DOM.
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="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. Можу і її додати.
>В мене є галерея, що мені потрібна, але вона на jQuery. Можу і її додати.
Додавайте
<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
>В мене є галерея, що мені потрібна, але вона на 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();
});
});В цій галереї є початок і кінець - саме те що мені потрібно. Треба попередню переробити так, щоб теж був початок і кінець.
І спасибі вам, що зі мною возитесь.
Спробуйте отак
<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>ВЕЛИКЕ СПАСИБІ. А як зробити, щоб ще й кнопки гасли??
Бо глядач буде думати, що програма заглючила. Він же не знає, що то кінець.
ВЕЛИКЕ СПАСИБІ. А як зробити, щоб ще й кнопки гасли??
Бо глядач буде думати, що програма заглючила. Він же не знає, що то кінець.
Тоді отак
<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>А ось наступна задачка. Підгрузка статей виконується аджаксом. Вона теж чомусь працює лише під 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();
}А ось наступна задачка. Підгрузка статей виконується аджаксом. Вона теж чомусь працює лише під 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
Вот тут все є у вільному доступі, насолоджуйтесь 
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
А він потребує підключення якихось бібліотек??