how to change the src of an image in the img tag.

bug · February 16th, 2011, 05:58 PM

Hi folks,

I am new to xslt ..i am facing problem in changing site adress with in all the image tags present in the xml document..all my images are refering to cup.com which is not available. So, how to change it to dip.com..
How to change the src value of the images from cup.com to dip.com..

<?xml version="1.0" encoding="ISO-8859-1"?>


<content>
<m_content>
<title>Title1</title>

<n_content> testing the n content 1

<img src="http://cup.com/images/image1.jpg"/>

</n_content>

</m_content>
<m_content>
<title>title2</title>

<n_content> testing the n content 2

<img src="http://cup.com/images/image2.jpg"/>

</n_content>

</m_content>

</content>

this is the way i wrote the xslt which looks for cup.com which is not available..so i want to change that to dipp to make the images available for the webpage.

<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My Content</h2>
<table WIDTH="100%" border="1">
<xsl:for-each select="/content/m_content">
<tr><td>
<xsl:value-of select="title"/>
</td></tr>
<tr><td>

<xsl:value-of select="n_content"/>
</td></tr>
</xsl:for-each>
</table>

</body>
</html>
</xsl:template>

</xsl:stylesheet>

all need is how to change all the src attribute in the img elements to refer to dip.com ...thanks in advance..

samjudson · February 17th, 2011, 05:10 AM

I would write some templates to handle the two cases:

Code:

<xsl:template match="img[contains(@src,'http://cup.com')]">
  <img src="{concat('http://dip.com',substring-after(@src,'http://cup.com'))}"/>
</xsl:template>
	
<xsl:template match="img"><xsl:copy-of select="."/></xsl:template>

Then change the line with n_content to use xsl:apply-templates instead of xsl:value-of:

Code:

<xsl:apply-templates select="n_content"/>

bug · February 17th, 2011, 10:15 AM

I appreciate ur help..

bug · February 21st, 2011, 11:15 AM

Hi,

I tried to implement this logic but it works when ever the <img> tag is with in the n_content .but if the img tag is with in<p> tag like

eg: <n_content><p><img src="/sop.com/"></p></n_content>

its not able to change the src of the img tag. One more problem with this is I have to use <copy-of select="."> for n_content, because the test i entered is not getting fomatted to bold/italic/p/ if i just use <apply-template>. Can anyone help me about this.

<content>
<m_content>
<title>Title1</title>

<n_content> testing the n content 1

<li><img src="http://cup.com/images/image1.jpg"/></li>

</n_content>

</m_content>
<m_content>
<title>title2</title>

<n_content> testing the n content 2

<P><img src="http://cup.com/images/image2.jpg"/></p>

</n_content>

</m_content>

</content>

XSLT:

<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My Content</h2>
<table WIDTH="100%" border="1">
<xsl:for-each select="/content/m_content">
<tr><td>
<xsl:value-of select="title"/>
</td></tr>
<tr><td>

<xsl:apply-templates select="n_content"/>

</td></tr>
</xsl:for-each>
</table>

</body>
</html>
</xsl:template>
<xsl:template match="img[contains(@src,'http://cup.com')]">
<img src="{concat('http://dip.com',substring-after(@src,'http://cup.com'))}"/>
</xsl:template>

<xsl:template match="img"><xsl:copy-of select="."/></xsl:template>

<xsl:template match="n_content">
<xsl:copy-of select="."/>
</xsl:template>

</xsl:stylesheet>

samjudson · February 21st, 2011, 11:55 AM

We can only provide you solutions for problems you tell us about.

If you add in an identity template it will cope with all other elements.

Code:

<xsl:template match="@*|node()">
	<xsl:copy>
		<xsl:apply-templates select="@*|node()"/>
	</xsl:copy>
</xsl:template>

bug · February 21st, 2011, 12:47 PM

I apologize for not posting the complete problem

. Thanks for your great help. It's working now.