How to link to another page in my site in XML? 1

[juvesteve]

I've been trying to figure out how to link using XML.
The html way of doing this:
<a href="....html">Slide Show</a>

. . . doesn't work and I was wondering if anyone knows how to fix this?

Thanks
Steven

 

[Miros]

How are you displaying the XML? Are you just viewing it in the browser and trying to click on the link there? Are you putting the full path in the XML?

I'd probably put this in the XML:

<url>[URL unfurl="true"]http://www.xyx.com/slideshow.html</url>[/URL]
<linktext>Slide Show</linktext>
[code]
and use XSL to convert it to the HTML version.

 

[juvesteve]

yep, just viewing it in the browser. I've created a menu:

<leftSidebar>
<menu>
<ul>
<li><a href="assignment_slideshow.html">Main Menu</a></li>
<li><a href="assignment_slideshow.html">Slide Show</a></li>
<li><a href="assignment_slideshow.html">Calculator</a></li>
<li><a href="assignment_slideshow.html">Top DVD's</a></li>
<li><a href="assignment_slideshow.html">Contact Form</a></li>
<li><a href="assignment_slideshow.html">My Report</a></li>
</ul>
</menu>
</leftSidebar>

. . . with all the links leading to pages that i've created in html. this works fine for my html pages but not when i put this in my xml page.

also, i haven't used a css style sheet to create my xml page instead of xsl.

Any help would be greatly appreciated.

 

[juvesteve]

typo:

i HAVE used a css style sheet to create my xml page instead of xsl.

 

[Miros]

This thread might offer more info:

http://www.tek-tips.com/viewthread.cfm?qid=1439750&page=1

It seems that you need "./" at the beginning of your urls for files in the same directory.

 

[juvesteve]

cheers

 

[juvesteve]

that doesn't seem to be the problem.
thanks for trying anyway.

 

[tsuji]

Link? in what sense?

 

[juvesteve]

. . . when one of the buttons in my menu is clicked, it will take the user to a different page. It works fine with my html page but not for my xml page . . . ?

 

[dwarfthrower]

Creating a dummy xml file with just your sidebar code

<leftSidebar>
<menu>
<ul>
<li><a href="assignment_slideshow.html">Main Menu</a></li>
<li><a href="assignment_slideshow.html">Slide Show</a></li>
<li><a href="assignment_slideshow.html">Calculator</a></li>
<li><a href="assignment_slideshow.html">Top DVD's</a></li>
<li><a href="assignment_slideshow.html">Contact Form</a></li>
<li><a href="assignment_slideshow.html">My Report</a></li>
</ul>
</menu>
</leftSidebar>

in it works fine for me in the three browsers I tested it on (FF, IE6, IE7).

Perhaps if you posted your full code people might have a better shot at figuring out what's going on.

_{Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.}
Webflo

 

[juvesteve]

ok here goes.
This is my xml page:

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

<?xml-stylesheet type="text/css" href="xml.css"?>
<wrapper>

<header>
</header>
<header1>
</header1>
<header2>
</header2>
<leftSidebar>
<menu>
<ul>
<li><a href="assignment_slideshow.html">Main Menu</a></li>
<li><a href="assignment_slideshow.html">Slide Show</a></li>
<li><a href="assignment_slideshow.html">Calculator</a></li>
<li><a href="assignment_slideshow.html">Top DVD's</a></li>
<li><a href="assignment_slideshow.html">Contact Form</a></li>
<li><a href="assignment_slideshow.html">My Report</a></li>
</ul>
</menu>
</leftSidebar>
<rightSidebar>
</rightSidebar>

