jQueryHelp

Help with jQuery Mods and Hacks for your Ning Network!

NOTE: USE SMILEYS 3.0 NOW! Smileys 3.0

If you add the following lines to your Analytics textbox, you'll install the Smileys 2.0 app. Let me know how it works for you. Thanks!

<!-- Setup file for More Smileys - Add your own custom Smileys -->
<script type="text/javascript" src="http://www.bkserv.net/NingMaster/MoreSmileyData.js"></script>
<!-- Smileys 2.0 - from jQueryHelp.ning.com - DO NOT DELETE THIS! -->
<script type="text/javascript" src="http://www.bkserv.net/NingMaster/SmileyTest2.js"></script>


REMOVE the old one (SmileyTest.js) if you're adding this new version. Also, be sure to add these lines OUTSIDE of any Script blocks you may already have in your Analytics textbox. Either put it before the opening <script tag or after the closing </script tag.

I'll be adding information on how to create your own "MoreSmileyData.js" file, with your own custom Smileys, soon!

Views: 1256

Replies are closed for this discussion.

Replies to This Discussion

Hi TJ, Hope you will not get irritated with this question I have..

I just wanna ask if your still gonna make the tutorial on how to make custom smileys.
I just get jealous on Alessander's smileys. I love looking at it. Bad thing I cant avail it
since Alessander is offering it with fee.

How did he do that? I tried making my own using language editor. I inserted my smileys before the "Upload Files" button but unfortunately it inherits the command of the button. Any suggestions?


Thanks in advance
more power.

Hi vaqz!
If you look in MoreSmileyData.js you will see this:

