Webboard

Pełna wersja: tipTip wyświetla się nieprawidłowo. (U góry ekranu).
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.8
adres forum: Play3Center!
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam. Na prośbę kolegi chciałem zrobić mu tipTip na forum, ale albo ja coś skopałem albo tipTip mnie nie lubi. :( O tuż wgrałem tipTip i nie wyświetla się prawidłowo, a dokładniej w lewym górnym rogu.. Nie kumam nic z tego dlaczemuż tak jest xD (to było specjalne). Oraz jeszcze jeden problem. O tuż "zapisuje" title i jak najedzie się np. na nazwę wątku ( w ostatnim poświcie w dziale) i potem np. na ikonkę zwijania sidebara od razu na nią to się zapisuje title i wyświetla się on na niej.. Please help me! :(
Raczej Ty coś schrzaniłeś na 99% :P Albo CBA ;)
Kod:
<script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>
Dalej nie działa + zapisuje to title, czego nie chce..
Czyli pozycja wywołania skryptu w headerinclude jest w niewłaściwym miejscu.
Moje headerinclude:
Kod PHP:
<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.9.0/jquery.min.js"></script
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar_2.0.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/usertabs.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.fancyCollapses.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/theme.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/candy.js"></script>
<
script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<
script type="text/javascript">jQuery.noConflict();</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}

<
script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <euan@euantor.com>
* @version 1.0.0
*/

jQuery.noConflict();

jQuery(document).ready(function($)
{
    
// Make the jQuery modal login redirect you back to the page you're currently on //
    
jQuery('#loginModal input[name="url"]').attr("value"window.location);
    
// /Login redirect //

    // Modal Boxes //
    
jQuery('a[name="modal"]').on('click', function(event)
    {
        
event.preventDefault();
        
        var 
target = $(this).attr('rel');
        
        
// Set up the shadowing
        
var maskHeight jQuery(document).height();
        var 
maskWidth jQuery(window).width();
        
jQuery('#mask').css({'width'maskWidth'height'maskHeight});
        
jQuery('#mask').fadeIn(1200);    
        
jQuery('#mask').fadeTo("slow"0.8);  
        
        
// Position the actual modal
        
var winH jQuery(window).height();
        var 
winW jQuery(window).width();
        
jQuery(target).css('top',  (winH 2) - (jQuery(target).height() / 2));
        
jQuery(target).css('left', (winW 2) - (jQuery(target).width() / 2));
        
jQuery(target).fadeIn(2000); 
    });
    
    
jQuery('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        
event.preventDefault();
        
jQuery('#mask, .modalBox').hide();
    }); 
    
    
jQuery('#mask').on('click', function ()
    {
        
jQuery(this).hide();
        
jQuery('.modalBox').hide();
    }); 
    
// /Modal Boxes //
});
</
script>


<
script src="{$mybb->settings['bburl']}/jscripts/hide.js" type="text/javascript"></script>
<
script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
    
jQuery('.show_hide').showHide({             
         
speed200,  // speed you want the toggle to happen    
         
easing'',  // the animation effect you want. Remove this line if you dont want an effect and if you haven't included jQuery UI
         
changeText0// if you dont want the button text to change, set this to 0
         
showText' ',// the button text to show when a div is closed
         
hideText' ' // the button text to show when a div is open
                      
     
}); 
});
</
script>

<
script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
jQuery("#backtop").hide();
  
jQuery(window).scroll(function () {
    if ($(
this).scrollTop() > 400) {
      
jQuery('#backtop').fadeIn(200);
    } else {
      
jQuery('#backtop').fadeOut(200);
    }
  });
  
jQuery('.go-top').click(function () {
   
jQuery('html,body').animate({
      
scrollTop0
    
}, 1000);
    return 
false;
  });
});
</
script>

<
script type='text/javascript'
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
jQuery("img").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
  });
</
script

Tutaj jest coś skopane? Ja do tego przykładam szczególną uwagę jak coś dodaje/edytuje.
Spróbuj tak ;)
Kod:
<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.9.0/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar_2.0.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/usertabs.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.fancyCollapses.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/theme.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/candy.js"></script>
<script type="text/javascript">jQuery.noConflict();</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" src="jscripts/jquery.tipTip.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>

