In Javascript -neuen tab- öffnen

klaudschv

im Hauptfenster Kontextmenü erscheint mit dem Code der Eintrag "Send to Google Docs" - beim Klick darauf wird ein Dokument, PDF etc. automatisch bei GDocs gespeichert, allerdings öffnet sich dazu ein neues Fenster. (zu erkennen an window.open(..))

ich habe es bis dato noch nicht geschafft eine objektreferenz zu finden die einen neuen tab öffnet. auch eine selbstgebastelte Funktion hab ich nicht hinbekommen.

Hat jemand von euch eine Idee wie ich hier ein neues Tab öffnen kann?

Code

var sendtogoogledocs = {
  onLoad: function() {
    this.initialized = true;
    this.strings = document.getElementById("sendtogoogledocs-strings");
    document.getElementById("contentAreaContextMenu")
            .addEventListener("popupshowing", function(e) { this.showContextMenu(e); }, false);
  },


  showContextMenu: function(event) {
    document.getElementById("context-sendtogoogledocs").hidden = gContextMenu.onImage;
  },
  onMenuItemCommand: function(e) {                                
	if (gContextMenu.onLink && !gContextMenu.onImage) {  		
  		var docurl = gContextMenu.getLinkURL();  		  		      
  		if(docurl.match(/^http:.*\.(html|htm|pdf|xls|doc|ppt|csv|txt|rtf|odt|sxw|pps|ods)$/i)) {
  			var uploadURL = 'http://docs.google.com/?formsubmitted=true&action=updoc&uploadURL=' + docurl;
  			window.open(uploadURL);
  		}
  	}
  },


};
window.addEventListener("load", function(e) { sendtogoogledocs.onLoad(e); }, false);

Alles anzeigen

boardraider

https://developer.mozilla.org/en/Code_snippe…RL_in_a_new_tab

klaudschv

suppppppppppppppppaa!!!! 1000000 mal danke!!

eindlich funkt das.

ABER: wies ausschaut hat google die http header für die übergabe geändert. vorher wurde das file korrekt hochgeladen und es passte. jetzt bekomm ich einen 404er.

hab probiert mit live headers den neuen header auszulesen, aber auch mit dem neuen funktioniert nichts. ich bekomme zwar keinen 404er mehr, aber hochgeladen wird auch nichts.

url voher:

Code

http://docs.google.com/?formsubmitted=true&action=updoc&uploadURL=

url jetzt:

Code

https://docs.google.com/DocAction?action=updoc&uploadURL=

echt klasse! jetzt funkt zwar das script aber google hat die methoden geändert.

wäre echt super wenn vielleicht einer den hund findet der da begraben ist!

als dank würde ich denjenigen auch als co-autor nennen

Code

var sendtogoogledocs = {
  onLoad: function() {
    this.initialized = true;
    this.strings = document.getElementById("sendtogoogledocs-strings");
    document.getElementById("contentAreaContextMenu")
            .addEventListener("popupshowing", function(e) { this.showContextMenu(e); }, false);
  },


  showContextMenu: function(event) {
    document.getElementById("context-sendtogoogledocs").hidden = gContextMenu.onImage;
  },
  onMenuItemCommand: function(e) {                                
	if (gContextMenu.onLink && !gContextMenu.onImage) {  		
  		var docurl = gContextMenu.getLinkURL();  		  		      
  		if(docurl.match(/^http:.*\.(html|htm|pdf|xls|doc|ppt|csv|txt|rtf|odt|sxw|pps|ods)$/i)) {
  			var uploadURL = 'https://docs.google.com/DocAction?action=updoc&uploadURL=' + docurl;
  			gBrowser.selectedTab = gBrowser.addTab(uploadURL);
  		}
  	}
  },


};
window.addEventListener("load", function(e) { sendtogoogledocs.onLoad(e); }, false);

Alles anzeigen

boardraider

