xml & external link

[ahwell]

Hi,
Im making a header in flash which loads in jpg's via an xml file. Its kind of a photoslideshow. Now I want an onRelease on each jpg which gets a different getURL from the xml. Can this be done? This is the code I use in flash:

Code: Select all

delay = 3000;
//-----------------------
function loadXML(loaded) {
 if (loaded) {
  xmlNode = this.firstChild;
  image = [];
  description = [];
  total = xmlNode.childNodes.length;
  for (i=0; i<total; i++) {
   image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
   description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
  }
  firstImage();
 } else {
  content = "file not loaded!";
 }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
// ///////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
 if (Key.getCode() == Key.LEFT) {
  prevImage();
 } else if (Key.getCode() == Key.RIGHT) {
  nextImage();
 }
};
Key.addListener(listen);
previous_btn.onRelease = function() {
 prevImage();
};
next_btn.onRelease = function() {
 nextImage();
};
// ///////////////////////////////////
p = 0;
this.onEnterFrame = function() {
 filesize = picture.getBytesTotal();
 loaded = picture.getBytesLoaded();
 preloader._visible = true;
 if (loaded != filesize) {
  preloader.preload_bar._xscale = 100*loaded/filesize;
 } else {
  preloader._visible = false;
  if (picture._alpha<100) {
   picture._alpha += 2;
  }
 }
};
var myInterval;
function nextImage() {
 p++;
 p %= image.length;
 if (loaded == filesize) {
  picture._alpha = 0;
  picture.loadMovie(image[p], 1);
  desc_txt.text = description[p];
  picture_num();
  clearInterval(myInterval);
  if (btn.playing) {
   slideshow();
  }
 }
}
function prevImage() {
 clearInterval(myInterval);
 if (btn.playing) {
  slideshow();
 }
 if (p>0) {
  p--;
 } else {
  p = image.length-1;
 }
 picture._alpha = 0;
 picture.loadMovie(image[p], 1);
 desc_txt.text = description[p];
 picture_num();
}
function firstImage() {
 if (loaded == filesize) {
  picture._alpha = 0;
  picture.loadMovie(image[0], 1);
  desc_txt.text = description[0];
  picture_num();
  clearInterval(myInterval);
  if (btn.playing) {
   slideshow();
  }
 }
}
function picture_num() {
 current_pos = p+1;
 pos_txt.text = current_pos+"/"+total;
}
function slideshow() {
 myInterval = setInterval(pause_slideshow, delay);
 function pause_slideshow() {
  clearInterval(myInterval);
  nextImage();
 }
}
btn.t.text = "ll";
btn.playing = true;
btn.onPress = function() {
 if (this.playing) {
  this.playing = false;
  clearInterval(myInterval);
  this.t.text = "ll";
 } else {
  this.playing = true;
  nextImage();
 
  this.t.text = ">";
 }
};

Hope someone can help me! I googled all morning without any luck.

[ahwell]

..or maybe someone knows a different approuch to do this.. or tutorial. In short I want to load in jpgs plus urls via an xml file. So the client can change the jpeg's and url's without touching the fla.

[marSoul]

you can add another tag for example <url></url> to your xml file for every image, then read their values in flash and onRelease function use that value to load external links

[ahwell]

Originally Posted by marSoul

you can add another tag for example <url></url> to your xml file for every image, then read their values in flash and onRelease function use that value to load external links

HI

Yes I've tried that but I don't know how to read the urls into my flash. How can I add a clickable text or make the loaded jpg clickable and then go to the lloaded url?

[marSoul]

hi
Like this :

Code: Select all

url[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;

then you can create a button and put a dynamic text box into it which reads this url[i] value

[ahwell]

Originally Posted by marSoul

hi
Like this :

Code: Select all

url[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;

then you can create a button and put a dynamic text box into it which reads this url[i] value

I did like you said. I made a textfield,named it url_txt and put it inside a button. I put this on it:

Code: Select all

on(release){getURL(url,"_blank");}

so far so good (I think)
I put your script in the flashfile.
I put this in the xml

Code: Select all

<images>
    <pic>
        <image>http://www.gotoandflash.com/xavier/1.jpg<links>http://www.google.com</links></image>
  <description>mooi!!</description>
  <url>'http://www.google.com'</url>
    </pic>
blabla and so on

then when I try run it I get :
1. all the 5 urls I put in the xml load in at once
2.*** Security Sandbox Violation ***pops up

I have no idea what I did wong since i dont know what im doing in the first place..I put the files online for you to have a look at,maybe then its more clear.

[marSoul]

I have made some changes to your file, test it ...

first i rename your button to gotourl
then i added some functions to your file

Code: Select all

gotourl.onRelease = function() {
    get_url();
}

and

Code: Select all

function get_url() {
    current_url = p;
    getURL(url[current_url]);
}

that security warning is because your are testing your file locally and warns you that this file wants to access internet
its better you upload your file to server and test it

[ahwell]

thanks for your help. I uploaded it and i think its working if it wasnt for this security sandbox violation. When I try locally I get the sandbox violation security. Connection to 'http://www.google.com' halted it says. I uploaded the jpgs,xml,html,swf all in the same folder. Im gonna google a way to get around this sandbox violation security.

[ahwell]

Hey! It's working! For some reason I put ' around the urls in the xml file!! I had a bright moment and took them away and voila!
Thanks again ! Now I can concentrate on my exam on dreamweaver next thursday haha
Marieke