.js - raphael click delete path

Question

Я понятия не имею, как это сделать. Я много пробовал, но ничего не работает. Бьюсь об заклад, это какая-то легкая глупая ошибка, но я увижу.

Я создаю этот путь (trA - который работает очень хорошо), и мне нужно, либо удалить путь trA после нажатия на пробел #clean, либо удалить его после второго щелчка по span #tA. Я не против, какой он будет, но мне просто нужно удалить путь после нажатия. Вторая версия была бы, конечно, лучше.

HTML:

<span class="trasa red" id="tA">TRASA A</span> 
<span class="trasa" id="clean">CLEAN</span> 

.js

document.getElementById('tA').addEventListener('click', function() { 
    var trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255"); 
    trA.attr({'stroke': 'red', 'stroke-width': '2'}); 
}, false); 


document.getElementById('clean').addEventListener('click', function() { 
    trA.remove(); 
}, false); 

THX за любую помощь!

Answer 1

Ваша переменная trA не имеет возможности для 2-й функции, так как она определена в области функций вашего первого обработчика.

Попробуйте это ..

var trA; 
document.getElementById('tA').addEventListener('click', function() { 
    trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255"); 
    trA.attr({'stroke': 'red', 'stroke-width': '2'}); 
}, false); 


document.getElementById('clean').addEventListener('click', function() { 
    trA.remove(); 
}, false);