Как отобразить диалоговое окно API Google Picker после того, как пользователь нажмет кнопку или изображение? - PullRequest
Новая
       14

Как отобразить диалоговое окно API Google Picker после того, как пользователь нажмет кнопку или изображение?

1 голос
/ 17 августа 2011

Есть ли какой-нибудь эксперт по HTML, который может мне помочь?

Я хочу показать Google Picker API Dialog после того, как пользователь нажимает кнопку или изображение, и я хочу показать результат на странице позже. Это должно быть просто для разработчиков, которые знают, как заниматься веб-программированием.

Пример кода использования по ссылке выше. Большое спасибо.

1 Ответ

4 голосов
/ 24 августа 2011

Я теперь решил это сам. Основной загрузчик API Google Javascript - это Google Loader.

Смотрите здесь документацию: http://code.google.com/intl/en/apis/loader/

Вставьте этот код в <head> ... </head> HTML-кода (средство выбора Документов Google). Основная функция загрузки после выбора клика - newPicker(). Он загружает это средство выбора и устанавливает первый обратный вызов для обработки средства выбора. 

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">   

    // Google Picker API for the Google Docs import
    function newPicker() {
        google.load('picker', '1', {"callback" : createPicker});
    }       

    // Create and render a Picker object for selecting documents
    function createPicker() {
        var picker = new google.picker.PickerBuilder().
            addView(google.picker.ViewId.DOCUMENTS).
            setCallback(pickerCallback).
            build();
        picker.setVisible(true);
    }

    // A simple callback implementation which sets some ids to the picker values.
    function pickerCallback(data) {
        if(data.action == google.picker.Action.PICKED){
            document.getElementById('gdocs_resource_id').value = google.picker.ResourceId.generate(data.docs[0]);
            document.getElementById('gdocs_access_token').value = data.docs[0].accessToken;                  
        }
    }    
 </script>

Ссылка в HTML: 

<a href="javascript:newPicker()" style="font-weight: bold">Import from your Google Docs</a>

Когда пользователь нажимает на ссылку HTML, будет отображаться средство выбора.

...