Member Avatar for peter_budo

I need to retrive value of the variable to which has been assign value on click event. The value is dynamicaly read from xml. I know that correct value is assign to propertyNum as I tried command document.write(propertyNum); after value assign to just check it.

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">

<html>
<head>
<title>Preview</title>

<script type="text/javascript">
(document.getElementById ? DOMCapable = true : DOMCapable = false);

var propertyNum = '';

function show(property)
{	
	if(DOMCapable)
	{
		if(property == "group")
		{
			document.getElementById("group").style.display="block";
			document.getElementById("group").style.visibility="visible";
			
			document.getElementById("single").style.display="none";
			document.getElementById("single").style.visibility="hidden";
			propertyNum = "";
		}
		else
		{			
			propertyNum = property;
			//document.write(propertyNum);
			document.getElementById("single").style.display="block";
			document.getElementById("single").style.visibility="visible";
			
			document.getElementById("group").style.display="none";
			document.getElementById("group").style.visibility="hidden";					
		}		
	}
}

function getPropertyNum()
{
	return propertyNum;
}

</script>
</head>

<body>
<div id="group" onClick="show('single');">
            <p style="cursor: pointer;"> <xsl:attribute name="onClick">show('<xsl:value-of select='id/num'/>');</xsl:attribute>
            More details <xsl:value-of select='system/address1'/></p>

</div>

<div id="single" onClick="show('group');" style="display:none; visibility: hidden;">
	<p id="propertyNum" name="propertyNum">Selected property ID is :<script type="text/javascript"> getPropertyNum();</script>
	</p>
</div>
</body>
</html>

</xsl:template>
</xsl:stylesheet>

The red marked part however does not return any value. Can somebody advice?

  • 2 Contributors
  • 10 Replies
  • 151 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by ~s.o.s~

Recommended Answers

All 10 Replies

Member Avatar for ~s.o.s~

> <script type="text/javascript"> getPropertyNum();</script> This just means that you are executing the function getPropertyNum() and ignoring the return value, nothing else. To make sure the value is reflected in the DOM tree, you need to either do document.write(getPropertyNum()) (not recommended) or use the HTML DOM.

A few other things:

  • Don't use tabs for indentation, at least while pasting the code. It makes it harder to read the code. Use 2/4 spaces or use an IDE / Editor which can convert from tabs to spaces.
  • Also paste the accompanying XML file / response so that the people who want to help you out can try running the snippet without having to create their own test cases / sample input.

Revert back in case of more queries.

Member Avatar for peter_budo

Can you please elaborate on HTML DOM, I'm not too much familiar with it. What would be the command to retrive the variable?

Member Avatar for ~s.o.s~

Do you want to output the value of propertyNum once the <p> element is clicked? If so, then try this:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title>Preview</title>
<script type="text/javascript">
    var DOMCapable = !!document.getElementById;
    var propertyNum = null;
    function show(property)
    {
        if(!DOMCapable) {
            return;
        }
        var grpStyle = document.getElementById("group").style;
        var sngStyle = document.getElementById("single").style;
        if(!grpStyle || !sngStyle) return;
        
        if(property == "group") {
            grpStyle.display = "block";
            grpStyle.visibility = "visible";
            sngStyle.display="none";
            sngStyle.visibility="hidden";
            propertyNum = "";
        } else {
            propertyNum = property;
            sngStyle.display = "block";
            sngStyle.visibility = "visible";
            grpStyle.display="none";
            grpStyle.visibility="hidden";					
		}
        var e = document.getElementById("txt");
        e.innerHTML = propertyNum;
        /*
        OR
        e.appendChild(document.createTextNode(String(propertyNum)));
        */
	}
</script>
</head>
<body>
<div id="group" onClick="show('single');">
<p style="cursor: pointer;">
    <xsl:attribute name="onclick">show('<xsl:value-of select='id/num'/>');</xsl:attribute>
    More details <xsl:value-of select='system/address1'/>
</p>
</div>
<div id="single" onclick="show('group');" style="display:none; visibility: hidden;">
<p id="propertyNum" name="propertyNum">Selected property ID is <span id="txt"></span></p>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

Also it would be better if you create a style classes instead of changing individual style properties.

Member Avatar for peter_budo

