Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor si asistenta pentru utilizatorii Forumgratuit. Creeaza si administreaza un forum performant. Descopera functionalitatile, tutorialele si ponturile de pe Forumul de suport!

Cum pot sa fac tipsy la titlu.

Forum gratuit: forum de suport al utilizatorilor ::  Diverse :: Cos de gunoi

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Cum pot sa fac tipsy la titlu.

Mesaj Scris de RealWolf. la data de Lun 16 Dec - 21:57

Cum pot sa fac si eu asa:

RealWolf.
Membru activ

masculin

Mesaje : 780
Varsta : 16
Data de inscriere : 10/11/2013
Multumiri : 25
1 avertisment

http://areagames.forumer.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de mindlock la data de Lun 16 Dec - 22:09

Salut , aveti mai jos un tutorial.
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

mindlock
Membru activ

masculin

Mesaje : 411
Varsta : 18
Localizare : România
Data de inscriere : 27/07/2013
Multumiri : 45
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de Keir la data de Lun 16 Dec - 22:21

Sunt foarte curios de ce inainte de a deschide un topic nu cautati si in zona "Tutoriale", avand in vedere ca este o problema foarte discutata in suport... scratch 

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de RealWolf. la data de Mar 17 Dec - 10:00

Am vazut acel tutorial si nu am inteles.
Cum adica class/id? Eu astea nu inteleg.

RealWolf.
Membru activ

masculin

Mesaje : 780
Varsta : 16
Data de inscriere : 10/11/2013
Multumiri : 25
1 avertisment

http://areagames.forumer.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de mindlock la data de Mar 17 Dec - 10:03

Nu trebuie sa inlocuiti neaparat acolo , ca sa aveti tipsy doar la titlu lasati acel cod javascript cum este.

mindlock
Membru activ

masculin

Mesaje : 411
Varsta : 18
Localizare : România
Data de inscriere : 27/07/2013
Multumiri : 45
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de Keir la data de Mar 17 Dec - 10:06

Veti inlocui CLASS/ID cu clasa(id-ul) elementului caruia vreti sa-i oferiti acest efect. De exemplu daca doriti sa aplicati casuta tipsy la banner, o sa aveti:
Cod:
$('#i_logo').tipsy({gravity: 'n'});
Sau in cazul imaginii prezentate de dvs.:
Cod:
$('.copyright a').tipsy({gravity: 'n'});

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de RealWolf. la data de Mar 17 Dec - 10:17

Nu merge.

RealWolf.
Membru activ

masculin

Mesaje : 780
Varsta : 16
Data de inscriere : 10/11/2013
Multumiri : 25
1 avertisment

http://areagames.forumer.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de Keir la data de Mar 17 Dec - 10:19

Incercati sa cititi topicul indicat aici: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] .

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de RealWolf. la data de Mar 17 Dec - 10:33

Nu merge.

RealWolf.
Membru activ

masculin

Mesaje : 780
Varsta : 16
Data de inscriere : 10/11/2013
Multumiri : 25
1 avertisment

http://areagames.forumer.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de Zeus la data de Mar 17 Dec - 13:10

Buna ziua,

Adaugati urmatorul cod in P.A ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor javascript ~> Creati un nou javascript
Cod:
 $(document).ready(function(){
    $('[title]').tipsy({gravity: 'sw'});
    $('[title]').tipsy({gravity: 'se'});
    $('.copyright a').tipsy({gravity: 'sw'});
  });


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3896
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 598
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de RealWolf. la data de Mar 17 Dec - 15:03

Nu merge.

RealWolf.
Membru activ

masculin

Mesaje : 780
Varsta : 16
Data de inscriere : 10/11/2013
Multumiri : 25
1 avertisment

http://areagames.forumer.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de Vizitator la data de Mar 17 Dec - 15:39

Cod:
 $(document).ready(function(){
    $('title').tipsy({gravity: 'sw'});
    $(document).tipsy({gravity: 'se'});
  });

