1 / 1 / 0
Регистрация: 27.07.2013
Сообщений: 13
1

Добавление событие onclick и выполнение метода

24.11.2013, 22:59. Показов 2272. Ответов 4
Метки нет (Все метки)

Помогите с решением задачи.
Надо добавить <а> элементы и события onclick из js. При вызове метода ничего не работает. Я новичек в JS, только учусь... облазил уже все в интернете и не нашел решения...
вот код:
Тут через js прячу часть текста:
Javascript
1
2
3
4
5
6
7
function hideP (){
            var showP = document.getElementsByClassName("show");
            for (var i=0; i<showP.length; i++){ 
            showP[i].setAttribute("style", "display:none");
            }
            };
        hideP ();
Добавление а элемента и событие onclick:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function addA ()
    {
var aEl = document.createElement("a");
 aEl.href ="";
 aEl.innerHTML = "More information";
 
 var divParent = document.getElementsByClassName ("post");
 for (var i=0; i<divParent.length; i++){    
    divParent[i].insertBefore (aEl.cloneNode(true), divParent.lastChild);
        }   
        
        var aHandler = document.getElementsByTagName ("a");
       for (var i=0; i<aHandler.length; i++)
       aHandler[i].onclick=function(){funk(this)};
        }
        addA ();
метод при активации onclick:
Javascript
1
2
3
4
5
6
7
8
9
function funk(a){
 
if (a.nextElementSibling.getAttribute("style") == ("display:none")){    
                a.nextElementSibling.setAttribute("style", "display:default");
            }
            else{
                a.nextElementSibling.setAttribute("style", "display:none");
            }
        }
Что не так? где ошибки?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
24.11.2013, 22:59
Ответы с готовыми решениями:

Событие onclick
Ребята я у меня наверно самый глупый вопрос, но блин пытался по разному вписать не получилось. В...

Событие onclick.
Здравствуйте. Столкнулся с проблемой на одном из сайтов для проведения чемпионатов. Так вот, там...

Не работает событие onclick
Собственно говоря у меня есть в хтмле код: &lt;script src=&quot;javascript.js&quot;&gt;&lt;/script&gt; &lt;input...

Не работает событие onclick
Не работает событие onclick в radio. При нажатии на элементы radio не запускается функция, можете...

4
25 / 25 / 5
Регистрация: 19.07.2011
Сообщений: 123
24.11.2013, 23:22 2
У Вас вообще создаются элементы <a> ? Что показывает отладчик, есть ли ошибки. Попробуйте отладочную печать в некоторых местах.
Я бы стал решать такую задачу при помощи jquery.. Но давайте разберемся с Вашим кодом..
0
1 / 1 / 0
Регистрация: 27.07.2013
Сообщений: 13
24.11.2013, 23:30  [ТС] 3
Цитата Сообщение от fenix1991 Посмотреть сообщение
У Вас вообще создаются элементы <a> ? Что показывает отладчик, есть ли ошибки. Попробуйте отладочную печать в некоторых местах.
Я бы стал решать такую задачу при помощи jquery.. Но давайте разберемся с Вашим кодом..
Да элементы <a> создаются... Что отладчик показывает не знаю.... ибо даже и не знаю где и как им пользоваться...
сейчас кое-что подправил...
Была ошибка в funk(a) ...
поменял a.nextElementSibling.getAttribute на a.nextElementSibling.getAttribute
правда не понимаю почему <a> элемент оказался последним дочерним элементом... ну да ладно с этим потом разберусь...
При выполнении метода funk(a) код выполняется (текст появляется) и тут сражу же автоматически выполняется метод function hideP ()... И текст сразу же снова прячется.... почему так происходит?
0
25 / 25 / 5
Регистрация: 19.07.2011
Сообщений: 123
24.11.2013, 23:41 4
Ну отладчик например в хроме "просмотр кода элемента". Вызов по F12. В мозиле тоже F12. Там смотрите весь html код. С каким атрибутами создаются ссылки, с какими событиями. Есть ли ошибки при выполнении js.
0
1 / 1 / 0
Регистрация: 27.07.2013
Сообщений: 13
24.11.2013, 23:56  [ТС] 5
Проблема решена.... Всем спасибо кто отозвался и пытался помочь.


divParent.lastChild было потеряно [i]

aHandler[i].onclick=function(){return funk(this)};
и function funk(a){ ... return false}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
24.11.2013, 23:56
Помогаю со студенческими работами здесь

Событие onclick не работает
Помогите, пожалуйста, разобраться. Не могу понять почему не работает: &lt;!DOCTYPE html PUBLIC...

Событие onclick для php
описываю суть проблемы: в php форме есть элемент button $this-&gt;addElement('Button',...

Событие onclick у области изображения
Что для этого нужно использовать?

Не работает событие onclick в хроме
В хроме не срабатывает событие onclick: &lt;option title=images/png.png&quot; class=&quot;optionAddTC&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru