Две разные функции с одной кнопкой - PullRequest
Новая
       9

Две разные функции с одной кнопкой

0 голосов
/ 14 мая 2018

Мне нужна помощь в назначении двух совершенно разных функций для одной кнопки.В следующем коде показана кнопка «экспорт», которая экспортирует файл .kml из карты листовки. Рисование, а кнопка «отправить» открывает модальное окно, используемое для отображения формы контакта:

index.html 

<a href='#' id='export'>Export Feature</a>    

<button onclick="document.getElementById('id01').style.display='block'">Submit</button>

<!-- The Modal -->
<div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'" 
class="close" title="Close Modal">&times;</span>
   <div class="form-style" id="contact_form">
....

Скрипт 

document.getElementById('export').onclick = function(e) {
        // Extract GeoJson from featureGroup
        var data = featureGroup.toGeoJSON();
        var kml = tokml(data);
        // Convert to dataURL format
        var convertedData = 'application/vnd.google-earth.kml+xml;charset=utf-8,' + encodeURIComponent(kml);

        // Create export
        document.getElementById('export').setAttribute('href', 'data:' + convertedData);
        document.getElementById('export').setAttribute('download','data.kml');
    } 

....

var modal = document.getElementById('id01');

Что я хотел бы сделать, так это открыть модальное окно при экспорте объекта, используяКнопка «Экспорт».

Есть идеи?

Ответы [ 2 ]

0 голосов
/ 14 мая 2018

Я нашел следующее, чтобы решить мой вопрос: 

<a href='#' id='export'>
    <span onclick="document.getElementById('id01').style.display='block'">
        Export Feature
    </span>
</a>

Первоначально я был немного озадачен, поскольку кнопка экспорта является кнопкой, и я не знал, как работать с

0 голосов
/ 14 мая 2018

Вы должны добавить идентификатор к кнопке отправки, например, пусть это будет id = submitbtn.Затем при экспорте вы должны вызвать document.getElementById ('submitbtn'). Click ()

...