3

При проигрывании кода из редактора 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>

10
  • хотя тут вроде как работает, но непонятно почему не работает у меня на браузере. Сценарий прост - галерея, нажимаешь на маленькую картинку, выходит большая картинка, на большую нажимаешь и она прячется остаются опять маленькие
    – PeteGr
    19 июн 2016 в 20:54
  • Скрипты нужно подключать в конце документа, после body. Или использовать событие DOMContentLoaded / window.loaded
    – Doofy
    19 июн 2016 в 20:56
  • onclick='img_up(this.src);' так правильнее. И ещё совет, не используйте всякие программы для написания кода, который не требует компиляции. Достаточно будет текстового редактора Sublime Text или Notepad++
    – Doofy
    19 июн 2016 в 21:00
  • Скажите, в консоли разработчика файлы видны как подключенные? Во вкладке sources браузера Chrome, например 19 июн 2016 в 21:05
  • 4
    @Doofy не учите плохому 20 июн 2016 в 7:49

1 ответ 1

1

Можно просто вызвать функцию прямо из консоли js или выполнить

console.log('файл js подключен');

в файле galaryjs.js

Если оба варианта не сработают, значит неверно указан путь к файлу galaryjs.js

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.