(NOTE: In Smileys Version 6, look in http://www.bkserv3.net/jQueryHelp/js/ZMoreSmileyData.js)

var moreSmileys = {
"path" : "http://www.bkserv.net/images/",
"count" : "2",
"smiley" :
[
{ "code" : "8)", "name" : "glasses" },
{ "code" : "=:)", "name" : "hair" }
]
}

Edit that and save a copy - change the path to where your smiley images will be and make as many lines like

{ "code" : "8)", "name" : "glasses" },

as you have smileys (no comma after the last line). "code" is the text you want to convert to a smiley and "name" is the filename of the corresponding smiley image file (it must be a GIF file).

(NOTE: In Smileys Version 6, they can be a different extension, like .jpg or .png but they all must have the same extension.  Update this part of code with the right extention:

"ext" : ".gif", )

Then store that new MoreSmileyData.js file somewhere and change the

src="http://www.bkserv.net/NingMaster/MoreSmileyData.js"

(NOTE: In Smileys Version 6, the line to change is src="http://www.bkserv3.net/jQueryHelp/js/ZMoreSmileyData.js")

line in your Analytics textbox to wherever you've saved it.

Quick answer I know! But if you have more questions, just ask.

owk I got it.. I have found it when I tend to type this "http://www.bkserv.net/NingMaster/MoreSmileyData.js"

My Problem now is how to edit it and upload it and where..mmmm..
Excellent questions! To edit the file, use either a program that can edit js files like Notepad++ or Microsoft Visual Studio Express Edition, or just use a text editor like Windows Notepad. I'm not sure what the text editor is on Mac, I don't have one.

Then you'll need to upload the file somewhere. There are several choices. If you have a hosting account somewhere, put it up there. Or host it on Ning, check out this method: http://developer.ning.com/tutorials/Use_XN_Resources_For_Faster_Dow... or this one: http://developer.ning.com/tutorials/Using_Images_as_Module_Headers (see steps 1, 2, and 4 - they talk about a image file but you can do it with a js file too.)

vaqz said:
owk I got it.. I have found it when I tend to type this "http://www.bkserv.net/NingMaster/MoreSmileyData.js"

My Problem now is how to edit it and upload it and where..mmmm..
Hi TJ last question..

i just dont seem to understand the string "Path" ..
what is inside it? the gif file I guess? would it be possible if I would have to upload all the smileys into a free "IMAGE HOSTING" SITE ?

sorry but I cant explain it thoroughly.. how about giving you a view on what I have understood on your instructions. This is what I am planning to do..

var moreSmileys = {

"path" : "http://www.picoodle.com/images/",

"count" : "2",

"smiley" :

[
{ "[img src="http://picoodle.com/punk.gif"/]" : "8-)", "punk.gif" : "glasses" },
{ "[img src="http://picoodle.com/cool.gif"/]" : ":-)", "cool.gif" : "hair" }
]
}

Please let me know if I am on the right path.. (even though I already know I'm not..bump..)
If you could give me just one another example (including where you host the smileys) I do very much appreciate it...

Thank you so much for everything..
God Bless..
vaqz said:
Hi TJ last question..

... Thank you so much for everything.. God Bless..

Hi vaqz!

Ask as many questions as you need to ask, that's what the Forum is for.
"Path" is the part before the actual filename in a URL. I host my Smiley GIF files in the images folder on my www.bkserv.net server. For example, the "glasses" smiley which looks like this: is stored on my server and its URL is http://www.bkserv.net/images/glasses.gif and so the Path to this (and all of my) smiley images is

http://www.bkserv.net/images/

So if you uploaded your smileys to a free storage site and they showed you embed or link code to each image and one was, say, www.picoodle.com/images/punk.gif then the Path to use would be

http://www.picoodle.com/images/

Just find out from the image hosting company what the links to the pics would be - and the part that is the same in the URLs, the part up to but not including the filename, is the Path.


Then you'll need to have one line in the MoreSmileyData.js file for each Smiley image. Each Line will look like this:

{ "code" : "XXX", "name" : "YYY" }

copy that line for each Smiley, but where you see XXX, replace that with the keys that represent the Smiley. For example, if you have a crying Smiley image, you might use :`( as the code.

Where you see YYY, replace that with the filename that holds the GIF image for that smiley. In this example, the file might be cry.gif so replace YYY with cry.

Any more questions, just ask!

God bless you too,

"TJ"
:D thanks for reminding me that..glad to hear.. (taking advantage)..

in connection to your example that would mean it is okay if i do have lots of "path" lines? am I right?
same as this?

"path" : "http://www.picoodle.net/images/",
"path" : "http://www.google.net/images/",
"path" : "http://www.a.net/images/",
"path" : "http://www.b.net/images/",
"count" : "2",
"smiley" :
[ ...and so on?...


thanks again for spending some time answering my questions..
vaqz said:
in connection to your example that would mean it is okay if i do have lots of "path" lines? am I right?
...

thanks again for spending some time answering my questions..

You're welcome! :)

Actually, you can only have one path statement in the MoreSmileyData.js file. BUT if you do have your Smileys in several different locations, then you can change the "path" line to this:


"path" : "",


and then for each "name" parameter, you would have to put the entire URL (EXCEPT for the .gif part at the very end) after the "name" :

For example,

{ "code" : "xxx1", "name" : "http://www.a.net/images/yyy" },
{ "code" : "xxx2", "name" : "http://www.b.net/images/yyy" },
{ "code" : "xxx3", "name" : "http://www.c.net/images/yyy" },
owk I got it.. Im finish..
I've implemented this code on two of my networks, and the smileys work when I "type" them, but i don't see them under the text box :?
Saf said:
I've implemented this code on two of my networks, and the smileys work when I "type" them, but i don't see them under the text box :?

If they're public networks, please post a link and I'll check it out! :)
TJ James said:
Saf said:
I've implemented this code on two of my networks, and the smileys work when I "type" them, but i don't see them under the text box :?

If they're public networks, please post a link and I'll check it out!

www.vaumijau.net thanxs !

RSS

Notifications

Temporarily Offline

Friends of Friends

© 2017   Created by TJ @ jQueryHelp.   Powered by

Badges  |  Report an Issue  |  Terms of Service

EOP
EOP2