Obiger Code ( http://www.firefox-browser.de/forum/viewtopi…p=529102#529102 ) funktioniert? Oder doch nicht?

klaudschv

also der code ansich hat ja schon funktioniert.

alte version: seite öffnet in neuem fenster (wollte ich nicht)

neue version: seite öffnet in neuem tab (funktioniert)

ABER: offenbar hat Google den Header für die Übergabe des Files geändert.

alter header:

Code

http://docs.google.com/?formsubmitted=true&action=updoc&uploadURL=

mit dem alten header kommt jetzt ein Fehler 404 (egal ob ich in tab oder fenster öffne - hängt also nicht damit zusammen und hat wie gesagt schon funktioniert)

neuer header:

Code

https://docs.google.com/DocAction?action=updoc&uploadURL=

Mit dem neuen Header kommt kein Fehler, aber man wird nur zur Upload Seite geleitet und es wird nichts hochgeladen.

kA was Google da noch verändert hat.

Also:

Funktionierender Code:

Code

var sendtogoogledocs = {
  onLoad: function() {
    this.initialized = true;
    this.strings = document.getElementById("sendtogoogledocs-strings");
    document.getElementById("contentAreaContextMenu")
            .addEventListener("popupshowing", function(e) { this.showContextMenu(e); }, false);
  },


  showContextMenu: function(event) {
    document.getElementById("context-sendtogoogledocs").hidden = gContextMenu.onImage;
  },
  onMenuItemCommand: function(e) {                               
   if (gContextMenu.onLink && !gContextMenu.onImage) {        
        var docurl = gContextMenu.getLinkURL();                     
        if(docurl.match(/^http:.*\.(html|htm|pdf|xls|doc|ppt|csv|txt|rtf|odt|sxw|pps|ods)$/i)) {
           var uploadURL = 'https://docs.google.com/DocAction?action=updoc&uploadURL=' + docurl;
           gBrowser.selectedTab = gBrowser.addTab(uploadURL);
        }
     }
  },


};
window.addEventListener("load", function(e) { sendtogoogledocs.onLoad(e); }, false);

Alles anzeigen

aber darin enthalten ist der falsche Header!!

Ich bin mir jetzt nicht mehr sicher, nachdem ich von

Code

window.open

auf

Code

gBrowser.selectedTab

gewechselt habe ob

Code

window.addEventListener

noch stimmt. Vielleicht hängt es damit zusammen?!

boardraider

Begrifflichkeit:
Das ist kein "Header" das ist ein URL.
http://de.wikipedia.org/wiki/Header
http://de.wikipedia.org/wiki/Uniform_Resource_Locator

Grundlegend mag es aber tatsächlich eine Protokoll- bzw. Headerfrage sein.

Du versuchst via HTTP-GET den Google Dienst anzuweisen, dass er einen URL als Uploadziel verarbeiten soll. Vielleicht ging das früher mal, inzwischen hat Google wohl auf HTTP-POST ausschließlich umgestellt.

Beim regulären POST-Reqest über das Formular werden folgende Datenfelder übertragen:
security_token, formsubmitted, uploadedFile , uploadURL, DocName und saveChanges

Inwieweit alle tatsächlich nötig sind, habe ich nicht im einzelnen geprüft. Um das Ganze aber innerhalb einer Erweiterung zum Laufen zu bringen, wirst du wohl selbst einen POST-Request senden müssen.
Siehe dazu: https://developer.mozilla.org/en/XMLHttpRequest

Sollte der security_token eine Anti-CSRF-Maßnahme sein, wirst du nicht umhin kommen dir den Token zuerst mit einem GET-Request von https://docs.google.com/DocAction?action=updoc&hl=en zu holen. Rausparsen, Request-Parameter zusammenbauen und absetzen. Das sollte dann klappen, auch im neuen Tab

klaudschv

... oke dass is mir (noch) etwas zu hoch. hab mich bisher nicht mit POST beschäftigt. Ist ja auch etwas anspruchsvoller als GET.

Du scheinst dich da ja professionell mit der Materie zu beschäftigen... *schüchternfrag* wärst du vielleicht bereit mir da etwas unter die arme zu greifen? bitte! du kannst dich auch gleich als Autor eintragen

wär echt super von dir.

ich lad das addon mal hier hoch: http://www.file-upload.net/download-13994…1.0-fx.xpi.html

boardraider

Wieso wendest du dich nicht an den Autor der Erweiterung?
https://addons.mozilla.org/en-US/firefox/addon/8552
Inbesondere solltest du ohnehin mit ihm Rücksprache halten, falls du eine modifizierte Version veröffentlichen willst. Ich habe keine Lizenzbedingungen gesehen, aber die Höflichkeit gebietet es eigentlich den Autor zu kontaktieren.

klaudschv

hab ich doch schon längst gemacht. (einmal vor 2 Wochen und vor 5 Tagen nochmal) hab ihm auch den korrigierten code geschickt und ihn gleich auch aufgeklärt dass die GET Methode nicht mehr geht.

hat sich mit keinem Wort gemeldet und auch auf kein Kommentar reagiert.

boardraider

Ich habe mal ein Ubiquity Kommando aus der Problemstellung gemacht.
http://boardraider-ubiquity-commands.googlecode.com/svn/trunk/gd-upload.html

Den Quellcode kannst du dir hier anschauen:
http://code.google.com/p/boardraider-…nk/gd-upload.js
Den Code kannst du für deine modifizierte Erweiterung übernehmen oder als Anschauung verwenden. Ausdrücklich stelle ich dir die Nutzung außerhalb der GPL frei, soll dich bei deiner Erweiterung also nicht kümmern.

klaudschv

wow - danke! wie soll ich dich eintragen? als boardraider?

edit: funktioniert tadellos - aber was mir gerade aufgefallen ist:

bei dateien die z.b. "das ist ein test.doc" heißen (also leerzeichen haben) kommt folgender fehler: "Beim Herstellen der Verbindung mit ... ist ein Fehler aufgetreten"

Man sieht auch in der URL dass er die Leerzeichen nicht verarbeiten kann.

boardraider

Zitat

wie soll ich dich eintragen? als boardraider?

Brauchst du nicht.

Zitat

bei dateien die z.b. "das ist ein test.doc" heißen (also leerzeichen haben)

Verwende encodeURI - ich bau es mal bei mir im Code ein, dann siehst du wo es hin muss.

klaudschv

habs mir angeschaut, aber Fehler besteht immer noch...

boardraider

Beispieldatei?

Dein Code?

klaudschv

Code

var openingdocs = {
  onLoad: function() {
    this.initialized = true;
    this.strings = document.getElementById("openingdocs-strings");
    document.getElementById("contentAreaContextMenu")
            .addEventListener("popupshowing", function(e) { this.showContextMenu(e); }, false);
  },


  showContextMenu: function(event) {
    document.getElementById("context-openingdocs").hidden = gContextMenu.onImage;
  },
  onMenuItemCommand: function(e) {                                
	if (gContextMenu.onLink && !gContextMenu.onImage) {  		
  		var docurl = gContextMenu.getLinkURL();  		  		      
  		if(docurl.match(/^http:.*\.(html|htm|pdf|xls|doc|ppt|csv|txt|rtf|odt|sxw|pps|ods)$/i)) {
  			var uploadURL = 'http://docs.google.com/?formsubmitted=true&action=updoc&uploadURL=' + docurl;
  			gBrowser.selectedTab = gBrowser.addTab(uploadURL);
  		}
  	}
  },


};
window.addEventListener("load", function(e) { openingdocs.onLoad(e); }, false);


/*
 * Ubiquity command gd-upload
 */
CmdUtils.CreateCommand({
  name: "gd-upload",
  icon: "https://docs.google.com/images/doclist/icon_4_doc.gif",
  homepage: "http://code.google.com/p/boardraider-ubiquity-commands/" +
    "source/browse/trunk/gd-upload.html",
  author: {name: "klaudsch"},
  license: "GPL 2 or newer",
  description: "Uploads a document to Google Docs via URL",
  help: "First login to Google Docs before using this command",
  takes: {"input": noun_arb_text},

  preview: function(pblock, input) {
    pblock.innerHTML = "Uploads " + input.text + " to your Google Docs account";
  },

  execute: function(input) {
    getToken(encodeURI(input.text));
  }

});


/*
 * Gets the security token from Google
 *
 * Params:
 * aURL - location of the document
 */
function getToken(aURL) {
  xhr = new XMLHttpRequest();
  // Google Docs upload form
  xhr.open('GET', 'https://docs.google.com/DocAction?action=updoc&hl=en');
  xhr.onreadystatechange = function (aEvent) {
    if (xhr.readyState == 4) {
      if (xhr.status == 200) {
        var pattern = /<input type="hidden" name="security_token" value="([^"]+)">/;
        var matches = xhr.responseText.match(pattern);
        if (matches) { // retrieved security token successfully
          sendDoc(matches[1], aURL);
        } else { // failed to retrieve security token - not logged in?
          displayMessage('Please login first!');
          Utils.openUrlInBrowser('https://docs.google.com/DocAction?action=updoc&hl=en');
        }
      } else { // server error
        displayMessage('Error getting token!');
      }
    }
  }
  xhr.send(null);
}


/*
 * Gets the security token from Google
 *
 * Params:
 * aToken - Google Docs security token
 * aURL - location of the document
 */
function sendDoc(aToken, aURL) {
  xhr = new XMLHttpRequest();
  xhr.open('POST', 'https://docs.google.com/DocAction?action=updoc');
  // building post data
  var boundaryString = '-gd-upload---';
  var boundary = '--' + boundaryString;
  var postData = ['', boundary, 'Content-Disposition: form-data; name="security_token"', '', aToken,
    boundary, 'Content-Disposition: form-data; name="formsubmitted"', '', 'true', boundary,
    'Content-Disposition: form-data; name="uploadURL"', '', aURL, boundary + '--'].join('\r\n');
  xhr.setRequestHeader('Content-Type','multipart/form-data; boundary=' + boundaryString);
  xhr.setRequestHeader('Content-length', postData.length);
  xhr.onreadystatechange = function (aEvent) {
    if (xhr.readyState == 4) {
      var pattern = /var docID = '([^']+)';/;
      var matches = xhr.responseText.match(pattern);
      if (matches) { // retrieved document id successfully - open document
        Utils.openUrlInBrowser('https://docs.google.com/Doc?id=' + matches[1]); 
      } else { // Failed to retrieved document id - open fallback
          displayMessage('Failed to send document! Try upload form instead!');
          Utils.openUrlInBrowser('https://docs.google.com/DocAction?action=updoc&hl=en');
      }
    }
  }
  xhr.send(postData);
}

Alles anzeigen

Datei: http://www.google.at/search?hl=de&c…tnG=Suche&meta=

die 2. von oben

Danke nochmals für deine Mühe!

boardraider

Das zweite Dokument von oben ist bei mir
http://www.offenbach.de/stepone/data/d…1/00/XLTest.doc
Da sind keine Leerzeichen enthalten.

Der Code von oben kann nicht funktionieren, wenn du ihn so in der Erweiterung stehen hast. Du hast den Code des Ubiquity Kommandos nur kopiert, natürlich musst du die relevanten Teile extrahieren.

klaudschv

hatte ich ja auch - ging aber nicht. dann hab ich so umgeformt wie es jetzt ist und es ging.

wie wär es denn richtig?

bzgl. file: einfach bei google test.doc eingeben und dann kommt schon eines was passt.

boardraider

Ich habe keine Lust einen URL zu suchen, wenn du schon einen hast. Kopiere ihn doch einfach hier rein und gut.

klaudschv

z.B. http://www.beckleymine.com/becm/Files/Doc…0test%20doc.doc

und hier das addon zum testen: http://www.file-upload.net/download-14017…ngdocs.xpi.html

boardraider

Den Code des Ubiquity Kommandos habe ich überarbeitet. Sollte jetzt mit allen Dokumententypen und auch mit Leerzeichen bzw. %20-Kodierungen klarkommen.

Trotzdem kann der Code in der Form nicht funktionieren bei dir. Die Funktion getToken wird nie aufgerufen. Ebenso müsstest du im Entwicklungsprofil Fehlermeldungen sehen können, da bspw. CmdUtils nicht definiert ist.

Den Code des Kommandos musst du, wie erwähnt, anpassen. Also undefinierte (Ubiquity-spezifische) Aufrufe entfernen und ggf. durch die entsprechenden Äquivalente ersetzen.