How to make two create.js files work on same page?

Can someone please help me?
I have two flash banners that are different and are placed in separate divs on my webpage in dreamweaver.
All was fine while they were .swt files except they were not visible on cellphones and tablets.
So I converted them with create.js toolkit but only one of the banners show. I know I have to modify the code
but I don´t know how. Can anyone help me please?
Here is my code for the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Modedrive-Från vardag till fest-för kvinnor i alla åldrar</title>
<link href="Styles/Modedrive_cs5.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://code.createjs.com/easeljs-0.5.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.3.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.5.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.2.0.min.js"></script>
<script src="Julfilm.js"></script>
<script src="Modedrive-film7.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
          canvas = document.getElementById("canvas1");
          images = images||{};
          var manifest = [
                    {src:"images/_2013.png", id:"_2013"},
                    {src:"images/Godjul.png", id:"Godjul"},
                    {src:"images/Gottnytt.jpg", id:"Gottnytt"},
                    {src:"images/Julkulor.png", id:"Julkulor"},
                    {src:"images/Julkulor2.png", id:"Julkulor2"},
                    {src:"images/Vivillonska.png", id:"Vivillonska"}
          var loader = new createjs.PreloadJS(false);
          loader.onFileLoad = handleFileLoad;
          loader.onComplete = handleComplete;
          loader.loadManifest(manifest);
function handleFileLoad(o) {
          if (o.type == "image") { images[o.id] = o.result; }
function handleComplete() {
          exportRoot = new lib.Julfilm();
          stage = new createjs.Stage(canvas);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addListener(stage);
</script>
<script>
var canvas, stage, exportRoot;
function init() {
          canvas = document.getElementById("canvas2");
          images = images||{};
          var manifest = [
                    {src:"images/Vivillonska.png", id:"Vivillonska"},
                    {src:"images/Bettykofta.jpg", id:"Bettykofta"},
                    {src:"images/Byxdress.jpg", id:"Byxdress"},
                    {src:"images/Kofta.jpg", id:"Kofta"},
                    {src:"images/leopkavajred.jpg", id:"leopkavajred"},
                    {src:"images/Leopardjacka.jpg", id:"Leopardjacka"},
                    {src:"images/liladress.jpg", id:"liladress"},
                    {src:"images/Longdress.jpg", id:"Longdress"},
                    {src:"images/Fur.jpg", id:"Fur"},
                    {src:"images/Redzebrakofta.jpg", id:"Redzebrakofta"},
                    {src:"images/Skinnjacka.jpg", id:"Skinnjacka"},
                    {src:"images/vitsvponcho.jpg", id:"vitsvponcho"}
          var loader = new createjs.PreloadJS(false);
          loader.onFileLoad = handleFileLoad;
          loader.onComplete = handleComplete;
          loader.loadManifest(manifest);
function handleFileLoad(o) {
          if (o.type == "image") { images[o.id] = o.result; }
function handleComplete() {
          exportRoot = new lib.Modedrivefilm7();
          stage = new createjs.Stage(canvas);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addListener(stage);
</script>
<style type="text/css">
body {
          background-image: url(images/mode_bakg.jpg);
</style>
</head>
<body onload="init();" style="background-color:#D4D4D4">
<div id="container">
<div id="logo"><img src="images/Modedrive-logo.png" width="900" height="163" alt="Modedrive" />
<p>Från vardag till fest för kvinnor i alla åldrar.</p></div>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Hem</a>    </li>
    <li><a href="historik.html">Historik</a></li>
    <li><a class="MenuBarItemSubmenu" href="designs.html">Märken</a>
      <ul>
        <li><a href="designs.html">Våra Märken</a></li>
        <li><a class="MenuBarItemSubmenu" href="http://www.tee4twogolf.se">Vi stödjer</a>
          <ul>
            <li><a href="http://www.tee4twogolf.se">Tee 4 Two</a></li>
            <li><a href="team_tiara.html">Team Tiara</a></li>
            <li><a href="xocai.html">Xoçai</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li><a href="aktuellt.html">Aktuellt</a></li>
    <li><a href="VIP.html">VIP Kundklubb</a></li>
    <li><a href="kontakt.html">Kontakta oss</a></li>
</ul>
<div id="main">
<canvas id="canvas1" width="775" height="270" style="background-color:#000000"></canvas>
</div>
<div id="left_column"><h1>440 m&#178 med mode!</h1><p>Vi hjälper dig<br /> hitta rätt<br />bland säsongens<br /> modenyheter<br />för kvinnor<br /> i alla åldrar<br />från vardag<br /> till fest.</p><h2>Välkommen in!</h2></div>
<div id="center_column">
<canvas id="canvas2" width="420" height="570" style="background-color:#000000"></canvas>
</div>
<div id="right_column"><h1>Just nu...</h1>
<p><h1>Köp två<br /> plagg</h1><h2>betala</h2><h1> 1 krona</h1><h2>för det billigaste!<br /><br />Nu har vi <br />adventsöppet<br />på söndagar mellan<br />12-16:00 </h2>
</div>
<div id="footer"><p><img src="images/Tbana-liten.png" width="30" height="30" alt="Tbana symbol" />Odenplan, Karlbergsvägen 16, 11327 Stockholm. Tel: o8-343838<br />Öppet tider: Vardagar 10-19:00, Lördagar 10-16:00, Söndagar 12-16:00.</p></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Hello Eva,
Have you found the solution, I have the same problem.
If you share it. thanks

Similar Messages

Can not get two AS2 scrollers to work on same page.

Hi.
I really like this particular scroller I used at the bottom of the page here:
http://steamandclean.com
Now I need to use two instances of it side by side on another page and can not get it to work.
I have tried:
Having same code twice in frame 1 unchangend.
Having two instances of all the code but with renamed variables and instance names throughout the code.
Having each scroller in their own movie clip and then add them both to the scene.
Having a master fla with the background and importing two separate swfs with each their own scroller - they work independantly but when they import to the same page one of them will not work.
Here is the AS2 I am using:
Left scroller:
fscommand("allowscale", "true");
bar.useHandCursor = dragger.useHandCursor=false;
space = 20;
friction = 0.9;
speed = 4;
y = dragger._y;
top = main._y;
bottom = main._y+mask_mc._height-main._height-space;
dragger.onPress = function() {
          drag = true;
          this.startDrag(false, this._x, this._parent.y, this._x, this._parent.y+this._parent.bar._height-this._height);
          scrollEase();
dragger.onMouseUp = function() {
          this.stopDrag();
          drag = false;
bar.onPress = function() {
          drag = true;
          if (this._parent._ymouse>this._y+this._height-this._parent.dragger._height) {
                    this._parent.dragger._y = this._parent._ymouse;
                    this._parent.dragger._y = this._y+this._height-this._parent.dragger._height;
          } else {
                    this._parent.dragger._y = this._parent._ymouse;
          scrollEase();
bar.onMouseUp = function() {
          drag = false;
moveDragger = function (d) {
          if ((dragger._y == y+bar._height-dragger._height && d == 1) || (dragger._y == y && d == -1)) {
                    clearInterval(myInterval);
          } else {
                    dragger._y += d;
                    scrollEase();
                    updateAfterEvent();
up_btn.onPress = function() {
          myInterval = setInterval(moveDragger, 18, -1);
down_btn.onPress = function() {
          myInterval = setInterval(moveDragger, 18, 1);
up_btn.onMouseUp = down_btn.onMouseUp=function () {
          clearInterval(myInterval);
MovieClip.prototype.scrollEase = function() {
          dragger.onEnterFrame = function() {
                    if (Math.abs(dy) == 0 && drag == false) {
                              delete this.onEnterFrame;
                    r = (this._y-y)/(bar._height-this._height);
                    dy = Math.round((((top-(top-bottom)*r)-main._y)/speed)*friction);
                    main._y += dy;
Right scroller
fscommand("allowscale", "true");
bar2.useHandCursor = dragger2.useHandCursor=false;
space = 20;
friction = 0.9;
speed = 4;
y = dragger2._y;
top = main2._y;
bottom = main2._y+mask_mc._height-main2._height-space;
dragger2.onPress = function() {
          drag = true;
          this.startDrag(false, this._x, this._parent.y, this._x, this._parent.y+this._parent.bar2._height-this._height);
          scrollEase();
dragger2.onMouseUp = function() {
          this.stopDrag();
          drag = false;
bar2.onPress = function() {
          drag = true;
          if (this._parent._ymouse>this._y+this._height-this._parent.dragger2._height) {
                    this._parent.dragger2._y = this._parent._ymouse;
                    this._parent.dragger2._y = this._y+this._height-this._parent.dragger2._height;
          } else {
                    this._parent.dragger2._y = this._parent._ymouse;
          scrollEase();
bar2.onMouseUp = function() {
          drag = false;
movedragger2 = function (d) {
          if ((dragger2._y == y+bar2._height-dragger2._height && d == 1) || (dragger2._y == y && d == -1)) {
                    clearInterval(myInterval);
          } else {
                    dragger2._y += d;
                    scrollEase();
                    updateAfterEvent();
up_btn2.onPress = function() {
          myInterval = setInterval(movedragger2, 18, -1);
down_btn2.onPress = function() {
          myInterval = setInterval(movedragger2, 18, 1);
up_btn2.onMouseUp = down_btn2.onMouseUp=function () {
          clearInterval(myInterval);
MovieClip.prototype.scrollEase = function() {
          dragger2.onEnterFrame = function() {
                    if (Math.abs(dy) == 0 && drag == false) {
                              delete this.onEnterFrame;
                    r = (this._y-y)/(bar2._height-this._height);
                    dy = Math.round((((top-(top-bottom)*r)-main2._y)/speed)*friction);
                    main2._y += dy;
If needed I can upload the fla files, but I see no option to attach a file
Thank you on beforehand!
ggaarde

You should only have one set of code, forget the second set you created. You could even have just one movieclip where you load the "main" portion into it dynamically. But for the moment I expect you will create one movieclip using your first set of code, replacing the last function....
MovieClip.prototype.scrollEase = function() {
          dragger2.onEnterFrame = function() {
                    if (Math.abs(dy) == 0 && drag == false) {
                              delete this.onEnterFrame;
                    r = (this._y-y)/(bar2._height-this._height);
                    dy = Math.round((((top-(top-bottom)*r)-main2._y)/speed)*friction);
                    main2._y += dy;
with what I showed in the last posting.
For the second scroller movieclip just create a copy of the first one in the library and only change whatever content goes into the "main" movieclip.
Afterwards challenge..... If you want to have just one movieclip that you use for both then you could create the two content sections as movieclips in the library and use the attachMovie function to load each one in to its own scroller.

How to make bean create xml file...

In my project I have a bean that is called from a jsp file... How does one make this bean write to an xml file? If anyone have a sample code I could watch, I would be very happy!!
In advance thanx a lot!

Try something like this:
public class DocWriteJDOM {
public static void main( String[] agrs ) throws Exception
DocWriteJDOM docWriter = new DocWriteJDOM();
Document doc = docWriter makeDoc();
// Create an output formatter, and have it write the doc.
new XMLOutputter().output(doc, System.out);
}//End static void main
/** Generate the XML document */
protected Document makeDoc() throws Exception
Document doc = new Document(new Element("Poem"));
doc.getRootElement().
addContent(new Element("jBirger").
addContent(new Element("paulsep").
setText("Once, upon a midnight dreary")).
addContent(new Element("nico").
setText("The real progmmers")));
Hope this will help you out

How to exclude two kind of files in the same folder in sender cc?

Hi,gurus:
Now we are using "advanced selection for source files" in sender file adapter.
Our requirement is as below:
The source directory is c:\test and there are many files in the directory.
We want to transfer all the files except aa.txt and bb.txt.
We have to implement it in one scenario,but it couldn't work.
It worked only when we transferred all the files except aa.txt or bb.txt,but not work when we want to transfer except aatxt and bb.txt.
I checked the blog "XI/PI: how to exclude files in a sender File adapter?",but it is not the same issue.
Any help will be appreciated.

Hi,
The only way to solve your purpose is
Provide the list of file names like c. d. e. f. whatever possible number of file names in the "File Name Mask" column and provide the directory names by clicking on plus for additional rows. just dont use aa.* and bb. anywhere.This will do your purpose.
Thanks!

How to make site root-relative links work in DW and Server both?

See details on buggy DW image link behavior, below. My question is:
1) how to make site root-relative links work in DW and Server both? Or…
2) how to reliably automate the change of several hundred legacy root-relative links of the form
/images/image.jpg to document-relative?
That is, to
../images/image.jpg or
../../images/image.jpg or
../../../images/image.jpg etc…depending on where the directory is.
The old format (/images/image.jpg ) used to work fine in my previous DW 8 configuration but appear grey in DW after “upgrading” to DW cs5.5 mac. (they look fine on the server, but it’s hard to edit image-heavy pages locally when they are all grey).
I tried changing the files to how DW creates root relative links now:
/public_html/images/image.jpg, which is a very easy, attractive root flow since there’s a one-to-one mapping. These look great in DW but are broken on the server!
I looked at the “advanced” site setup, and it looked like it might be possible to nuke the /public_html/ part of my server info…but it also looked like there was the potential for doing damage changing these settings, which are automatically generated from our server connection settings, which seem to work.
The “links relative to document/ site root” toggle…does that change how DW interprets existing links, or just change the default when you are adding a link? I have made 80% of the file links document relative…before wondering if root-relative isn’t better?
It sure seems less ambiguous for all those images if theres a way to make root relative work for DW design view, DW link check, and server.
Summary of buggy behavior: (see test with images here)
"old style" site root link
      /images/img_book/WScover120x150_NEW.jpg
      Design veiw in DW: broken (grey w/ broken icon)
      Link check in DW: "external link" (i.e., uncheckable, + file could appear orphaned)
      Browser: good
      Ease of switching: n/a (existing format)
"new style" site root relative link
      /public_html/images/img_book/WScover120x150_NEW.jpg
      Design veiw in DW: good
      Link check in DW: good
      Browser: broken
      Ease of switching: easy
Document relative link
      ../../images/img_book/WScover120x150_NEW.jpg
      Design veiw in DW: good
      Link check in DW: good
      Browser: good
      Ease of switching: hard (how to automate?)
Absolute link
      http://www.oasisdesign.net/images/img_book/WScover120x150_NEW.jpg
      Design veiw in DW: broken (grey w/ broken icon)
      Link check in DW: external (i.e., uncheckable, + file could appear orphaned)
      Browser: good
      Ease of switching: n/a...not a real option
Thanks!
Similar discussion on "/"

Hello again Jon!
Thanks for jumping on this.
All clear and understood about where publc_html is etc.
No contemplation of nuking the actual public_html directory on the server, just the "/public_html" text string at the start of the DW-generated links.
"/public_html" is automatically added to the front of the link in DW if I create the link with any of the GUI tools, if I have "site root relative" selected. And ""/public_html" ends up in the code, and gets uploaded that way to the server, where it (obviously) doesn't work.
Doesn't sound like it is supposed to work this way. Also, what seems to be the usual root relative format (/images/image.jpg) shows as a broken link in the GUI and an external link in the DW link check. All this togther makes me thinkI have some obscure setting incorrect?
The setting that caught my eye is manage sites/ site setup/ advance settings/ local info/ web url, which is automatically set to http://www.oasisdesign.net/public_html/
it gives an option to change it but it makes every effort to make this NOT look like something users should mess with:
Having gone through the more careful thought process during this post, I'm ready to do the experiment of changing the remote server web URL (why is it wrong by default?)...think I'll eat dinner first so there's 45 min to avert disaster if anyone knows this to be a bad idea!
Art
PS--don't have a local testing server...don't think this will solve the GUI broken link/ link shows as external problems.
Is there an easy, automated way to change links sitewide from document to root relative?

How to create a file folder in iCloud pages? (a few documents)

Hey everyone! I want to create some file folders in my Pages on iCloud because there is no clear overview with 20 documents and/or more..but unfortunately it does not work. thanks for your support! best regards, lisa

I had this question too. Apple supports folders in a nice way, but it is not advertised or documented, as far as I can tell.
I figured out how to create folders that I can see on my iPad or my iPhone--through the back door by going into the Library/Mobile Documents folder on my iMac, before I learnedf an easier way to do it on my mobile devices.
Using your mobile device, if you open up Pages, Numbers, or Keynote on your iPhone or iPad, you have the option to see your Documents. If you have documents that fall into a category that you would like to put in a common folder, e.g. "Colorado Trip," all you need to do to start the process is select one of the documents by pressing down on it with your finger, then dragging that document on top of one of the other documents that you want in the same folder. A folder will be created and you will be given a chance to name that folder. After this step, you can drag other documents into the new folder, or out of it if you change your mind.
If you have the most recent Pages, Numbers, and Keynote iOS app updates, you can search your directory on your iPhone of iPad. The search looks inside these new folders, so it's a fairly nice boost to your organization and productivity.
Enjoy!

How to make an app a file receiver for images on iOS?

Hi,
How to make an app a file receiver for images on iOS?
I did it for the Android app.xml like this:
<intent-filter>
        <action android:name="android.intent.action.SEND"/>
        <category android:name="android.intent.category.DEFAULT"/>
        <data android:mimeType="text/plain"/>
    <data android:mimeType="image/jpg"/>
    <data android:mimeType="image/jpeg"/>
    <data android:mimeType="image/png"/>
    <data android:mimeType="image/gif"/>
</intent-filter>
How to do it for iOS?
(I'm using Adobe Air 4.0)
Thank you!

What app have you used to create your ibook? Normally any app will have a menu item like File > Export that will give you the option of PDF, or you can use Print and there will be an option in the Print dialogue to Print to PDF.

How to create links to different files on the same page?

Good day to all again,
can someone please guide me through creating several links to different files on the same page. In other words, I am creating a photo page where my links are called Gallery 1, Gallery 2, etc... I would like to create links so when the User clicks on Gallery 1, they see Gallery 1 slide show in the frame; when the user then clicks Gallery 2, then they see Gallery 2 slide show in the window.
My slide show files are done and I am using GoLive CS2. I have no knowledge of JavaScript or ActionScript/Flash.
Any suggestions are highly appreciated.
Thank you
Alek

Hi Diana,
I'm a professional photographer and in the process of getting
my finished site published. I used Coffeecup Photo Gallery. You can
create multiple albums on the same page. Do a Google search for the
address. It's easy, inexpensive, and it works. I tried to do this
with the Photo Gallery in DW and FireWorks--but couldn't get it
right. CC uses Flash and Javascript.
Good Luck

Has anyone figured out how to make the Yamaha 01V96i mixer work with Logic 9.1.8

Has anyone figured out how to make the Yamaha 01V96i mixer work with Logic 9.1.8 as a control surface ?

In YAMAHA01v96i:
Go to DIO/SETUP select Generic DAW. Go to MIDI settings page and set the desired port (personally I use Number 1), Select the same audio frequency you use in your DAW (I use 44.1KhZ)...at this point You should save a scene in you 01V96i to avoid to repeat all the procedure again.
Open studio manager, go to patch and set the input port from 17 to 32 respectively to USB1-USB16 (this will give you the return from you DAW to the 01v96i
Save again the scene overwriting the old one.
in LOGIC
Click on preferences, select Audio then select 01v96i, then click on control surface and select Mackie design Baby HUI and in the midi session set the same port that you've been setting on the Yamaha 01V96i (Port 1 if you follow this example).
That's more or less it.
It worked for me...so far

How to make two portals share the same UME?

Hi all,
Can anybody share some information about how to make two portals share same UME? Is it possible? Thanks.
B.R.

Hi Lee,
Its very much possible for 2 portals to make use of one datasource for UME.
Lets assume for a scenario sake we are using an LDAP server as the UME for portals environment...so you would simple need to point for the UME's to the LDAP datasource.
If you have something in particular do post back
Thanks,
GLM

How to make a remote panel file dialog open remote directory from any computer

Hello to everybody. I am using Labview 6.1 and I would like to know how to make a remote panel file dialog open remote directory from any computer (Not only from a specific computer. If I open the file with a specific computer, I have to conect the path of the remote machine, but if I don´t know which remote computer is going to run the aplication, how can I do it?)?

Hi!
first you have to know progammatically the name of the remote pc connected to your server: this is a problem!
I did not find a straigth way, LV 6.1 doesn't allow much progammatic control on the remote panel connection feature, but I'm confident that in the next LV version this will be improved!
The point is that the Remote Panel Connection Manager (from the Tools menu) has all the informations about the connection: client name, server vi and whatever.
This application is embedded in the \PROJECT\REMOTEPANEL.LLB and consists of a set of password protected vis.
So here's the trick: use VIServer to grab data from the rpcm Get Server Data.vi when the Remote Panel Connection Manager is in run mode. By this you get all the informations (not only client name)o
f the remote panel connection. See my example.
By the way use client machine name to build the file dialog function input path.
If anybody has an alternative method it would be more than appreciated to share it.
Good luck,
Alberto Locatelli
Attachments:
get_remote_machine_data.vi ‏151 KB

How to make a scanned PDF file searchable? I bought an Adobe service which I thought allowed me to do this

How to make a scanned PDF file searchable? I bought an Adobe service which I thought allowed me to do this, but I do not see any instructions how to do it.

Hi,
When using Adobe ExportPDF online service, it will run OCR itself when converting any PDF to other file format.
It also depends upon the quality of the scanned document, so it might be possible that it does not make the file searchable.
Regards,
Anubha

How to use Open/Create/Replace File.vi

How to change Open/Create/Replace File.vi to Open File?

Use the routine Write Characters to File.vi found under the File IO palette. It has a boolean control on the front panel. If this is set true, data is appended to the end of an existing file, or a new one is created if the file doesn't exist. If the control is set to false, the file is always created new--overwriting any existing file with the same name.
Mike...
Certified Professional Instructor
Certified LabVIEW Architect
LabVIEW Champion
"... after all, He's not a tame lion..."
Be thinking ahead and mark your dance card for NI Week 2015 now: TS 6139 - Object Oriented First Steps

How can I automatically create the files with serie-name?

Hello, Everyone,
I have a question again.
How can I automatically create the file with a serie-filename?
e.g. I have a program, it will repeat 5 times, and every time it will create a bmp-file, and I want to let this program automatically save these 5 files with a Serie-filename like File001.bmp, File002.bmp, .... File005.bmp.
How can I do it?`
Thanks a lot.
Regarts,
Johnny

Hi Deepu,
one more comment
The format code should be "%04d" to get leading zeros and have filenames with same length...
Best regards,
GerdW
CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
Kudos are welcome

I have two iphones, personal and work. Same icloud account. Now i get my imessages on both phones. I dont want that. How do I stop it?

I have two iPhones, personal and work. Same iCloud account. I updated my work phone last night. Now I get my imessages on both phones. Incoming and outgoing. No matter which phone I use.
Help, I do not need my work phone to have my personal text.

Settings>Messages>Send & Receive...edit on each phone here.

How to make two create.js files work on same page?

Similar Messages

Maybe you are looking for