Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

dodanie tooltipa

Inne  Założony przez  Arbitralny.

12.09.2014, 11:49
#1
wersja skryptu MyBB: 1613
adres forum: wrgames.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): jak poprawnie zainstalować to na forum? http://www.htmldrive.net/items/show/681/...oltip.html
12.09.2014, 12:08
#2
https://webboard.pl/thread-38069.html
13.09.2014, 19:55
#3
Jak dodać to do tego pluginu?
13.09.2014, 19:58
#4
W szablonach pluginu, odpowiednim fragmentom dodać title oraz do klasy (class="" dopisać należy klasę wyłonioną od tiptip.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
13.09.2014, 21:02 (Ten post był ostatnio modyfikowany: 13.09.2014, 21:17 przez Arbitralny.)
#5
To nie jest tiptip. Chodzi mi o dodanie tego:
$(document).ready(function() {
    //Tooltips
    $(".tip_trigger").hover(function(){
        tip = $(this).find('.tip');
        tip.show(); //Show tooltip
    }, function() {
        tip.hide(); //Hide tooltip
    }).mousemove(function(e) {
        var mousex = e.pageX   20; //Get X coodrinates
        var mousey = e.pageY   20; //Get Y coordinates
        var tipWidth = tip.width(); //Find width of tooltip
        var tipHeight = tip.height(); //Find height of tooltip

        //Distance of element from the right edge of viewport
        var tipVisX = $(window).width() - (mousex   tipWidth);
        //Distance of element from the bottom of viewport
        var tipVisY = $(window).height() - (mousey   tipHeight);

        if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
            mousex = e.pageX - tipWidth - 20;
        } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
            mousey = e.pageY - tipHeight - 20;
        }
        //Absolute position the tooltip according to mouse position
        tip.css({  top: mousey, left: mousex });
    });
});
do pluginu, a nie headerinclude. Tego nie robi się w title. Dodajesz do linku class="tip_trigger" i później obrazek, który ma być wyświetlany w tym tooltipie.
Dodałem kod do css i jquery do headerinclude, ale nadal nie chce się wyświetlić. Nie ma żadnej informacji o błędzie. :[
Tak ma to wyglądać
  index.html (Rozmiar: 5,11 KB / Pobrań: 641)
13.09.2014, 21:08
#6
A w którym miejscu ma się to wyświetlać?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
13.09.2014, 21:26 (Ten post był ostatnio modyfikowany: 13.09.2014, 21:27 przez Arbitralny.)
#7
Najlepiej, żeby działało na całym forum.
Dodałem to w ten sam sposób w podstawowym szablonie i działa. :[
13.09.2014, 21:30
#8
(13.09.2014, 21:26)Arbitralny napisał(a): Dodałem to w ten sam sposób w podstawowym szablonie i działa. :[

No to może w takim razie jakies konflikry jQuery? Wersja jQ?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
13.09.2014, 21:32 (Ten post był ostatnio modyfikowany: 15.09.2014, 11:22 przez Arbitralny.)
#9
172 w obu szablonach taka sama
Novsic:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/novsic/js/jquery.tipTip.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/novsic/js/jquery.tipTip.minified.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {

function DropDown(el) {
    this.dd = el;
    this.initEvents();
        }
            DropDown.prototype = {
                initEvents : function() {
                    var obj = this;

                    obj.dd.on('click', function(event){
                        $(this).toggleClass('active');
                        event.stopPropagation();
            });    
            }
        }

            $(function() {
                                var dd = new DropDown( $('#dd') );

                $(document).click(function() {
                    $('.wrapper-dropdown-5').removeClass('active');
                });

            });
});
</script>

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/serversboard.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/serversboard.js"></script>
{$stylesheets}
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery(".tiptip").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>
{$newpmmsg}
Default:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    //Tooltips
    $(".tip_trigger").hover(function(){
        tip = $(this).find('.tip');
        tip.show(); //Show tooltip
    }, function() {
        tip.hide(); //Hide tooltip          
    }).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coodrinates
        var mousey = e.pageY + 20; //Get Y coordinates
        var tipWidth = tip.width(); //Find width of tooltip
        var tipHeight = tip.height(); //Find height of tooltip
        
        //Distance of element from the right edge of viewport
        var tipVisX = $(window).width() - (mousex + tipWidth);
        //Distance of element from the bottom of viewport
        var tipVisY = $(window).height() - (mousey + tipHeight);
          
        if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
            mousex = e.pageX - tipWidth - 20;
        } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
            mousey = e.pageY - tipHeight - 20;
        }
        tip.css({  top: mousey, left: mousex });
    });
});

</script>
{$stylesheets}
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
Jeżeli dodałbym to do samego pluginu, to czy dalej będzie występować konflikt jquery?
13.09.2014, 21:48
#10
Szablon, którego używasz ma coś podobnego w sobie, pozbądź się tamtego i spróbuj wtedy.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
13.09.2014, 21:54 (Ten post był ostatnio modyfikowany: 14.09.2014, 14:58 przez Arbitralny.)
#11
tiptip jest do title, a mi chodzi o wyświetlanie w ten sposób obrazków :d
Snake, dodałeś w jakimś innym szablonie skrypt jquery? :s
Wrzuciłem headerinclude z głównego szablonu, na którym to działa do novsic i dalej nie działało. L O L
Wie ktoś jak to rozwiązać ?:s



Użytkownicy przeglądający ten wątek:

1 gości