Einbindung in ein HTML Dokument

Einbindung der Bibliothek in das bestehende HTML-Dokument

Die sociallyve_simple.js und die sociallyve_simple.css können Sie direkt über unser CDN einbinden. Bitte beachten Sie hierzu Ihre gegebenenfalls vorhanden Richtlinien zur Einbindung externer Skripte.

Alternativ können Sie die Dateien auch über das CDN herunterladen und in Ihre lokalen Strukturen einbinden. Bitte beachten Sie, dass Sie in diesem Fall die Dateien auf Ihrem Server regelmäßig aktualisieren sollten, um Funktionserweiterungen der API nutzen zu können.

<script type="text/javascript" src="/libraries/jquery/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/libraries/sociallyve/conf/sociallyveConf.js"></script>
<script type="text/javascript" src="//cdn.allyve.com/js/sociallyve_simple.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://cdn.allyve.com/css/sociallyve_simple.css" />

Einbindung der Buttons

Einbinden der Login-Buttons in das bestehende HTML-Dokument

<div saId="facebook" class="sociallyve_single_login_button"></div>
<div saId="gmx" class="sociallyve_single_login_button"></div>
<div saId="twitter" class="sociallyve_single_login_button"></div>

Einbinden der Import-Buttons in das bestehende HTML-Document

<div saId="facebook" class="sociallyve_single_import_button"></div>
<div saId="gmx" class="sociallyve_single_import_button"></div>
<div saId="twitter" class="sociallyve_single_import_button"></div>

Dynamisch zugewiesene CSS-Klassen der Social Login Buttons

Den Social Login Buttons werden dynamisch verschiedene CSS-Klassen zugewiesen. Diese können dementsprechend auch überschrieben werden.

Folgende CSS-Klassen stehen zur Verfügung.

.sociallyve_single_login_button
.sociallyve_single_login_button_disabled
.sociallyve_single_login_button_"provider"
.sociallyve_single_login_button_"provider":HOVER
.sociallyve_single_login_button_"provider"_disabled

.sociallyve_single_import_button
.sociallyve_single_import_button_disabled
.sociallyve_single_import_button_"provider"
.sociallyve_single_import_button_"provider":HOVER
.sociallyve_single_import_button_"provider"_disabled

wobei “provider” durch die jeweils entsprechenden Provider ersetzt werden muss.

Das Überprüfen der Signatur erfolgt nicht im Javascript. Die Signatur ist jedoch im paramStr/paramObj vorhanden. Um z.B. einen Nutzer SICHER zu identifizieren, müssen diese Daten im Backend der Consuming-Party überprüft werden. Informationen zur Signierung von Daten

Zuletzt aktualisiert am 5. März 2012 von admin - Anmelden