<content>
<dvd-menu>
  <dvd>
    <name>Final Fantasy VII: Advent Children (2 Discs)</name>
    <price>£4.99</price>
    <description>The much anticipated sequel to the top selling game Final Fantasy VII.</description>
    <rating>Rating: 8/10</rating>
  </dvd>
  <dvd>
    <name>Ghost In The Shell (Special Edition)</name>
    <price>£6.99</price>
    <description>A female cyborg cop and her partner hunt a mysterious and powerful hacker called the Puppet Master.</description>
    <rating>Rating: 9/10</rating>
  </dvd>
  <dvd>
    <name>Cowboy Bebop: The Movie</name>
    <price>£4.99</price>
    <description>Based on the widely popular TV series 'Cowboy Bebop'. A terrorist explosion releases a deadly virus on the masses, and it's up the bounty-hunting Bebop crew to catch the cold-blooded culprit.</description>
    <rating>Rating: 7/10</rating>
  </dvd>
  <dvd>
    <name>French Toast</name>
    <price>£4.50</price>
    <description>Thick slices made from our homemade 
     sourdough bread.</description>
    <rating>600</rating>
  </dvd>
  <dvd>
    <name>Homestyle Breakfast</name>
    <price>£6.95</price>
    <description>Two eggs, bacon or sausage, toast, 
      and our ever-popular hash browns.</description>
    <rating>950</rating>
  </dvd>
</dvd-menu>
</content>
</wrapper>

This is my css style sheet (excluding background images):

/* CSS Document */



positioning#body{
				text-align:center
				}

wrapper		{
				height:980px;
				width:1247px;
				margin:0 auto;
				text-align:left;
				position:relative;
				background-color:#000000
				}

header		{
				background-color:#151515;
				position:absolute;
				top:0;
				left:0;
				height:306px;
				width:1247px;
				color:#FFFFFF;
				background-image:url(images/header5.gif);
				background-position:left;
				background-repeat:no-repeat;
				border-bottom:thick;
				border-bottom-color:#990000;
				border-bottom-style:ridge
				}
			
header1		{
				position:absolute;
				left:850px;
				top:50px;
				font-size:36px
				}
		
header2		{
				position:absolute;
				left:970px;
				top:100px;
				font-size:36px
				}
		
content		{
				background-color:#000000;
				width:767px;
				height:500px;
				position:absolute;
				top:370px;
				left:240px;
				background-image:url(images/background_black.jpg);
				}
			
dvd-menu
{
background-color: #000000;
width: 100%;

}
dvd
{
display: block;
margin-bottom: 15pt;
margin-left: 60px
}
name
{
color: #990000;
font-size: 20pt;
}
price
{
color: #6699FF;
font-size: 20pt;
}
description,rating
{
	display: block;
	color: #CCCCCC;
	margin-left: 20pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}			
			
leftSidebar	{
				background-color:#990000;
				width:220px;
				height:552px;
				position:absolute;
				top:370px;
				left:0;
				background-image:url(images/right.jpg);
				background-position:top left;
				background-repeat:no-repeat
				}
				


rightSidebar{
				background-color:#990000;
				width:220px;
				height:552px;
				position:absolute;
				top:370px;
				left:1027px;
				background-image:url(images/left.jpg);
				background-position:top left;
				background-repeat:no-repeat
				}


menu ul		{
				margin: 45px 0 0 0;
				padding: 0;
				list-style-type: none;
				}

menu li		{
				margin: 0 0 10px 20px;
				}

menu a			{
				display:block;
				color: #000;
				background-color: #CC6600;
				width: 9em;
				padding: .2em .8em;
				text-decoration: none;
				border-top: 1px solid #fff;
				border-left: 1px solid #fff;
				border-right: 1px solid #000;
				border-bottom: 1px solid #000;
				}

menu a:hover	{
				background-color: #369;
				color: #FFF;
				border-top: 1px solid #000;
				border-left: 1px solid #000;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				}

active a		{
				display: block;
				color: #FFF;
				background-color: #BD0F0F;
				width: 9em;
				padding: .2em .8em;
				text-decoration: none;
				}
				
active a:hover {
				color: #FFF;
				background-color: #E04949;
				width: 9em;
				padding: .2em .8em;
				text-decoration: none;
				border-top: 1px solid #000;
				border-left: 1px solid #000;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				}

 

[dwarfthrower]

Yep, ok.

You should probably use an XSL file to actually transform the XML into HTML. That way the browser will render your links properly.

_{Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.}
Webflo

 

[juvesteve]

ok, cheers.