online/offline status problem

i use this javascript code for online/offline status

Code:

$(function() {
  $('.post:not(".online")').addClass('offline');
  $('.online .postprofile dd:first').after('<dd class="online"><span class="online"><span class="ipson">Online</span></span></dd>');
  $('.offline .postprofile dd:first').after('<dd class="offline"><span class="offline"><span class="ipsoff">Offline</span></span></dd>');
});

it appears below the user title image


the problem is,it only appears on first and second post

but the following post is not showing anymore...

Well, inside the JavaScript, you have "First." Hmm, may be changing that will work?

I'm not an expert in JavaScript.

CJ11™ wrote:Well, inside the JavaScript, you have "First." Hmm, may be changing that will work?

I'm not an expert in JavaScript.

so what do you have


i also use this
javascript

Code:

$(function(e) {
$('.post:not(".online")').addClass('offline');
});

CSS

Code:

.post.online .postprofile dt strong {
background-image: url('http://i34.servimg.com/u/f34/13/94/17/66/onl10.png');
background-repeat: no-repeat;
background-position: left center;
padding-left: 14px;
}

.post.offline .postprofile dt strong {
background-image: url('http://i34.servimg.com/u/f34/13/94/17/66/onl10.png');
background-repeat: no-repeat;
background-position: left center;
padding-left: 14px;
}

but it double the image

Did you create these scripts? Or got them from somewhere?

CJ11™ wrote:Did you create these scripts? Or got them from somewhere?

i got this when i'm searching

Hi!

There you have a tutorial that will work for all the posts:
http://help.forumgratuit.ro/t41005-adaugarea-butonului-offline

I know, it is in romanian but all you have to do is to add this:

Code:

$(function(){
$('.post:not(".online")').addClass('offline');
});

in JavaScript codes management, and this:

Code:

.offline{
background-image: url(Link imagine offline);
background-position: right 0;
background-repeat: no-repeat;
}

in CSS Stylesheet.

You have to replace "Link imagine offline" to a offline image, like the "online" one

[quote="SGSS"]Hi!

There you have a tutorial that will work for all the posts:
http://help.forumgratuit.ro/t41005-adaugarea-butonului-offline

i will try

edit


oh i already have this code


do you have an idea how it appears on profile field?

bump

If you use phpBB3 it will appear exacly like the "online" one. In the right/left corner.

SGSS wrote:If you use phpBB3 it will appear exacly like the "online" one. In the right/left corner.

you mean this can't be put inside the profile field?

but why this code can

Code:

[quote="zenzo"][quote="CJ11™"]Well, inside the JavaScript, you have "First." Hmm, may be changing that will work?  :spamafote:

I'm not an expert in JavaScript.  :mwii: [/quote]

so what do you have


i also use this
javascript
[code]$(function(e) {
$('.post:not(".online")').addClass('offline');
});[/code]

CSS
[code].post.online .postprofile dt strong {
background-image: url('http://i34.servimg.com/u/f34/13/94/17/66/onl10.png');
background-repeat: no-repeat;
background-position: left center;
padding-left: 14px;
}

.post.offline .postprofile dt strong {
background-image: url('http://i34.servimg.com/u/f34/13/94/17/66/onl10.png');
background-repeat: no-repeat;
background-position: left center;
padding-left: 14px;
}[/code]

but it double the image[/quote]

the problem is, online offline image goes double

bump...

bump

Have you followed that tutorial? Where does it appear after you follow the tutorial? Please post a screenshot.

What exactly does this do?

i use this code in version invision

javascript

Code:

$(function() {
  $('.post:not(".online")').addClass('offline');
  $('.online .postprofile dd:first').after('<dd class="online"><span class="online"><span class="ipson">Online</span></span></dd>');
  $('.offline .postprofile dd:first').after('<dd class="offline"><span class="offline"><span class="ipsoff">Offline</span></span></dd>');
});

but as you see. it only appears on the first post sometime on the first and second post

Isn't this the code to be used for Invision ?

Code:

$(function(){
$('.post:not(".online")').addClass('offline');
$('.post.offline .post-header .popmenubutton a').prepend('<img src="Link imagine offline" class="i_icon_offline" alt="Offline" title="Offline" />');
});

anyone have exact code?




edit
oh,, i'm sorry sanket

its not working on my first try


but now its totally works


thank you

Well, you aren't answering my question?

Since this was marked solved...

Topic Solved & Locked