Diskuze: Script
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 7 zpráv z 7.
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Ahoj, napíš kód, ale scriptov môžeš mať koľko chceš, aj keď je lepšie keď je ich čo najmenej.
1.skript :
window.onload=function()
{
function smaz()
{
// proměnné
let ksmazani=[];
let ksmazaniPHP=[];
let pozice = 0;
let element;
$("#knihy td").addClass("table");
$("#knihy").click(function(e)
{
$("#knihy td").addClass("table");
vytvorMenu();
// zdali je okno scrollnuto
if ($(document.documentElement).scrollTop()<=0)
{
element=document.elementFromPoint(e.pageX,e.pageY);
}
else
{
element=document.elementFromPoint(e.pageX,e.pageY-$(document.documentElement).scrollTop());
}
// vyber nadrazený element elementu
let rodic= $(element).parent();
if ($(element).hasClass("table"))
{
if (!$(element).hasClass("aktivovano"))
{
$(rodic).contents().css("backgroundColor","blue");
$(element).addClass("aktivovano");
ksmazani.push(rodic);
ksmazaniPHP.push($(rodic).contents()[0].innerHTML);
console.log(ksmazaniPHP);
}
else
{
$(element).removeClass("aktivovano");
$(element).addClass("ne");
$(rodic).contents().css("backgroundColor","rgb(176,64,0)");
pozice=ksmazani.indexOf(element)
pozicePHP=ksmazaniPHP.indexOf($(rodic).contents()[0].innerHTML);
ksmazani.splice(pozice,1);
ksmazaniPHP.splice(pozicePHP,1);
}
}
});
function vytvorMenu()
{
let smazat=document.createElement("button");
smazat.style="width:70px;height:30px;left:55px;position:absolute;z-index:550;top:50%;" ;
smazat.textContent="Smazat";
document.body.appendChild(smazat);
smazat.onclick=function()
{
for (p in ksmazaniPHP)
{
var xhtml=new XMLHttpRequest();
xhtml.onreadystatechange=function()
{
if (xhtml.readyState == 4 && xhtml.status == 200)
{
document.getElementById("knihy").innerHTML=xhtml.responseText;
}
}
xhtml.open("GET","smazani_knihy.php?s=" + ksmazaniPHP[p],true)
xhtml.send();
}
}
}
}
}2.skript :
window.onload=function()
{
let sirka_stranky=parseFloat($("body").css("width"));
let images=document.getElementsByTagName("img");
let aktivovano=true;
for (x in images)
{
images[x].onclick=function()
{
$("html").css("overflow","hidden");
$("#kryci").css({
"display":"block",
"top":(document.documentElement.scrollTop*1.5) + "px"
});
$("#kryci").animate({
"opacity":"0.9"
},2000);
if (aktivovano)
{
aktivovano=false;
$(this).clone().insertAfter($(this)).addClass("klon");
$(".klon").animate({
"width":this.width*4.5 + "px" ,
"height":this.height*4.5 + "px"
},2000);
$(".klon").css({
"position": "absolute",
"margin": "auto",
"left": "0",
"right":" 0",
"top": (parseInt($("body").css("height"))/2)-300+(document.documentElement.scrollTop*1.4),
"bottom": "0"
});
}
$(".klon").click(function(){
$(this).remove();
aktivovano=true;
$("html").css("overflow","visible");
$("#kryci").css({
"opacity":"0",
"display":"none"
});
});
}
}
}
tak onload je fakt jen jednou. udelej si treti funkci, ktera bude jen s tim on load a v ni spust dva ostatni scripty
A to mám udělat tak že ty dva skripty dám každý do jedné funkce a pak je spustit v tom třetím, nebo je přímo nějaká metoda, která umí zavolat jiný skript ? (něco jako require_once v PHP)
Zobrazeno 7 zpráv z 7.