Javascript Girl
  1. Javascript Girl
  3. Comment afficher la boîte de dialogue API Google Picker après que l'utilisateur appuie sur un bouton ou une image?
Intereting Posts
Propriété d'objet Javascript connecté à Google Chrome Console avant Déclaration Ajout de deux nombres dans JavaScript incorrectement Comment déclencher les indicateurs de carrousel de Bootstrap Carousel Le moyen le plus efficace de peupler / distribuer indexedDB avec 350000 enregistrements Ajout de valeur dynamique à JSON child array? Parse ne peut pas trouver localStorage variable dans React Native En comparant deux composants, le composant X est une instance du composant A Obtenir un clavier de recherche sur iPhone en utilisant PhoneGap Les dépendances du plugin karma ne sont pas trouvées Comment puis-je mettre en surbrillance le texte – strictement chronométré – un Karaoke sans Flash sur une page Web. Quel choix technologique? Window.print () fonctionne-t-il dans toutes les versions de Safari sur iPad? L'ajout d'un sélecteur de requête HTML5 aux navigateurs ne l'appuie pas Google Maps JS API v3: besoin d'accéder à l'objet marqueur à l'intérieur du gestionnaire d'événements Supprimez le parent mais gardez les enfants en utilisant jQuery Les interfaces en JavaScript sont-elles nécessaires?

Comment afficher la boîte de dialogue API Google Picker après que l'utilisateur appuie sur un bouton ou une image?

Est-ce que tout expert en HTML peut m'aider?

Je souhaite afficher la boîte de dialogue de l'API Google Picker après que l'utilisateur clique sur un bouton ou une image et je souhaite afficher le résultat sur la page. Il devrait être simple pour les développeurs qui savent comment faire de la programmation Web.

Le code d'exemple de l'utilisation est dans le lien ci-dessus. Grand merci.

Je l'ai déjà résolu moi-même. Le chargeur principal des API JavaScript de Google est Google Loader.

Consultez la documentation: http://code.google.com/intl/fr/apis/loader/

Insérez ce code dans <head> ... </head> du HTML (un Google Docs Picker). La fonction principale de chargement après un sélecteur de clics est newPicker() . Il le charge le sélecteur et définit le premier rappel pour la manipulation du sélecteur. 

 <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>

Lien en HTML: 

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

Lorsque l'utilisateur clique sur le lien HTML, le sélecteur sera affiché.