Как решить проблему с легким кодом на JS?

Question

[onahapa]

<div onclick="open()">Hello?!</div>
<div class="open" id="open">
    <span onclick="close()" id="close()">X</span>
    Hi dude!
</div>

ok = document.getElementById("open");

function open(){
    ok.style.display = "block";
}

.open {
    display: none;
}

jsfiddle.net/950xbas1/1

Answer 1

[k-maks]

У вас принципиальная ошибка.
Для начала вызывается не ваш open а window.open(), избегайте переопределения стандартных функций.
Затем, функция должна быть определена до места её использования в тексте.
Поместите ваш код в тег script выше ваших элементов.

<script>
function open_el(){
    var ok = document.getElementById("open");
    ok.style.display = "block";
}
    
</script>
<style>
.open {
    display: none;
}
</style>
<div onclick="open_el()">Hello?!</div>
<div class="open" id="open">
    <span onclick="close()" id="close()">X</span>
    Hi dude!
</div>

Comments

[onahapa]

конечно же я все это делал

Answer 2

[Bowen]

Если я правильно понял, запустите функцию

Comments

[onahapa]

так ф-ия вызывается с помощью onclick

Answer 3

[Viktor Vsk]

Стесняюсь спросить, как можно кликнуть по элементу, которого нет ?

Comments

[onahapa]

то есть?

[Anatoliy Mikhailov]

onahapa: элемент не отображается, и следовательно его дочерние элементы тоже

[onahapa]

yamaoto: так разве я не меняю его стиль, для того что бы он отображался?

[Viktor Vsk]

onahapa: начнем с того, что код на jsfiddle и здесь у вас разный (html разметка). На фиддле вы хотите нажать на элемент, у которого display: none. А таких элементов на странице не существует. Поэтому вы хотите нажать на несуществующий элемент. Если взять разметку ту, что вы привели в вопросе, то должно работать, теоретически. Если нет - то отредактируйте фиддл и попробуйте задать вопрос еще раз.

[Viktor Vsk]

onahapa: и вообще в вашей ситуации возьмите просто Jquery (api.jquery.com/toggle например)

[onahapa]

Виктор Выскребенцев: изначально они были идентичны =) время шло..ну Вы понимаете

[Viktor Vsk]

onahapa: ага) только теперь определитесь, что не работает. и не работает ли действителньо:)

[onahapa]

Виктор Выскребенцев: теперь все работает)

Answer 4

[Anatoliy Mikhailov]

Если я правильно понял, то вы хотите вписывать маленькие коды, заместо вызова функции?
наподобие

<span onclick="this.parentNode.style.display='block'">X</span>

Comments

[onahapa]

Я пишу маленькую ф-ию, которая меняет значения атрибута "display" на block, что бы при клике на блок div "появлялся" другой блок, то есть "none"->"block".

Answer 5

[onahapa]

Всем спасибо. Покопался еще и понял, что на jsfiddle код не запускался, создал файл у себя на рабочем столе и ву-а-ля =)

Comments

[k-maks]

onahapa: Приведенный мной код работает на jsfiddle, если вставить его в html поле)