Java script help

I am trying to use BannerZest in conjunction with the Carousel action. I want to click on the ‘front’ image and have it scroll the carousel to the correct pane. Basically turn it into a Tab Action.

BZ Pro has a function that you can click on the image and it will re-direct to a new url. I’ve been in contact with the BZ support, but they are directing me to change the java script portion that re-directs to a new url. The fact that they are French doesn’t help much either with the communications.

Can someone direct me to a good resource for java script so I can make this happen?

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I was out of town for a few days so I am bumping this.

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi George,

http://w3schools.com/htmldom/met_loc_assign.asp

You’d then need to make the location #CarouselA2 or whichever carousel
tab you want the link to open.

Hope that helps.

Joe

On 3 Mar 2009, at 16:16, george wrote:

I was out of town for a few days so I am bumping this.

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Since I don’t understand the code, I could be wrong, but your link seems to show a way of loading a new url. I want to click on the front image of the BZ banner and have it act like a tab for the Carousel Action.

Here is the code that the BZ folks told me that I’d need to do:

you can tell BannerZest to call a javascript function instead of opening the url directly.
Set the target to “Custom Javascript” in the publish panel, publish, open bz.js and edit the navigate to url function.

Here is the file that I am supposed to change:

function bzGetFlashPlayerBZ4796AD1F54834EC38A8D() {
var div = document.getElementById(‘SWBZ4796AD1F54834EC38A8D’);
if (div) {
div.innerHTML = ‘

You have an old version of Flash Player. Get the latest Flash player.

’;
} else {
alert(“no SWBZ4796AD1F54834EC38A8D div”);
}
}
function bzEmbedSWFBZ4796AD1F54834EC38A8D() {
if (swfobject.hasFlashPlayerVersion(“9.0.45”)) {
var flashvars = {
swfId: “SWBZ4796AD1F54834EC38A8D”,
xmlPath: _urlBZ4796AD1F54834EC38A8D + “bz.xml”,
imgPath: _urlBZ4796AD1F54834EC38A8D + “img”,
urlType: “_top”,
showInfo: “1”,
themeMode: “2”
};
var params = {
wmode: “transparent”,
allowscriptaccess: “always”
};
var attributes = {};
swfobject.embedSWF(_urlBZ4796AD1F54834EC38A8D + “bzAnimation.swf”, “SWBZ4796AD1F54834EC38A8D”, “500”, “180”, “9.0.45”, false, flashvars, params, attributes);
} else {
swfobject.addDomLoadEvent(bzGetFlashPlayerBZ4796AD1F54834EC38A8D);
}
}
bzEmbedSWFBZ4796AD1F54834EC38A8D();


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The Carousel is supposed to respond to an anchor in the URL by scrolling to that pane. This is how the tabs work. Inspect a tab on your page that points to the pane you want to show, and simply copy that URL into the Flash banner. You can remove the tab later if you want the Flash to be the only means of navigation within your page.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

How do I see the url for a specific pane? The url stays the same in Safari for each pane?

If I add the url to the BZ software, will it carousel to the pane? I don’t understand how it will work. The tab (or button) needs to be grouped with the panes (Carousel action applied) for everything to work properly.

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Click on the pane, and look in the Inspector to see what it is named there. The URL will be http://example.org/pagename.html#theItemNameHere

Hope this helps,

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I figured out to use the pane title number with a # at the end of the url, but where in the Inspector do you see a url? All I can find is the title for the pane (or other elements)?

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The URL would be the URL of the page, and then at the end you would
tack on the # and then the name of the pane. This fragment, the part
past the pound sign, is called the hash. In a regular page it causes
the browser to “anchor” down to the item with that name or ID. In a
page with Carousel, this anchor behavior is trapped and redirected to
send the carousel to the right pane.

Walter

On Mar 8, 2009, at 5:40 PM, george wrote:

I figured out to use the pane title number with a # at the end of
the url, but where in the Inspector do you see a url? All I can
find is the title for the pane (or other elements)?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I specified the url for the panes, but BZ does not trigger the carousel when you click on the front image with the page. It just reloads the entire page with the specified pane showing and the banner re-set to the first image. It’s actually kinda buggy, sometimes the banner disappears.

Do you think there is a way to get it to behave like I want or do I need to scrap the idea?

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Here is the link to the page to see what I am talking about. I have the first image going to a different page and the other two triggering 2 panes with the page.

http://reeltimedvd.com/new_site/coverflow5.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think you had better scrap this. The way that the Carousel “sets up”
its tabs is that it reads the page source while it’s loading and gets
into those links that it recognizes as parts of itself and hijacks
them. But when the links are hidden inside of Flash, there’s no way
for it to do that. What I’m almost certain you could do in this case
is use a Flash carousel (there’s probably a million of those out
there) and then trigger that from your other Flash movie. Flash-to-
Flash communication is pretty straightforward using ActionScript.

Walter

On Mar 8, 2009, at 6:26 PM, george wrote:

Here is the link to the page to see what I am talking about. I have
the first image going to a different page and the other two
triggering 2 panes with the page.

http://reeltimedvd.com/new_site/coverflow5.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ah nuts.

Anyone have a recommendation for a Flash carousel that I can use to replace the Carousel action without re-building my entire site?

Thanks for the help Walter.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walter,

One last thought. I can change the banner to have the images drive a javascript function (don’t know how). Could that be used to trigger the carousel panes?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ll have to take another look at the glider.js script. Last time I
tried to do this, I found that the way it was coded made this sort of
thing extremely difficult to do. The carousel itself sets up
listeners, and binds those listeners to HTML objects on the page. I
doubt you could simulate it from another script.

Walter

On Mar 8, 2009, at 10:00 PM, george wrote:

Walter,

One last thought. I can change the banner to have the images drive
a javascript function (don’t know how). Could that be used to
trigger the carousel panes?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Actually, try this approach again, but instead of using a #, use a ?
to separate the URL. So if your pane was called option2, make your url http://yoursite.com/page.html?option2
This works from another page, but it should also work within the
page. It might force a complete reload of the page, however.

Walter

On Mar 8, 2009, at 5:54 PM, Walter Lee Davis wrote:

The URL would be the URL of the page, and then at the end you would
tack on the # and then the name of the pane.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So close!

It does trigger the carousel. Unfortunately, it does force a complete reload of the page, which means the banner is back with the first image showing.

Now I’m just being teased!

I also tried using the ? with a link to get a page to show the correct pane, but no luck.

Thanks for the efforts.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options