Extracting the img src using JavaScript RegExp

[Ollie Hoad]

Hello all - I'm a newbie here with a question.

I work with a WCMS and what I am attempting to do is extract the image source from a HTML hyperlink/image.

In a nutshell, I have created an array which takes a text object (the WCMS calls this a WEM tag). I want to preload the image embedded within that text object as the thing I am creating is an image rotator. It looks something like this...

  if (document.images) {  
    img1 = new Image();
    //...
    img1.src = <WEM TEXT0005></WEM>;
    //...
  }
 
  var tileArray = new Array();
  tileArray[0] = <WEM TEXT0005></WEM>
  //...
 

I am trying to achieve this outside of the WCM to begin with and once that works I can plug in the code.

What I need returned is something like...

"advert-tile-1.jpg"

At the moment I have...

<script language="JavaScript"> 
 
  reg = /src=\".+\.jpg\"/; 
  string = new String ('<a href="blah.htm" title="Blah"><img src="advert-tile-1.jpg" width="175" height="180" alt="" border="0" /></a>');
 
  var matches = string.match(reg);
 
  document.write(matches);
 
</script>
 

This returns:

src="advert-tile-1.jpg"

So I just need to get rid of the 'src='.

In any other language you could use a Positive Lookbehind (?<=text) on the 'src=' but seeing as JavaScript does not support this, I'm a little stumped!

Any help would be greatly appreciated.

Thank you.

[gits]

heya ...

welcome to TSDN ...

have a look at the following example:

//something like your string :)
var src_attrib = 'src="test.jpg"';
 
// we match from the end and use the brackets that
// extract the match from the string - you get an array
// returned ... so we use item 1 that is our match
// and we replace the " with an empty string 
var img_src = src_attrib.match(/src=(.+)$/)[1].replace(/\"/g,'');
 

may be it helps :)

kind regards

[Ollie Hoad]

Hi Gits,

Thank you so much for your help with this. I actually adapted your solution to the following...

<script language="JavaScript">
 
  var img_src1 = new String('<a href="blah.htm" title="Blah"><img src="advert-tile-1.jpg" width="175" height="180" alt="" border="0" /></a>').match(/src=(.+?[\.jpg|\.gif]")/)[1];
 
  document.write(img_src1);
 
</script>
 

Which returns...

"advert-tile-1.jpg"

Now all I've got to do is make it work in this blasted WCMS, which is a lot easier said than done!

[gits]

hi ...

glad to hear you got it working ... post back to the forum anytime you have more questions :)

kind regards