Vizitator
Vizitator


Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de Nesquik la data de Mar 17 Dec - 16:05

jQuery da-i codul care mi l-ai dat si mie ca e foarte bun A face cu ochiul si toti avem problema cu id class Fericit) ca e greu de descifrat de inseamna

Nesquik
Membru Forumgratuit

masculin

Mesaje : 175
Varsta : 17
Data de inscriere : 16/04/2013
Multumiri : 0
Membru exclus

http://redcs.uniogame.com

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de MBeatrice la data de Mar 17 Dec - 17:49

Buna seara. In tutorial scrie amanuntit despre ce trebuie de adaugat/modificat. Sa sintetizam : ce coduri ati obtinut pana acum?

MBeatrice
Membru onorific
Membru onorific

feminin

Mesaje : 730
Varsta : 23
Localizare : Ploiesti
Data de inscriere : 01/01/2013
Multumiri : 5
Niciun avertisment

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de RealWolf. la data de Mar 17 Dec - 18:15

Poftim.
Cod:
// tipsy, facebook style tooltips for jquery
    // version 1.0.0a
    // (c) 2008-2010 jason frame [jason@onehackoranother.com]
    // releated under the MIT license

    (function($) {

    function fixTitle($ele) {
    if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
    $ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
    }
    }

    function Tipsy(element, options) {
    this.$element = $(element);
    this.options = options;
    this.enabled = true;
    fixTitle(this.$element);
    }

    Tipsy.prototype = {
    show: function() {
    var title = this.getTitle();
    if (title && this.enabled) {
    var $tip = this.tip();

    $tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
    $tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
    $tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);

    var pos = $.extend({}, this.$element.offset(), {
    width: this.$element[0].offsetWidth,
    height: this.$element[0].offsetHeight
    });

    var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight;
    var gravity = (typeof this.options.gravity == 'function')
    ? this.options.gravity.call(this.$element[0])
    : this.options.gravity;

    var tp;
    switch (gravity.charAt(0)) {
    case 'n':
    tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
    break;
    case 's':
    tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
    break;
    case 'e':
    tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
    break;
    case 'w':
    tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
    break;
    }

    if (gravity.length == 2) {
    if (gravity.charAt(1) == 'w') {
    tp.left = pos.left + pos.width / 2 - 15;
    } else {
    tp.left = pos.left + pos.width / 2 - actualWidth + 15;
    }
    }

    $tip.css(tp).addClass('tipsy-' + gravity);

    if (this.options.fade) {
    $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
    } else {
    $tip.css({visibility: 'visible', opacity: this.options.opacity});
    }
    }
    },

    hide: function() {
    if (this.options.fade) {
    this.tip().stop().fadeOut(function() { $(this).remove(); });
    } else {
    this.tip().remove();
    }
    },

    getTitle: function() {
    var title, $e = this.$element, o = this.options;
    fixTitle($e);
    var title, o = this.options;
    if (typeof o.title == 'string') {
    title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
    } else if (typeof o.title == 'function') {
    title = o.title.call($e[0]);
    }
    title = ('' + title).replace(/(^\s*|\s*$)/, "");
    return title || o.fallback;
    },

    tip: function() {
    if (!this.$tip) {
    this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>');
    }
    return this.$tip;
    },

    validate: function() {
    if (!this.$element[0].parentNode) {
    this.hide();
    this.$element = null;
    this.options = null;
    }
    },

    enable: function() { this.enabled = true; },
    disable: function() { this.enabled = false; },
    toggleEnabled: function() { this.enabled = !this.enabled; }
    };

    $.fn.tipsy = function(options) {

    if (options === true) {
    return this.data('tipsy');
    } else if (typeof options == 'string') {
    return this.data('tipsy')[options]();
    }

    options = $.extend({}, $.fn.tipsy.defaults, options);

    function get(ele) {
    var tipsy = $.data(ele, 'tipsy');
    if (!tipsy) {
    tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
    $.data(ele, 'tipsy', tipsy);
    }
    return tipsy;
    }

    function enter() {
    var tipsy = get(this);
    tipsy.hoverState = 'in';
    if (options.delayIn == 0) {
    tipsy.show();
    } else {
    setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
    }
    };

    function leave() {
    var tipsy = get(this);
    tipsy.hoverState = 'out';
    if (options.delayOut == 0) {
    tipsy.hide();
    } else {
    setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
    }
    };

    if (!options.live) this.each(function() { get(this); });

    if (options.trigger != 'manual') {
    var binder = options.live ? 'live' : 'bind',
    eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus',
    eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
    this[binder](eventIn, enter)[binder](eventOut, leave);
    }

    return this;

    };

    $.fn.tipsy.defaults = {
    delayIn: 0,
    delayOut: 0,
    fade: false,
    fallback: '',
    gravity: 'n',
    html: false,
    live: false,
    offset: 0,
    opacity: 0.8,
    title: 'title',
    trigger: 'hover'
    };

    // Overwrite this method to provide options on a per-element basis.
    // For example, you could store the gravity in a 'tipsy-gravity' attribute:
    // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
    // (remember - do not modify 'options' in place!)
    $.fn.tipsy.elementOptions = function(ele, options) {
    return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
    };

    $.fn.tipsy.autoNS = function() {
    return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
    };

    $.fn.tipsy.autoWE = function() {
    return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
    };

    })(jQuery);

