Hyves API / jQuery

Testing Hyves Api to include parts of hyves plugins into website.

by Plippie Plop

HTML

<html>
    <head>
        <title>Badges example</title>
        <script type="text/javascript" src="http://www.hyves.nl/precompiled/hyvesconnect.js"></script>
    </head> 
    <body>
        <div id="Hyves_default_badge"></div>
        <div id="Hyves_members_badge"></div>
    </body>
</html>

JavaScript

if ($('#Hyves_default_badge').length) {
    showDefaultBadge();
}


if ($('#Hyves_members_badge').length) {
    showMembersBadge();
}


// ### HYVES BADGETS ##


function showDefaultBadge() {
    Hyves.connect.badge.overview('00c399936bfad841d60ab3f2de5894cba4', Hyves.type.HUB, {}, 'Hyves_default_badge');
}


function showMembersBadge() {
    var config_hub_badge = {
        width: 300,
        modules: {},
        pimp: {}
    }
    config_hub_badge.modules[Hyves.badge.module.MEMBER] = {
        count: 12
    };
    config_hub_badge.pimp['bordercolor'] = '#000000';
    config_hub_badge.pimp['background'] = '#FFFFFF';
    config_hub_badge.pimp['header'] = '#000000';
    config_hub_badge.pimp['linkcolor'] = '#FF6600';
    config_hub_badge.pimp['ruler'] = '#FF6600';
    config_hub_badge.pimp['textcolor'] = '#000000';
    Hyves.connect.badge.overview('00c399936bfad841d60ab3f2de5894cba4', Hyves.type.HUB, config_hub_badge, 'Hyves_members_badge');
}