{$newpmmsg}

<script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <euan@euantor.com>
* @version 1.0.0
*/

jQuery.noConflict();

jQuery(document).ready(function($)
{
    // Make the jQuery modal login redirect you back to the page you're currently on //
    jQuery('#loginModal input[name="url"]').attr("value", window.location);
    // /Login redirect //

    // Modal Boxes //
    jQuery('a[name="modal"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        // Set up the shadowing
        var maskHeight = jQuery(document).height();
        var maskWidth = jQuery(window).width();
        jQuery('#mask').css({'width': maskWidth, 'height': maskHeight});
        jQuery('#mask').fadeIn(1200);    
        jQuery('#mask').fadeTo("slow", 0.8);  
        
        // Position the actual modal
        var winH = jQuery(window).height();
        var winW = jQuery(window).width();
        jQuery(target).css('top',  (winH / 2) - (jQuery(target).height() / 2));
        jQuery(target).css('left', (winW / 2) - (jQuery(target).width() / 2));
        jQuery(target).fadeIn(2000);
    });
    
    jQuery('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        event.preventDefault();
        jQuery('#mask, .modalBox').hide();
    });
    
    jQuery('#mask').on('click', function ()
    {
        jQuery(this).hide();
        jQuery('.modalBox').hide();
    });
    // /Modal Boxes //
});
</script>


<script src="{$mybb->settings['bburl']}/jscripts/hide.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
    jQuery('.show_hide').showHide({            
         speed: 200,  // speed you want the toggle to happen    
         easing: '',  // the animation effect you want. Remove this line if you dont want an effect and if you haven't included jQuery UI
         changeText: 0, // if you dont want the button text to change, set this to 0
         showText: ' ',// the button text to show when a div is closed
         hideText: ' ' // the button text to show when a div is open
                      
     });
});
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
jQuery("#backtop").hide();
  jQuery(window).scroll(function () {
    if ($(this).scrollTop() > 400) {
      jQuery('#backtop').fadeIn(200);
    } else {
      jQuery('#backtop').fadeOut(200);
    }
  });
  jQuery('.go-top').click(function () {
   jQuery('html,body').animate({
      scrollTop: 0
    }, 1000);
    return false;
  });
});
</script>
Dalej nie działa.

Już naprawiłem :) Tak wygląda moje headerinclude:
Kod PHP:
<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.4.2/jquery.min.js"></script
<
script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<
script type='text/javascript'
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
jQuery("img").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
  });
</
script>

<
script type='text/javascript'
jQuery.noConflict();
jQuery(function() {
jQuery(".ejemplo").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
  });
</
script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar_2.0.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/usertabs.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.fancyCollapses.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/theme.js"></script>
<
script type="text/javascript">jQuery.noConflict();</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}
<
script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <euan@euantor.com>
* @version 1.0.0
*/

jQuery.noConflict();

jQuery(document).ready(function($)
{
    
// Make the jQuery modal login redirect you back to the page you're currently on //
    
jQuery('#loginModal input[name="url"]').attr("value"window.location);
    
// /Login redirect //

    // Modal Boxes //
    
jQuery('a[name="modal"]').on('click', function(event)
    {
        
event.preventDefault();
        
        var 
target = $(this).attr('rel');
        
        
// Set up the shadowing
        
var maskHeight jQuery(document).height();
        var 
maskWidth jQuery(window).width();
        
jQuery('#mask').css({'width'maskWidth'height'maskHeight});
        
jQuery('#mask').fadeIn(1200);    
        
jQuery('#mask').fadeTo("slow"0.8);  
        
        
// Position the actual modal
        
var winH jQuery(window).height();
        var 
winW jQuery(window).width();
        
jQuery(target).css('top',  (winH 2) - (jQuery(target).height() / 2));
        
jQuery(target).css('left', (winW 2) - (jQuery(target).width() / 2));
        
jQuery(target).fadeIn(2000); 
    });
    
    
jQuery('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        
event.preventDefault();
        
jQuery('#mask, .modalBox').hide();
    }); 
    
    
jQuery('#mask').on('click', function ()
    {
        
jQuery(this).hide();
        
jQuery('.modalBox').hide();
    }); 
    
// /Modal Boxes //
});
</
script>

<
script src="{$mybb->settings['bburl']}/jscripts/hide.js" type="text/javascript"></script>
<
script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
    
jQuery('.show_hide').showHide({             
         
speed200,  // speed you want the toggle to happen    
         
easing'',  // the animation effect you want. Remove this line if you dont want an effect and if you haven't included jQuery UI
         
changeText0// if you dont want the button text to change, set this to 0
         
showText' ',// the button text to show when a div is closed
         
hideText' ' // the button text to show when a div is open
                      
     
}); 
});
</
script>

<
script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
jQuery("#backtop").hide();
  
jQuery(window).scroll(function () {
    if ($(
this).scrollTop() > 400) {
      
jQuery('#backtop').fadeIn(200);
    } else {
      
jQuery('#backtop').fadeOut(200);
    }
  });
  
jQuery('.go-top').click(function () {
   
jQuery('html,body').animate({
      
scrollTop0
    
}, 1000);
    return 
false;
  });
});
</
script

Biblioteka musi być 1.4.2 bo inaczej "zapisuje" title. Ale za to wtedy nie działa przewijanie do góry (strzałeczka..) Jak to naprawić?..
Przestawić w inne miejsce ? xD
Yea! Wszystko śmiga jak należy. Tak wygląda moje headerinclude:
Kod PHP:
<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.4.2/jquery.min.js"></script
<
script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<
script type='text/javascript'
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
jQuery("img").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
  });
</
script>

<
script type='text/javascript'
jQuery.noConflict();
jQuery(function() {
jQuery(".ejemplo").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
  });
</
script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar_2.0.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/usertabs.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.fancyCollapses.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/theme.js"></script>
<
script type="text/javascript">jQuery.noConflict();</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}
<
script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
jQuery("#backtop").hide();
  
jQuery(window).scroll(function () {
    if ($(
this).scrollTop() > 400) {
      
jQuery('#backtop').fadeIn(200);
    } else {
      
jQuery('#backtop').fadeOut(200);
    }
  });
  
jQuery('.go-top').click(function () {
   
jQuery('html,body').animate({
      
scrollTop0
    
}, 1000);
    return 
false;
  });
});
</
script>

<
script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <euan@euantor.com>
* @version 1.0.0
*/

jQuery.noConflict();

jQuery(document).ready(function($)
{
    
// Make the jQuery modal login redirect you back to the page you're currently on //
    
jQuery('#loginModal input[name="url"]').attr("value"window.location);
    
// /Login redirect //

    // Modal Boxes //
    
jQuery('a[name="modal"]').on('click', function(event)
    {
        
event.preventDefault();
        
        var 
target = $(this).attr('rel');
        
        
// Set up the shadowing
        
var maskHeight jQuery(document).height();
        var 
maskWidth jQuery(window).width();
        
jQuery('#mask').css({'width'maskWidth'height'maskHeight});
        
jQuery('#mask').fadeIn(1200);    
        
jQuery('#mask').fadeTo("slow"0.8);  
        
        
// Position the actual modal
        
var winH jQuery(window).height();
        var 
winW jQuery(window).width();
        
jQuery(target).css('top',  (winH 2) - (jQuery(target).height() / 2));
        
jQuery(target).css('left', (winW 2) - (jQuery(target).width() / 2));
        
jQuery(target).fadeIn(2000); 
    });
    
    
jQuery('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        
event.preventDefault();
        
jQuery('#mask, .modalBox').hide();
    }); 
    
    
jQuery('#mask').on('click', function ()
    {
        
jQuery(this).hide();
        
jQuery('.modalBox').hide();
    }); 
    
// /Modal Boxes //
});
</
script>

<
script src="{$mybb->settings['bburl']}/jscripts/hide.js" type="text/javascript"></script>
<
script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
    
jQuery('.show_hide').showHide({             
         
speed200,  // speed you want the toggle to happen    
         
easing'',  // the animation effect you want. Remove this line if you dont want an effect and if you haven't included jQuery UI
         
changeText0// if you dont want the button text to change, set this to 0
         
showText' ',// the button text to show when a div is closed
         
hideText' ' // the button text to show when a div is open
                      
     
}); 
});
</
script