При проигрывании кода из редактора Brackets
- всё работает, функции вызываются.
Но если попробовать открыть index.html
в браузере и вызвать событие, то браузер сообщает об ошибке - функция не найдена. Чего я только не пробовал и какую инфу не вкладывал в теги script
- ничего не помогает, только Яндекс работает, все остальные браузеры не видят функцию или скрипты.
Код:
function img_up(arg_src){
var div_all = document.createElement('div');
div_all.id="div_all_id";
document.body.appendChild(div_all);
var div_tx = document.createElement('div');
div_tx.id="div_image";
document.body.appendChild(div_tx);
div_tx.innerHTML="<img src="+" ' "+arg_src+" ' "+" onclick='img_dw()' >";
}
function img_dw(){
var remel=document.getElementById("div_image");
remel.parentNode.removeChild(remel);
var rem_ove=document.getElementById("div_all_id");
rem_ove.parentNode.removeChild(rem_ove);
}
#div_all_id{
position:fixed;
width: 100%;
height: 100%;
background: black;
opacity: 0.7;
}
#div_image{
position:fixed;
background: black;
color: red;
}
#div_image img{
position:fixed;
padding-left: 10%;
padding-right: 10%;
padding-top: 5%;
width: 80%;
}
#galary{
position: absolute;
}
#galary img{
width: 200px;
}
<html>
<head>
<link rel="stylesheet" href="galary.css" type="text/css" media="screen">
<script type="text/javascript" src="galaryjs.js"></script>
</head>
<body>
<div id="galary">
<img src="1.jpg" onClick="img_up(src)" >
<img src="2.jpg" onClick="img_up(src)" >
</div>
</body>
</html>
body
. Или использовать событиеDOMContentLoaded
/window.loaded
onclick='img_up(this.src);'
так правильнее. И ещё совет, не используйте всякие программы для написания кода, который не требует компиляции. Достаточно будет текстового редактораSublime Text
илиNotepad++