Size: a a a

JavaScript Noobs — сообщество новичков

2020 June 01

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Алексей Антонов
Ребят, кто может подсказать, есть такой блок
                  <a href="/">
                       <div>
                           <p></p>
                           <button class="download">                            
                               <img src="" alt="">
                               <p>some text</p>
                           </button>    
                           <button>some text 2</button>
                       </div>
                   </a>
Нужно чтобы по нажатию на "button.download" скачивался шаблонный экселевский файл
onclick
источник

АА

Алексей Антонов... in JavaScript Noobs — сообщество новичков
пока только такое решение придумал, но оно не очень
$('a').on('click', function(e) {
   if ( $(e.target).is('.download') ) {
       e.preventDefault();
       window.open('/uploads/test.xlsx', '_blank');
   }
});
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Алексей Антонов
пока только такое решение придумал, но оно не очень
$('a').on('click', function(e) {
   if ( $(e.target).is('.download') ) {
       e.preventDefault();
       window.open('/uploads/test.xlsx', '_blank');
   }
});
<a href="path_to_file" download="proposed_file_name">Download</a>
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Первая ссылка гугла
источник

АА

Алексей Антонов... in JavaScript Noobs — сообщество новичков
не у меня <а> вверху на ней переход и не должно быть скачивания
источник

АА

Алексей Антонов... in JavaScript Noobs — сообщество новичков
мне именно на button нужен
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Алексей Антонов
не у меня <а> вверху на ней переход и не должно быть скачивания
втыкни а в баттон
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
либо убери баттон
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
и оставь а
источник

АА

Алексей Антонов... in JavaScript Noobs — сообщество новичков
Вложенный a перебивает родительский а
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Алексей Антонов
Вложенный a перебивает родительский а
убери всплытие
источник

З

Захар in JavaScript Noobs — сообщество новичков
подскажите либу для отрисовки графиков с линиями, чтобы при наведении курсора показывало значение
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Захар
подскажите либу для отрисовки графиков с линиями, чтобы при наведении курсора показывало значение
chart.js
источник

АА

Алексей Антонов... in JavaScript Noobs — сообщество новичков
Taras Postolyuk
убери всплытие
какое всплытие?
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Алексей Антонов
какое всплытие?
event bubbling
источник

АА

Алексей Антонов... in JavaScript Noobs — сообщество новичков
не. там если a засунуть в a, то ломается html, как в этом bubling поможет?
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
event.stopPropagation()
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Ты говоришь перекрывает один другой
источник

TP

Taras Postolyuk in JavaScript Noobs — сообщество новичков
Это сплытие
источник

АА

Алексей Антонов... in JavaScript Noobs — сообщество новичков
Если нет вложенного <a>
источник