Cod:
$(document).ready(function(){
$('[title]').tipsy({gravity: 'sw'});
});

$(document).ready(function(){
  $(function() {
    $('a').tipsy({fade: true, gravity: 's'});
    $('.i_icon_quote').tipsy({fade: true, gravity: 's'});
    $('.i_icon_edit').tipsy({fade: true, gravity: 's'});
    $('.i_icon_delete').tipsy({fade: true, gravity: 's'});
    $('.i_icon_ip').tipsy({fade: true, gravity: 's'});
    $('.topic-title').tipsy({fade: true, gravity: 's'});
    $('.i_post').tipsy({fade: true, gravity: 's'});
    $('.i_reply').tipsy({fade: true, gravity: 's'});
  });
});

Cod:
$(function() {
$('.tcr .avs a[href^="/u"]').each(function() {
var num = $(this).text();
$(this).attr('title',''+ num +'');
});
$('#onlinelist p a[href^="/g"]').each(function() {
$(this).attr('tilte','Tipsy Hover');
});
});

$(document).ready(function(){
    $(function() {
    $('#i_logo').tipsy({gravity: 'n'}); //
    $('.copyright a').tipsy({gravity: 'n'});
    $('img').tipsy({gravity: 's'}); //
    $('.tcr .avs a').tipsy({gravity: 'e'}); // .who
    $('#onlinelist p a').tipsy({gravity: 'w'});
    $('class_name-here').tipsy({gravity: 'nw'});
    $('class_name-here').tipsy({gravity: 'ne'});
    $('class_name-here').tipsy({gravity: 'sw'});
    $('class_name-here').tipsy({gravity: 'se'});
    });
    });

RealWolf.
Membru activ

masculin

Mesaje : 780
Varsta : 16
Data de inscriere : 10/11/2013
Multumiri : 25
1 avertisment

http://areagames.forumer.ro/

Sus In jos

In cos Re: Cum pot sa fac tipsy la titlu.

Mesaj Scris de Cassius Dio la data de Mar 31 Dec - 11:38

Avand in vedere ca in ultimele 2 saptamani autorul nu a mai aratat interes pentru acesta problema, topicul va fi inchis si trimis in cos. Daca problema nu a fost rezolvata, va invitam sa deschideti un nou topic, in sectiunea corespunzatoare si avind un titlu explicit.

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

Forum gratuit: forum de suport al utilizatorilor ::  Diverse :: Cos de gunoi

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum