tipsy js error

[adayth]

I'm having problems with these lines in views/default/markdown_editor/editor_js.php

jqbutton.bind('click', data, button.callback).tipsy({
                live: true,
                offset: 8,
                fade: true,
                delayIn: 500,
                gravity: 's',
            });

JS console outputs: tipsy isn't a valid function

[adayth]

Just to provide more information.

I guess that markup editor has buttons on top to help editing with markup syntax.
And I said guess because in my site I'm unable to view them!

I provide you a screenshot to show this.

tipsy function is related to this project http://onehackoranother.com/projects/jquery/tipsy/ ?

I tried to add this project files in vendors dir and loaded them properly and tipsy error function go out, but I'm still unable to view editor buttons.

I think that probably some stylesheets are missing besides tipsy jquery plugin.

Please help me to solve this, in my opinion this is a great plugin for Elgg and all other functions are working for me.

[ManUtopiK]

In fact, I write this plugin to work with https://github.com/ggouv/elgg-ggouv_template which include tipsy jquery plugin and webfont icon.
You included tipsy plugin, but you don't have the webfont icon. This why you cannot see editor buttons.
I plan to rewrite some functions to make this plugin compatible with core of elgg.
I will tell you when it's done.

[adayth]

Please, Can you show me how to include the font?

[ManUtopiK]

If you can't wait, install fonts in your template: https://github.com/ggouv/elgg-ggouv_template/tree/master/graphics/fonts and put this code in css:

@font-face {
font-family: 'ggouv';
src: url('<?php echo elgg_get_site_url() . 'mod/your_template/graphics/fonts/'; ?>ggouv-webfont.eot');
src: url('<?php echo elgg_get_site_url() . 'mod/your_template/graphics/fonts/'; ?>ggouv-webfont.eot?#iefix') format('embedded-opentype'),
url('<?php echo elgg_get_site_url() . 'mod/your_template/graphics/fonts/'; ?>ggouv-webfont.ttf') format('truetype'),
url('<?php echo elgg_get_site_url() . 'mod/your_template/graphics/fonts/'; ?>ggouv-webfont.woff') format('woff'),
url('<?php echo elgg_get_site_url() . 'mod/your_template/graphics/fonts/'; ?>ggouv-webfont.otf') format("opentype"),
url('<?php echo elgg_get_site_url() . 'mod/your_template/graphics/fonts/'; ?>ggouv-webfont.svg#ggouv-webfont') format('svg');
font-weight: normal;
font-style: normal;
}
.gwf, .gwfb:before, .gwfa:after {
font-family: "ggouv";
font-weight: normal;
float: left;
}