The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Custom @ Sign for Chat Mods making the Chat Jump

View previous topic View next topic Go down

Solved Custom @ Sign for Chat Mods making the Chat Jump

Post by Chellizard on July 19th 2015, 4:23 pm

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : http://i.imgur.com/LKL7RgE.png
Who the problem concerns : All members
When the problem appeared : As soon as I added the script and added my own custom image.
Forum link : http://superhero-rpg.com

Description of problem

So, I love ForuMotion and I love the new things that you can do to the chat box, but I must say, I'm a bit frazzled and sad all at the same time.

I did the code at first with no image while I made one. The chat did not jump, it was fine. As soon as I added my own image, of which has the exact same dimensions as the one being used in the tutorial for adding the code, the chat started to jump up three lines and I have to scroll to the bottom to see new entered messages. Once another new message is put into the chat box, it jumps up three lines.

Now, if this is a coding error, here is the exact code I have in my javascript pages:

Code:
$(window).load(function() {
 var chatbox_script = function() {
  var overrided = Chatbox.prototype.refresh;
  Chatbox.prototype.refresh = function(data) {
  overrided.call(this, data);
  $('.chatbox-username').each(function(){
  this.previousSibling&&$.trim(this.previousSibling.nodeValue)=="@"&&$(this.previousSibling).replaceWith('<img src="http://i.imgur.com/bvNWRsY.png" /> ')
  })
  };
 };
 var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

Image I made:


Another screen shot; when the chat is being used as the full window, the script doesn't affect the cbox.



I'm sure you can read the chat going on in the cbox as well.

So I hope I can get some help. (:

Looking forward to a reply!


Last edited by Chellizard on July 20th 2015, 6:22 pm; edited 1 time in total

Chellizard
Forumember

Female Posts : 115
Reputation : 11
Language : English

http://superhero-rpg.com

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by APE on July 19th 2015, 4:30 pm

The jumping is down to the items loading in the page. where is the item hosted ?




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by Chellizard on July 19th 2015, 4:32 pm

If you mean the lil icon I'm using, it's hosted on imgur. Should I host it on something else or?

Chellizard
Forumember

Female Posts : 115
Reputation : 11
Language : English

http://superhero-rpg.com

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by APE on July 19th 2015, 5:16 pm

yes try some other host and see if you still have the problem it may be that there servers is a little slow at times.

Then let me know Wink




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by Chellizard on July 19th 2015, 5:45 pm

I swapped to use my sta.sh through DeviantART and it's a massive storage system so there's never any lag issues. I host all my forums images on there.

The first host was imgur though, as I said before... But still no luck!


Chellizard
Forumember

Female Posts : 115
Reputation : 11
Language : English

http://superhero-rpg.com

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by SLGray on July 19th 2015, 6:36 pm

This issue with jumping is not something new. It had been going on for a long time. Was it not doing this before you added the code.


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


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by APE on July 19th 2015, 6:53 pm

they said it was ok until they added the img to the code so thats why i think its the hosted item i used your img on my forum to test it and it become slow too but did not jump maybe it is the code not working right.

where are you putting the codes ?




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by APE on July 19th 2015, 7:22 pm

give this thread a read i use it and it works really well Wink
http://help.forumotion.com/t138790-new-chat-box-a-brief-analysis




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by Chellizard on July 19th 2015, 7:56 pm

I fixed my issue. The image was a pixel too big. So I shrank it down.

I have another inquiry;

I was wondering if we could have @ sign's based on ranks.

Chellizard
Forumember

Female Posts : 115
Reputation : 11
Language : English

http://superhero-rpg.com

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by APE on July 20th 2015, 2:45 am

I use a code that has a rank for set names so all Admins have a and mods have a i just can't remember where i had the codes made but i know that @JScript made it for me just not sure what forum it was on thou Sad




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by JScript on July 20th 2015, 3:00 am

@Chellizard wrote:(...)when the chat is being used as the full window, the script doesn't affect the cbox.(...)
Unfortunately, for now, any JavaScript code has no effect on the /chatbox page!

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by APE on July 20th 2015, 3:08 am

thats why i removed the links to the chat box and just used the popup chatbox




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by JScript on July 20th 2015, 3:14 am

@APE
Unless it is used an iframe to the /chatbox ...

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by Chellizard on July 20th 2015, 6:22 pm

That's what I'll do! Thanks for the help guys!

This is solved, but I want to move your attention to this thread:

http://help.forumotion.com/t142059-chat-box-icon-coding#967543

Chellizard
Forumember

Female Posts : 115
Reputation : 11
Language : English

http://superhero-rpg.com

Back to top Go down

Solved Re: Custom @ Sign for Chat Mods making the Chat Jump

Post by APE on July 20th 2015, 6:31 pm

Topic solved and archived




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum