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.

Javascript Synching on the Forums

View previous topic View next topic Go down

In progress Javascript Synching on the Forums

Post by Kaxi on August 2nd 2011, 7:56 am

This seems very simple. I can't figure out how to make the javascript work.

The code starts with...

<SCRIPT TYPE="text/javascript">

...but I can't figure how to make the script work. ie: adding the javascript files to the forum.

www.narutor.org [visible by admin permissions only]

Any help?

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by iJerick on August 2nd 2011, 8:49 am

no need for it.

youll just have to paste the script to

AP > MODULES > JAVASCRIPT MANAGEMENT.

and save of course.

iJerick
Forumember

Male Posts : 98
Reputation : 1
Language : HTML, JAVASCRIPT, CSS and ENGLISH
Location : Philippines

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by LH Justin on August 2nd 2011, 10:18 am

What's the code you're trying to insert?

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 3rd 2011, 1:01 am

I'll try the javascript management shortly.

Spoiler:
Code:
<BODY TEXT="#999999" LINK="green" VLINK="blue" ALINK="red">

<!-- *** BEGIN CUT Start Code *** -->
<!--
  * You may use this code for free on any web page provided that
  * these comment lines and the following credit remain in the code.
  * "Transition Rollovers" © http://www.javascript-fx.com
-->

<script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><SCRIPT TYPE="text/javascript" SRC="javascript/JSFX_TransRollovers.js"></SCRIPT>
<SCRIPT TYPE="text/javascript">
<!--
   JSFX.Rollover("Todd", "http://img707.imageshack.us/img707/3811/todd3.png");
   JSFX.Rollover("DCP", "http://img856.imageshack.us/img856/2557/dcp.png");
   JSFX.Rollover("Amatsu", "http://img204.imageshack.us/img204/6474/namelessh.png");
   JSFX.Rollover("Kaira", "http://img843.imageshack.us/img843/7858/kaira.png");
   JSFX.Rollover("Lily", "http://img812.imageshack.us/img812/3378/lilium.png");
   JSFX.Rollover("Nozomi", "http://img69.imageshack.us/img69/1949/nozo.png");
   
//-->
</SCRIPT>
<!-- *** END  CUT - End Code *** -->


<CENTER>
<p>


<TABLE CELLSPACING="0" CELLPADDING="0">
<TR BACKGROUND="http://i224.photobucket.com/albums/dd226/Jonathan3535/description_off.gif"><IMG SRC="http://i224.photobucket.com/albums/dd226/Jonathan3535/description_off.gif" WIDTH="200" HEIGHT="200" NAME="description" class="transSpin"></TR><br>
</TABLE>
<TABLE border="0" cellpadding="0" cellspacing="0">
<TD>
<TR>
<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<A HREF="http://narutor.ingoo.us/u1"
   onMouseOver="JSFX.transIn('description','Todd')"
   onMouseOut="JSFX.transOut('description')">1</A>
<!-- *** END  THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<A HREF="http://narutor.ingoo.us/u607"
   onMouseOver="JSFX.transIn('description','DCP')"
   onMouseOut="JSFX.transOut('description')">2</A>

<!-- *** END  THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<A HREF="http://narutor.ingoo.us/u11552"
   onMouseOver="JSFX.transIn('description','Amatsu')"
   onMouseOut="JSFX.transOut('description')">3</A>

<!-- *** END  THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<A HREF="http://narutor.ingoo.us/u6404"
   onMouseOver="JSFX.transIn('description','Kaira')"
   onMouseOut="JSFX.transOut('description')">4</A>
<!-- *** END  THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<A HREF="http://narutor.ingoo.us/u3975"
   onMouseOver="JSFX.transIn('description','Lily')"
   onMouseOut="JSFX.transOut('description')">5</A>
<!-- *** END  THE ROLLOVER IMAGE LINK*** -->

<!-- *** START THE ROLLOVER IMAGE LINK*** -->
<A HREF="http://narutor.ingoo.us/u14471"
   onMouseOver="JSFX.transIn('description','Nozomi')"
   onMouseOut="JSFX.transOut('description')">6</A>
<!-- *** END  THE ROLLOVER IMAGE LINK*** -->
</TR>
</TD>
</TABLE>
</p>


</CENTER>
</BODY>

That's the code I'm trying to use.

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 9th 2011, 2:18 am

: Poke :

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by hoodedwarbler12 on August 9th 2011, 2:22 am

The script won't work if you add HTML tags to it. A JS file contains the script alone. NO Script tags. NO <a> tags. NO tables. Only JavaScript or jQuery. Smile

hoodedwarbler12
Forumember

Male Posts : 521
Reputation : 117
Language : English, Latin, HTML, JavaScript
Location : Tennessee, USA

http://www.webkinznation.com

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 9th 2011, 5:47 pm

@hoodedwarbler12 wrote:The script won't work if you add HTML tags to it. A JS file contains the script alone. NO Script tags. NO <a> tags. NO tables. Only JavaScript or jQuery. Smile

That doesn't seem right. I've seen plenty of instances where it would be just fine. I've even tested it on my computer using Notepad and Javascript imports. It worked just fine.

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by hoodedwarbler12 on August 9th 2011, 5:50 pm

In a JS file, you use no tags. If you are putting it on an HTML page or in a widget, you use tags. But not in a JS file. Example JS file from W3C:

http://www.w3schools.com/js/xxx.js

hoodedwarbler12
Forumember

Male Posts : 521
Reputation : 117
Language : English, Latin, HTML, JavaScript
Location : Tennessee, USA

http://www.webkinznation.com

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Guest on August 9th 2011, 8:55 pm

What you have is an HTML file, not a javascript file. Since it's HTML, it can't be saved in the new Javascript Files area. It can, however, be saved in the announcement block, in a widget, in the homepage message, and as an HTML file...

Guest
Guest


Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by kirk on August 10th 2011, 5:00 am

what is it even supposed to do,
All i see is a black box with green border that has numbers under it and all leads to the same link?

You should always try to explain what the code ,script or what ever is supposed to do so we can better understand.

Anyway if you are using phpbb2 or punbb you can always add to templates as well

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 11th 2011, 4:17 am

@ everyone else... that's what goes into the Widget. The actual Javascript part is what I'm trying to figure.


@kirk wrote:what is it even supposed to do,
All i see is a black box with green border that has numbers under it and all leads to the same link?

You should always try to explain what the code ,script or what ever is supposed to do so we can better understand.

Anyway if you are using phpbb2 or punbb you can always add to templates as well

What's supposed to happen is the black box changes pictures when you scroll over a number. Also, each number goes to a User Profile corresponding to the picture itself. The actual Javascript is DL'd and saved, but I don't know how to implement it. I saw the Javascript Management part of the forums, but I don't know how to add the actual Javascript functions into the forum and adjust them accordingly when referencing them in the Widget. I'm sorry about this being so complicated. I guess I'm just wording everything wrong in my explanations.

I'm trying to use the javascript functions found for the "Multiple Rollover: Single Position" found here: http://javascript-fx.com/trans_rollovers/index.html

Thanks. Sorry for making this so much more complicated than it needs to be.

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 17th 2011, 8:41 pm

: Poke :

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by MrMario on August 17th 2011, 8:46 pm

@dion wrote:What you have is an HTML file, not a javascript file. Since it's HTML, it can't be saved in the new Javascript Files area. It can, however, be saved in the announcement block, in a widget, in the homepage message, and as an HTML file...

Are you following what Dion said? Neutral

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 19th 2011, 8:52 pm

@MrMario wrote:
@dion wrote:What you have is an HTML file, not a javascript file. Since it's HTML, it can't be saved in the new Javascript Files area. It can, however, be saved in the announcement block, in a widget, in the homepage message, and as an HTML file...

Are you following what Dion said? Neutral

I stated that I misreported my intents. What's written is IN the Widget block; I just need help with the Javascript Management as it relates to the file I DL'd [as stated in my previous post].

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Guest on August 20th 2011, 2:11 am

If I understand you correctly, you downloaded a file (contents in the spoiler in the 4th post in this topic) and put its contents into a widget. And it doesn't work. Is that correct?

Well, among other things, it doesn't work because the SCRIPT tags contain relative URL references for the external scripts. Now I've been doing this a while, and seeing a block of code with relative URL references usually tells me that the code has been ripped from somewhere. Since I may be wrong about this, here's two suggestions for getting the code to work for you. Remove the BODY and /BODY tags, and change the relative URL references to absolute references.


Guest
Guest


Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by kirk on August 20th 2011, 4:32 am

I need to see the whole script.
Are you saying you have a java file that came with the DL and goes with this,
If thats the case it has to be uploaded to a java file host, and then that part of the code will have to be added to the head part of the rest of your code.

you just provide your email, upload the file and they send you the additional code to add.. and it's free

http://yourjavascript.com/

if thats the case, it's hard for me to really tell without seeing the whole script code. to where Dion has a sixth sense for these kind of things and is usually 100% accurate.

but i though the whole purpose of the new java page thing was so you no longer needed to host java files??? not sure Dion can continue and explain.

hahah thanx Dion


kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Guest on August 20th 2011, 6:09 am

Kirk, in the 4th post in this topic, you'll see the entire code. What is of interest to me are these:

Code:
<script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><SCRIPT TYPE="text/javascript" SRC="javascript/JSFX_TransRollovers.js"></SCRIPT>
The SRC attributes are relative URLs, meaning they have no http:// addresses. It's a pretty good sign that the code was ripped from a site, because "free" scripts wil usually have self-contained code, and when they don't, they have URLs that work.

Guest
Guest


Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by LH Justin on August 20th 2011, 6:18 am

@dion wrote:Kirk, in the 4th post in this topic, you'll see the entire code. What is of interest to me are these:

Code:
<script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><SCRIPT TYPE="text/javascript" SRC="javascript/JSFX_TransRollovers.js"></SCRIPT>
The SRC attributes are relative URLs, meaning they have no http:// addresses. It's a pretty good sign that the code was ripped from a site, because "free" scripts wil usually have self-contained code, and when they don't, they have URLs that work.
Or it was one of those download only deals. My guess is he was trying to install it "the easy way" by just using the JS file hosted by the site.

Either way he is missing part of the code.

LH Justin
Hyperactive

Male Posts : 3686
Reputation : 121
Language : English, HTML, CSS, JavaScript
Location : United States

http://www.creative-nation.net

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by kirk on August 20th 2011, 8:40 am

@dion wrote:Kirk, in the 4th post in this topic, you'll see the entire code. What is of interest to me are these:

Code:
<script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><SCRIPT TYPE="text/javascript" SRC="javascript/JSFX_TransRollovers.js"></SCRIPT>
The SRC attributes are relative URLs, meaning they have no http:// addresses. It's a pretty good sign that the code was ripped from a site, because "free" scripts wil usually have self-contained code, and when they don't, they have URLs that work.

oh how did i miss that... lol

i see what you mean, i dont know.. i am a little confused with this one.
let me go look at the whole thing he has up their, but a little stumped by seeing what you pointed out.

i would just find a different more easy script to get the same thing. if theirs one code for something theirs defiantly others out there that will do the same.

But let me explore this a lil more first

why dose everyone always have to have string things they dont really need... hahaha just kidding.

sometime all this coding stuff is like a love hate relationship, hate to love it, and love to hate it... Razz Razz Razz Razz

could be something like Justin said to.. I'll try to pm rono and see what his take on this as well.
In the mean time i will open this sucker with dreamweaver and see if that gets me anywhere?

INFO ADDED

yeah that worked real well,
dreamwerver tellingme alot of stuff i never seen it do before, telling me the jxm or whatever can t be edited, what ever that means? wont go live.

there is something that has to be added to the head part of the html script,
the whole code he has above is all for the body, it has to be missing something that goes in the head. so dunno.

see what i mean. now this is a completely different roll over image thing.
But see how it has ahead part then the body part.
http://www.java-scripts.net/javascripts/Image-Rollover-Script.phtml

also why are they calling this a rollover? it's a mouseover.. same thing i guess?
And i guess all the trans rollover is giving it a translucent/highlight effect on the rollover.

well thats fine, i can create stuff like that no problem.
But i dont understand what the numbers under the box is supposed to to do?

other then that your images are in the code, what color did you want the trans rollover image to be?
so by understanding what the numbers are supposed to do, this can probably be an easy fix we will just create a new code that works and dose the same thing. i will have to create png translucent highlights of whatever color to be added, no bigger

or here is nice generator, then all you have to do is make your own semi colored transparent png to use as the mouse over image.

http://javascript.internet.com/generators/preload-images.html

unless i am totally off track and thinking something completely different?
if i am i do Apologize, but you know we have to try to trouble shoot and understand things first..

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 21st 2011, 12:19 am

I'm very... pleased by the attention this has gotten over the past day.


I downloaded the sample code from the site and tweaked it around. The numbers 1-6 are just placeholders until I find something that fits a little better. I intend on having small images there, but the numbers were just to see if it worked first. As shown in the code I tweaked, the number 1 corresponds to "Todd". When the mouse scrolls over 1, the black box is supposed to change into a picture associated with "Todd" [http://img707.imageshack.us/img707/3811/todd3.png]. When clicking on the number, it links the person to the user profile for "Todd", u1 for the narutor.ingoo.us site. This continues, as can be referenced in the code, for the remainder of the number for different users.


I looked at the coding again and saw what was meant by the "relative" information. It's because I'm referencing what's on my computer and not on a universally accessible location, yes? I see what's meant by the issue there. My only question from here on really remains as such: how do I put the appropriate javascript functions into the javascript management and reference it accordingly in the code?


Again, thanks for all the attention on this topic. I've likely made this much more difficult than it needs to be. ^^;;

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

Back to top Go down

In progress Re: Javascript Synching on the Forums

Post by Kaxi on August 28th 2011, 12:33 am

:: Poke? ::

Kaxi
New Member

Posts : 13
Reputation : 0
Language : English

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