2012-06-03 11 views
5

Wie kann ich JS auf einer Google Sites-Website hinzufügen/bearbeiten? Auf diese Weise möchte ich jQuery und jQuery UI verwenden, um das Aussehen der Site zu manipulieren.Wie man benutzerdefiniertes Javascript zu Google Sites hinzufügt?

Um klar zu sein, ich spreche nicht über alle Google-Websites, nur die Create-your-Own-System Google hat, genannt "Google Sites" ->https://sites.google.com/.

Auf den howto page gibt es diese: Nicht unterstützte Funktionen

Das HTML-Box-Tool derzeit nicht die folgenden Funktionen unterstützt:

iframes JavaScript-Code jedes Skript nicht erstellen kann, ein Bild oder Link-Tags Dokument/Fenster Onload- und Onready-Funktionen. Sie können jedes JavaScript am Ende des Codes platzieren, der nach dem Laden des Dokuments geladen werden muss.

Bedeutet das, HTML-Tool kann keine Tags erstellen? obwohl sie in der Demo oben sind?

+1

Möchten Sie Google Sites ändern? Ich bin mir nicht sicher, ob ich folge ... – gdoron

+0

Nun, ich möchte Google-Sites verwenden, aber eine Menge der Optionen und des Designs können nicht durch die üblichen Einstellungen geändert werden, also dachte ich, wenn ich einen Block von JS auf der Seite ausführen könnte, könnte ich meine eigenen jQuery und ändere, was ich ändern wollte. –

+0

Suchst du nach [GreaseMonkey] (http://en.wikipedia.org/wiki/Greasemonkey)? Chrome bietet eine integrierte Unterstützung für GreaseMonkey. Sehen Sie sich http://userscripts.org/ für einige Beispiele an, was Sie tun können. –

Antwort

0

Google-Website hat a good documentation, und Sie können kein JavaScript für ihre program policy verwenden.

Bitte lesen Sie die Dokumentation, es listet Details der Schritte zum Einfügen von benutzerdefinierten CSS, JavaScript und allgemeinen HTML.

+0

Der "Programmrichtlinien" -Link, den Sie dort gefunden haben, ist für Google Docs, nicht für Sites, und ist für diese Frage irrelevant. – duskwuff

+0

@duskwuff ** Dies ist eine allgemeine Richtlinie zum Hosten von Google Sites und Google Text & Tabellen. ** Wenn Sie sich die Dokumentation für Google Site ansehen, verweisen Sie speziell auf diese Richtlinie. Also alle Ihre Inhalte, Javascript, CSS, Bilder sollten die gleiche Politik folgen. Die "Warnung" funktionierte nicht, weil sie gegen die Richtlinie verstößt. Ich habe absichtlich eine Verbindung zu ihrem Dokument hergestellt, anstatt die Schritte zu kopieren. Da sich ihre Dokumentation im Laufe der Zeit ändern kann, können Ihre kopierten Inhalte nicht auf dem neuesten Stand bleiben. ** Dies ist NICHT irrelevant **. Also bitte lesen Sie es sorgfältig vor der Bewertung. – activars

+0

Es ist möglich, dass wir verschiedene Versionen der Richtlinienseite sehen. Die Version, die ich sehe, erwähnt JavaScript nirgends. – duskwuff

6

The Google Sites help explains how to add custom HTML/CSS/JS content:

  1. Gehen Sie auf die Google Sites-Seite, die Sie in HTML einbetten möchten
  2. Zum Menü Einfügen und wählen Sie HTML-Box..
  3. Fügen Sie im folgenden Dialogfeld HTML-, CSS- und/oder JavaScript-Code hinzu.
  4. Wenn Sie fertig sind, klicken Sie auf Speichern.
  5. Um eine Vorschau Ihres eingebetteten HTML-Codes anzuzeigen, klicken Sie auf der Google Website-Seite auf Speichern.

Es geht weiter zu beachten, dass „Code aus einer HTML-Box mit zu Code nicht in Wechselwirkung treten kann oder außerhalb der HTML-Box beziehen, einschließlich anderer HTML-Box“ - vermutlich jede „HTML-Box“ ist ein separat sandboxed iframe-Element. Daher ist Ihre Fähigkeit, JS zu verwenden, um das Erscheinungsbild der Website zu manipulieren, ziemlich begrenzt.

+0

Ja, ich habe das zuerst versucht ... schien nicht zu funktionieren, lass es mich nochmal versuchen. –

+1

Wie bereits erwähnt, sind die Funktionen von JS, die in der Google Sites-Sandbox ausgeführt werden, eingeschränkt. Je nachdem, was Sie tun möchten, können Sie dies möglicherweise tun oder auch nicht. (Insbesondere, wenn Sie versuchen, Inhalte auf der Seite zu ändern, die nicht Teil der HTML-Box ist, haben Sie Pech.) – duskwuff

+0

Ich habe versucht, dies in den HTML-Code zu setzen, und keine Warnmeldung angezeigt: '< Skripttyp = "text/javascript"> alert ('etwas'); ' –

1

Eine weitere Alternative Ihr eigenes Gadget schreibt

„Gadgets sind kleine Web-Anwendungen, die auf Web-Seiten hinzugefügt werden können. Gadgets sind XML-Dateien, die normalerweise HTML und JavaScript wrap“, wie durch eine Google Sites Guru erklärt, der vergeht der Name Mori. https://sites.google.com/site/mori79/html-gadgets

Sie können auch weitere Informationen in Google Developers-Website finden: https://developers.google.com/google-apps/sites/gadgets/site_gadgets?hl=en

Hoffe, es hilft.

Verwandte Themen