This command work for me partialy e.appendChild(document.createTextNode(String(propertyNum))); it returns integer picked from the pressed link that I expect, however followed by String single. How this string got there? I expected only integer...
The other command e.innerHTML = propertyNum; return only string single

Member Avatar for ~s.o.s~

The functions which I just posted would just output the value which was passed to them. So if propertyNum was "single" followed by a number, it would show the same. Did you try to alert the value of propertyNum by using window.alert(propertyNum) before using it?

Like I said, you need to paste the XML file which you are using for me to reproduce the problems you are facing.

Member Avatar for peter_budo

Hmmm, looks like that I'm complicating my life with this xml and javascript exercise but now this problem get hold of me and I want to sort it. Bellow are attached the files as I have them in current stage. However now I realized I can't pass directly the value of javascript to xml. Would you know how to do this?
Many of the links point to microsoft msdn library and msxml but links are dead :(
PS: view.txt need change of extension to xsl. As daniweb does not support xsl format I changed to txt

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="view.xsl"?>

<propertyList>
<property>
	<id>
		<num>1</num>
	</id>

	<system>
		<assessor>Peter</assessor>
		
		<assess_date>2008-01-10</assess_date>
		
		<address1>Champion Grove</address1>
		
		<address2>Camberwell </address2>
		
		<town>London</town>
		
		<post_code>SE5</post_code>
	</system>
	
	
	<general>
		<sale_status>For Sale</sale_status>
		
		<tenure>Freehold</tenure>
		
		<type>House</type>
		
		<bedrooms>4</bedrooms>	
		
		<price>775.000</price>	
	</general>
	
	
	<features>
		<garden>true</garden>	
		
		<garden_size>10m sqr</garden_size>
		
		<parking>Off Street</parking>	
		
		<other_rooms>4</other_rooms>	
		
		<room_type_size>	
			<room>
				<room_name>Kitchen</room_name>	
				
				<room_size>3.86m x 2.74m</room_size>	
			</room>
		
			<room>
				<room_name>Bedroom 1</room_name>	
				
				<room_size>3.28m x 4.70m</room_size>	
			</room>
		
			<room>
				<room_name>Bedroom 2</room_name>	
				
				<room_size>3.33m x 3.71m</room_size>	
			</room>
		</room_type_size>
		
	</features>
	
	<photos>	
		<image>
			<image_name>House view from garden</image_name>	
			<image_src>001.jpg</image_src>	
		</image>
		<image>
			<image_name>Kitchen</image_name>	
			<image_src>002.jpg</image_src>	
		</image>
	</photos>
	
	<transport>
		<tube>
			<tube_is_close>false</tube_is_close>	
								
							
			<tube_name />	
			
			<tube_dist />	
		</tube>
		
		<bus>
			<bus_is_close>true</bus_is_close>	
							
			<bus_dist>5 min</bus_dist>	
		</bus>
		
		<train>
			<train_is_close>false</train_is_close>	
			<train_name />	
			
			<train_dist />	
		</train>
	</transport>
	
	<notes>
		<add_notes>Victorian fireplace in living room</add_notes>	
		
		<full_description>This gorgeous house is currently occupied by five young professional-musician types (who understandably spend much more time studying than tidying and 'keeping house'. The garage, (presenting without a roof lost in a recent storm) has an insurance claim underway. Though last refurbished in the late 80's, the house has otherwise been well-maintained, and is so inviting and welcoming, you might not even notice the cosmetic issues.

Every single room in this house (almost), has 3 windows: every room has windows on 2 aspects, every room is a goood size and shape and there are elgant French doors that open out into the garden. Garden surrounds the property on 3 sides (we are begining to get a bit of a theme here) and this was has clearly been host to many a good BBQ party.

There is no road to compare to Champion Grove: a 'cosy' crescent, that you would only enter if you actually lived there - it is secluded and yet so central. This will be a fantastic home.</full_description>	
	</notes>
</property>

<property>
	<id>
		<num>2</num>
	</id>

	<system>
		<assessor>Peter</assessor>	
		
		<assess_date>2008-01-10</assess_date>	
		
		<address1>Tresco Road</address1>	
		
		<address2>Nunhead</address2>	
		
		<town>London</town>	
		
		<post_code>SE15</post_code>	
	</system>
	
	
	<general>
		<sale_status>For Sale</sale_status>	
		
		<tenure>Leasehold</tenure>	
		
		<type>House</type>	
		
		<bedrooms>5</bedrooms>	
		
		<price>735.000</price>	
	</general>
	
	
	<features>
		<garden>false</garden>	
		
		<garden_size />	
		
		<parking />	
		
		<other_rooms>3</other_rooms>	
		
		<room_type_size>	
			<room>
				<room_name>Bedroom 1</room_name>	
				
				<room_size>4.17m x 3.96m</room_size>	
			</room>
		</room_type_size>
		<room_type_size>	
			<room>
				<room_name>Bedroom 2</room_name>	
				
				<room_size>4.14m x 3.33m</room_size>
			</room>
			
			<room>
				<room_name>Bathroom</room_name>	
				
				<room_size>2.72m x 2.67m</room_size>	
			</room>
		
			<room>
				<room_name>Cellar</room_name>	
				
				<room_size>6.71m x 1.52m</room_size>	
			</room>
		</room_type_size>
		
	</features>
	
	<photos>	
		<image>
			<image_name>Living room</image_name>	
			<image_src>003.jpg</image_src>	
		</image>
		<image>
			<image_name>Kitchen</image_name>	
			<image_src>004.jpg</image_src>	
		</image>
	</photos>
	
	<transport>
		<tube>
			<tube_is_close>true</tube_is_close>	
							
			<tube_name>Bethnal Green</tube_name>	
			
			<tube_dist>10 min</tube_dist>	
		</tube>
		
		<bus>
			<bus_is_close>false</bus_is_close>	
							
			<bus_dist />	
		</bus>
		
		<train>
			<train_is_close>false</train_is_close>	
			<train_name />	
			
			<train_dist />	
		</train>
	</transport>
	
	<notes>
		<add_notes>Kitchen white gloss fitted kitchen with stainless steel trim, 5 ring gas hob, integrated dishwasher.</add_notes>	
		
		<full_description>You will wait a long time to find a property to compete with this one: five massive bedrooms, 2 bathrooms, 3 loos, enormous landings, good storage, juliet balcony, skylights, decking, pretty garden, exceptional kerb-appeal.

The owners have been here for 12 years and during that time have carried out a loft extension providing two 17' bedrooms. The changes they have made to the first floor have provided an ensuite to the main bedroom, a substantial family bathroom and further useable landing space.

The property is laden with original features: there are still 3 cast-iron fireplaces, the cornicing in the main reception is better than any I have seen: the fixtures and fittings are pristine.... View soon.</full_description>	
	</notes>
</property>

<property>
	<id>
		<num>3</num>
	</id>

	<system>
		<assessor>Peter</assessor>	
		
		<assess_date>2008-01-10</assess_date>	
		
		<address1>Manor Mount</address1>	
		
		<address2> Forest Hill</address2>	
		
		<town>London</town>	
		
		<post_code>SE23</post_code>	
	</system>
	
	
	<general>
		<sale_status>For Sale</sale_status>	
		
		<tenure>Unknown</tenure>	
		
		<type>House</type>	
		
		<bedrooms>4</bedrooms>	
		
		<price>650.000</price>	
	</general>
	
	
	<features>
		<garden>true</garden>	
		
		<garden_size>15x10m</garden_size>	
		
		<parking>On Street</parking>
		
		<other_rooms>2</other_rooms>	
		
		<room_type_size>	
			<room>
				<room_name>Bedroom 1</room_name>	
				
				<room_size>3.91m x 2.26m</room_size>	
			</room>
			<room>
				<room_name>Bathroom</room_name>	
				
				<room_size>3.48m x 3.00m</room_size>	
			</room>
			<room>
				<room_name>Utility</room_name>	
				
				<room_size>2.29m x 1.45m</room_size>	
			</room>
		</room_type_size>
		
	</features>
	
	<photos>	
		<image>
			<image_name>Front view</image_name>	
			<image_src>005.jpg</image_src>	
		</image>
		<image>
			<image_name>Kitchen</image_name>	
			<image_src>006.jpg</image_src>	
		</image>
	</photos>
	
	<transport>
		<tube>
			<tube_is_close>false</tube_is_close>	
							
			<tube_name />	
			
			<tube_dist />	
		</tube>
		
		<bus>
			<bus_is_close>true</bus_is_close>	
							
			<bus_dist>10min</bus_dist>	
		</bus>
		
		<train>
			<train_is_close>false</train_is_close>	
			<train_name />	
			
			<train_dist />	
		</train>
	</transport>
	
	<notes>
		<add_notes>Multipane casement window to rear. Beamed 'cottage' ceiling. Painted brickwork. Fully fitted shaker-style kitchen with stainless steel NEFF double oven and extractor.</add_notes>	
		
		<full_description>This detached coach house has been home to three generations for over 39 years. They now seek to retire to Kent and leave thier pretty powder blue double-fronted period home to an equally appreciative family.

Set well back from the road ( Forest Hills' most sought-after road), you can get at least 6 cars in the driveway and can probably cater to 100 guests in the abundant and picturesque garden ( not including children, who may prefer to gather in the garden studio / den.

It is the sort of house which once you find, you never leave. Seeing is believing: if you have the money, you HAVE to book a viewing now. </full_description>	
	</notes>
</property>

<property>
	<id>
		<num>4</num>
	</id>

	<system>
		<assessor>Peter</assessor>	
		
		<assess_date>2008-01-10</assess_date>	
		<address1>Upland Road</address1>	
		
		<address2> East Dulwich</address2>	
		
		<town>London</town>
		
		<post_code>SE22</post_code>	
	</system>
	
	
	<general>
		<sale_status>Sold</sale_status>	
		
		<tenure>Freehold</tenure>	
		
		<type>House</type>	
		
		<bedrooms>4</bedrooms>	
		
		<price>560.000</price>	
	</general>
	
	
	<features>
		<garden>false</garden>	
		
		<garden_size />	
		
		<parking>Off Street</parking>	
		
		<other_rooms>1</other_rooms>	
		
		<room_type_size>	
			<room>
				<room_name>Bedroom</room_name>	
				
				<room_size>4.75m x 5.23m</room_size>	
			</room>
			<room>
				<room_name>Dinning room</room_name>	
				
				<room_size>3.58m x 3.12m</room_size>	
			</room>
			<room>
				<room_name>Cellar</room_name>	
				
				<room_size>1.91m x 1.78m</room_size>	
			</room>
		</room_type_size>
		
	</features>
	
	<photos>	
		<image>
			<image_name>Front view</image_name>	
			<image_src>007.jpg</image_src>	
		</image>
		<image>
			<image_name>Bedroom</image_name>	
			<image_src>008.jpg</image_src>	
		</image>
	</photos>
	
	<transport>
		<tube>
			<tube_is_close>true</tube_is_close>	
							
			<tube_name>Victoria</tube_name>	
			
			<tube_dist>10 min</tube_dist>	
		</tube>
		
		<bus>
			<bus_is_close>true</bus_is_close>	
							
			<bus_dist>5 min</bus_dist>	
		</bus>
		
		<train>
			<train_is_close>false</train_is_close>	
			<train_name />	
			
			<train_dist />	
		</train>
	</transport>
	
	<notes>
		<add_notes>Sash windows in a splayed bay to the front. Cast iron fireplace with coal effect gas fire. Stripped floorboards. Picture rail. Coved ceiling.</add_notes>	
		
		<full_description>The fourth bedroom here runs directly off the third which makes for a nice littel suite of rooms (for a teenager maybe) or a play room and bedroom for younger children. The rooms could perhaps be separated but that would involve the removal of two large chimney breasts and
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title>Preview</title>

<style type="text/css">
table { width:800px; border:solid; border-bottom-style:groove; border-width:thick; border-color:#DCF3F5;border-collapse:collapse; margin-top:20px;}
td {padding-top:8px; padding-bottom:8px; padding-left: 10px; padding-right: 10px;}
th {padding-top:8px; padding-bottom:8px; padding-left: 10px;}
td.just {text-align:justify;}
td.empty {padding-top:0px; padding-bottom:0px; padding-left: 0px; padding-right: 0px;}
</style>

<script type="text/javascript">
    var DOMCapable = !!document.getElementById;
    var propertyNum = null;
    function show(property)
    {
        if(!DOMCapable) {
            return;
        }
        var grpStyle = document.getElementById("group").style;
        var sngStyle = document.getElementById("single").style;
        if(!grpStyle || !sngStyle) return;
        
        if(property == "group") {
            grpStyle.display = "block";
            grpStyle.visibility = "visible";
            sngStyle.display="none";
            sngStyle.visibility="hidden";
            propertyNum = "";
	    window.alert("Alert inside if " +propertyNum);
        } 
		/*This is just temporary solution to eliminate return of string "single"*/
		else if(property =="single")
		{
		}
		else {
            propertyNum = property;
            sngStyle.display = "block";
            sngStyle.visibility = "visible";
            grpStyle.display="none";
            grpStyle.visibility="hidden";
	    	window.alert("Alert inside else " +propertyNum);					
		
        var e = document.getElementById("txt");
		window.alert("Alert before innerHTML " +propertyNum);}
        //e.innerHTML = propertyNum;
		e.appendChild(document.createTextNode(String(propertyNum)));
        /*
        OR
        e.appendChild(document.createTextNode(String(propertyNum)));
        */
	}
</script>
</head>
<body>
<div id="group" onClick="show('single');">
<table align="center" border="1" width="800">
	<tr>
    	<td width="200" class="empty" />
        <td width="200" class="empty" />
        <td width="200" class="empty" />
        <td width="200" class="empty" />
    </tr>
	<xsl:for-each select="propertyList/property">
    	<tr>        
        	<td><xsl:value-of select="general/sale_status"/></td>
            <td colspan="2"><xsl:value-of select="general/bedrooms"/> Bedrooms, <xsl:value-of select="general/type"/>, <xsl:value-of select="general/tenure"/></td>
            <td>Add to selection: <input type="checkbox" /></td>
        </tr>
        <tr>
            <td colspan="3"><xsl:value-of select="system/address1"/>, <xsl:value-of select="system/address2"/>, <xsl:value-of select="system/town"/>, <xsl:value-of select="system/post_code"/></td>
            <td><xsl:value-of select="general/price"/></td>
        </tr>
        <tr>
        	<td colspan="2" width="400" class="just"><xsl:value-of select="notes/full_description"/></td>
            <td colspan="2">
            <img><xsl:attribute name="src"><xsl:value-of select='photos/image/image_src'/></xsl:attribute></img>
            </td>
        </tr>
        <tr>
        	<td colspan="4">            
            <p style="cursor: pointer;"> <xsl:attribute name="onClick">show('<xsl:value-of select='id/num'/>');</xsl:attribute>
            More details <xsl:value-of select='system/address1'/></p>
            </td>
        </tr>
	</xsl:for-each>
    <tr>
    	<td colspan="4"><input type="submit" value="Save Selection" /></td>
    </tr>
</table>
</div>
<div id="single" onclick="show('group');" style="display:none; visibility: hidden;">

<!--<p>Selected property ID is <span id="txt"></span></p>-->

<!--Display full details of selected property-->
<xsl:for-each select="propertyList/property">
	
    
    <!-- I need to paste there value of propertyNum-->
	<xsl:if test="id/num = ?????">
    
    
    	<xsl:value-of select="general/bedrooms"/> Bedrooms, <xsl:value-of select="general/type"/>, <xsl:value-of select="general/tenure"/>
    </xsl:if>
</xsl:for-each>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Member Avatar for ~s.o.s~

> looks like that I'm complicating my life with this xml and javascript exercise but now this
> problem get hold of me and I want to sort it

Frankly I don't know what exactly are you trying to achieve here. It seems more like the case of using the wrong tools for the job here. Why bother with the complications involved with rendering XML using XSL and that too involving a hefty amount of Javascript. Debugging in your case will be nothing short of hell.

Coming back to the problem I don't think this is correct:

<xsl:for-each select="propertyList/property">
	<xsl:if test="id/num = 1">
    	<xsl:value-of select="general/bedrooms"/>Bedrooms,<xsl:value-of select="general/type"/>, <xsl:value-of select="general/tenure"/>
    </xsl:if>
</xsl:for-each>

If you try the code which I have fixed, you will see that clicking on the "div" opens up a new page. From this we can conclude that the XSL processing of the XML document is one pass and if you need any sort of dynamic behavior *after* the rendering is complete, you would have to resort to some other means. What you have done just won't work.

Here is something which works (in a broken sense, of course):

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title>Preview</title>

<style type="text/css">
table { width:800px; border:solid; border-bottom-style:groove; border-width:thick; border-color:#DCF3F5;border-collapse:collapse; margin-top:20px;}
td {padding-top:8px; padding-bottom:8px; padding-left: 10px; padding-right: 10px;}
th {padding-top:8px; padding-bottom:8px; padding-left: 10px;}
td.just {text-align:justify;}
td.empty {padding-top:0px; padding-bottom:0px; padding-left: 0px; padding-right: 0px;}
</style>

<script type="text/javascript">
    var DOMCapable = !!document.getElementById;
    var propertyNum = null;
    function show(property)
    {
        if(!DOMCapable) {
            return;
        }
        var grpStyle = document.getElementById("group").style;
        var sngStyle = document.getElementById("single").style;
        if(!grpStyle || !sngStyle) return;
        
        if(property == "group") {
            grpStyle.display = "block";
            grpStyle.visibility = "visible";
            sngStyle.display="none";
            sngStyle.visibility="hidden";
            propertyNum = "";
            window.alert("Alert inside if " +propertyNum);
        } else {
            propertyNum = property;
            sngStyle.display = "block";
            sngStyle.visibility = "visible";
            grpStyle.display="none";
            grpStyle.visibility="hidden";
	    	window.alert("Alert inside else " +propertyNum);
            var e = document.getElementById("txt");
            window.alert("Alert before innerHTML " +propertyNum);
        }
	}
</script>
</head>
<body>
<div id="group" onClick="show('single');">
<table align="center" border="1" width="800">
	<tr>
    	<td width="200" class="empty" />
        <td width="200" class="empty" />
        <td width="200" class="empty" />
        <td width="200" class="empty" />
    </tr>
	<xsl:for-each select="propertyList/property">
    	<tr>        
        	<td><xsl:value-of select="general/sale_status"/></td>
            <td colspan="2"><xsl:value-of select="general/bedrooms"/> Bedrooms, <xsl:value-of select="general/type"/>, <xsl:value-of select="general/tenure"/></td>
            <td>Add to selection: <input type="checkbox" /></td>
        </tr>
        <tr>
            <td colspan="3"><xsl:value-of select="system/address1"/>, <xsl:value-of select="system/address2"/>, <xsl:value-of select="system/town"/>, <xsl:value-of select="system/post_code"/></td>
            <td><xsl:value-of select="general/price"/></td>
        </tr>
        <tr>
        	<td colspan="2" width="400" class="just"><xsl:value-of select="notes/full_description"/></td>
            <td colspan="2">
            <img><xsl:attribute name="src"><xsl:value-of select='photos/image/image_src'/></xsl:attribute></img>
            </td>
        </tr>
        <tr>
        	<td colspan="4">            
            <p style="cursor: pointer;"> <xsl:attribute name="onClick">show('<xsl:value-of select='id/num'/>');</xsl:attribute>
            More details <xsl:value-of select='system/address1'/></p>
            </td>
        </tr>
	</xsl:for-each>
    <tr>
    	<td colspan="4"><input type="submit" value="Save Selection" /></td>
    </tr>
</table>
</div>
<br /><br />
<div id="single" onclick="show('group');" style="display:none; visibility: hidden;">
<xsl:for-each select="propertyList/property">
	<xsl:if test="id/num = 2">
    	<xsl:value-of select="general/bedrooms"/>Bedrooms,<xsl:value-of select="general/type"/>, <xsl:value-of select="general/tenure"/>
    </xsl:if>
</xsl:for-each>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

That being said, if you need the functionality of "div" being shown / hidden at the click of a button, you would need to render / display each and every record / block which are initially hidden and are shown when the click event occurs i.e. no XPATH, just a lot of hidden div's.

commented: Thank you for going trough the mess of my code and helping me find the solution. +7
Member Avatar for peter_budo

I think I know what you mean, I will try to implement it...
I hope it will get alright. Thank you for your help and time

Member Avatar for peter_budo

OK, job done. From multiple option I'm able to select one and display full details for it, then return back.
Thank you for your help ~s.o.s~

Member Avatar for ~s.o.s~

> OK, job done.
Good to hear that. :-)

> From multiple option I'm able to select one and display full details for it, then return back.
Maybe you should consider posting the code in case if you have made any significant changes so that everyone can benefit from it.

> Thank you for your help ~s.o.s~
You are welcome.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.