Wie hosted services, wie UserVoice einbetten Ihrer Inhalte auf anderen web-Seiten?

Question

Wie hosted services, wie UserVoice einbetten Ihrer Inhalte auf anderen web-Seiten?

Ich sehe, dass es via einschließlich einer JavaScript-Datei von der service-provider auf Ihrer eigenen Seite, jedoch, was mich interessiert, sind die Bausteine für die Erstellung von service wie, dass.

Für Beispiel, verwenden Sie eine Bibliothek wie jQuery, mooTools oder prototypejs und wie kann man Sie vermeiden namespace-Kollisionen?

Auch fragte, ob es irgendwelche Bücher, Artikel, blog-posts, die gehen über dieses spezifische Verwendung von JavaScript (nicht auf der Suche für die Allgemeine Ressourcen auf JavaScript).

Grüsse und danke im Voraus,

Eliot

Answer 1

Hier ist ein großartiges tutorial habe ich gefunden auf Wie man ein web-widget (mit jQuery)

Answer 2

In der Regel, was Sie beschreiben, wird als "Javascript-Widget" (UserVoice ist nur passiert zu zeigen, bis auf der linken Seite).

Es gibt ein gutes tutorial über erstellen von Javascript-Widgets Sie können check-out.

Answer 3

Die grundlegende Struktur eines solchen embeddable-service wäre:

1. Wenn der Dienst nicht vorschreiben, dass das Skript mit aufgenommen werden, am unteren Rand der Seite, den Haken, den Körper onload-Ereignis, ohne Verstärkung an den Zehen der vorhandenen Handler (durch abfangen der vorhandenen handler-Funktion, die könnte wiederum verkettet werden, um andere Funktionen).
2. Anstöße für eine neue HTML-Elemente in das Dokument ein.Der HTML-code wäre wahrscheinlich eingebettet in das Skript als string-Literale als Einstellung innerHTML auf einer einzigen injiziert element wäre einfacher und schneller als eine direkte DOM-manipulation mit einer Flut von Funktionsaufrufen.
3. Das ganze script sollte sich in eine Schließung zu vermeiden name Auseinandersetzungen.
4. Ein JS-framework kann oder kann nicht verwendet werden;Vorsicht ist erforderlich, wenn Sie ein framework, da könnte es Streit mit einer bereits vorhandenen, unterschiedlichen Rahmen oder eine andere version des gleichen Rahmens.

Answer 4

EDT:In der Regel machen Sie Ihre Kunden/Kunden/Freund umfassen ein Skript in Ihre Seite, dann über das Skript, das Sie tun können, folgende:

In reinem JS laden Sie Skripte von einem remote-Speicherort (oder nicht so remote) dynamisch über

   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = 'your/remote/scripts/path.js';
   document.getElementsByTagName('body')[0].appendChild(script);

// $.getScript('your/remote/scripts/path.js');in jquery, aber Sie werden sicher jQuery geladen am remote-Standort

Skript geladen wurden, kann verschiedene Aktionen durchführen, wie das erstellen von Elementen, wie diese

var body = document.getElementsByTagName('body')[0];var aDiv = document.createElement('script');/* hier können Sie ändern Ihre divs Eigenschaften, und suchen */ Körper.appendChild(aDiv);// $(").appendTo('body');jQuery

Für die tieferen Blick in JavaScript können Sie Lesen zum Beispiel Javascript:Die Gute Teile oder Definitive Guide To Javascript.