Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
5 posters

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Poll

    Do you agree or disagree ?

    [ 7 ]
    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Bar_left100%Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Bar_right [100%] 
    [ 0 ]
    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Bar_left0%Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Bar_right [0%] 

    Total Votes: 7
    Poser
    Poser
    Helper
    Helper


    Male Posts : 413
    Reputation : 43
    Language : English, Filipino
    Location : @ohmpawatt

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by Poser April 18th 2016, 2:56 am

    I know that this feature in twitter is not new, but what if we had this, not just here in the support forum but also in other forums as well? See the news >>> http://www.theverge.com/2015/7/6/8903445/twitter-birthday-ads-relevant-content-marketing

    For those who are not familiar with how this works, see the video >>> https://www.youtube.com/watch?v=Y-2FZ87sCjk

    So, what are your thoughts?

    I have read a suggestion here about custom birthday rank given to members celebrating their birthday. This would have been abused if implemented since they can just change their birthdays to have the ranks forever in their possession. But let's give it a shot.
    Malum
    Malum
    Forumember


    Female Posts : 174
    Reputation : 7
    Language : English
    Location : United States

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Re: Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by Malum April 18th 2016, 2:59 am

    This would be a good idea. It would be even better than just having an announcement above the chatbox/forum when it's someone's birthday. Makes it seem a little more birthday like.
    Poser
    Poser
    Helper
    Helper


    Male Posts : 413
    Reputation : 43
    Language : English, Filipino
    Location : @ohmpawatt

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Re: Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by Poser April 18th 2016, 3:26 am

    @Lashton yes! That's what I'm talking about. But I do hope it wouldn't be abused by members, or simply create a feature about that which will prevent users from abusing it (maybe restricting members to edit their birthday once they have inputted it in their profiles?
    Malum
    Malum
    Forumember


    Female Posts : 174
    Reputation : 7
    Language : English
    Location : United States

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Re: Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by Malum April 18th 2016, 3:29 am

    Yeah that would be a good idea too. It should just be an annual thing anyway so whenever it's your birthday you see the balloons.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51503
    Reputation : 3519
    Language : English
    Location : United States

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Re: Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by SLGray April 18th 2016, 4:10 am

    There is a side affect which is ads. 
    it will help the social network work out which ads it thinks you want to see.



    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Poser
    Poser
    Helper
    Helper


    Male Posts : 413
    Reputation : 43
    Language : English, Filipino
    Location : @ohmpawatt

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Re: Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by Poser April 18th 2016, 6:34 am

    Let's just minus the ads thing. Just the balloon feature itself.
    Beyonder
    Beyonder
    Forumember


    Male Posts : 723
    Reputation : 29
    Language : English
    Location : Beyond Realm

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Re: Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by Beyonder June 2nd 2022, 2:48 am

    I voted yes!
    YoshiGM
    YoshiGM
    Active Poster


    Male Posts : 1502
    Reputation : 144
    Language : Spanish & English
    Location : Mexico

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Empty Re: Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter)

    Post by YoshiGM June 2nd 2022, 2:48 pm

    Hello, that's possible with JavaScript. My partner JoEl-jr wrote a script to do that some time ago.

    Code:
    // ZONA EDITABLE
    const FIELD_ID = 12;
    const IMAGE_URL = 'https://i.servimg.com/u/f68/19/52/92/39/evykem10.png';
    // FIN ZONA EDITABLE

    document.addEventListener('DOMContentLoaded', function () {
      var urlId = window.location.href.replace(/^.*\/\/[^\/]+/, '').substring(0, 2);
      if (urlId === '/u') {
          var birthday = document.querySelector('#field_id-' + FIELD_ID + ' .field_uneditable').innerHTML.split('/');
          var date = new Date();
          if (parseInt(birthday[0]) === date.getDate() && parseInt(birthday[1]) === (date.getMonth() + 1)) {
            var script1 = document.createElement('script');
            var script2 = document.createElement('script');
            var fScript = document.getElementsByTagName('script')[0];
            script1.text = 'var snowsrc="' + IMAGE_URL + '";';
            script2.src = 'https://script.forumactif.com/10825.js';
            fScript.parentNode.insertBefore(script1, fScript);
            fScript.parentNode.insertBefore(script2, fScript);
          }
      }
    });

    You only need to modify 2 variables.

    field_id: For the exact ID of the field that contains the birthday date.

    Add "Balloon" Animation to UI when it's his/her birthday (similar to twitter) Cp210

    Image url: For the url of the balloons that will appear when is the user birthday.

    Hope it helps ^^

    skouliki, SLGray, SarkZKalie, Beyonder and tikky like this post