Versions Compared

Old Version 15

changes.mady.by.user Clement Escoffier

Saved on

compared with

New Version 16

changes.mady.by.user Clement Escoffier

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
{style:import=http://userspeople.tpgapache.com.au/j_birch/plugins/superfish/cssorg/~clement/ipojo/site/superfish.css}
{style:import=http://people.apache.org/~clement/ipojo/ipojosite/style.css}
{html}
<script type="text/javascript" src="http://jqueryjspeople.googlecode.com/filesapache.org/~clement/ipojo/site/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://userspeople.tpgapache.com.au/j_birch/plugins/assets/js/org/~clement/ipojo/site/hoverIntent.js"></script> 
<script type="text/javascript" src="http://userspeople.tpgapache.com.au/j_birch/plugins/superfish/js/org/~clement/ipojo/site/superfish.js"></script> 
<script type="text/javascript" src="http://userspeople.tpgapache.com.au/j_birch/plugins/supersubs/js/org/~clement/ipojo/site/supersubs.js"></script> 

<script type="text/javascript"> 
 
    $(document).ready(function(){ 
        $("ul.sf-menu").supersubs({ 
            minWidth:    12,   // minimum width of sub-menus in em units 
            maxWidth:    27,   // maximum width of sub-menus in em units 
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        }).superfish();  // call supersubs first, then superfish, so that subs are 
                         // not display:none when measuring. Call before initialising 
                         // containing tabs for same reason. 
    }); 
 
</script>
<div class="main">
<img src="http://people.apache.org/~clement/ipojo/site/header.png" class="header">

<ul class="sf-menu sf-js-enabled sf-shadow" id="sampleipojo-menu-5">
					<li class<!-- Menu 1 -->
					<li class="current">
						<a href="#a#" class="sf-with-ul">menu item<span>Overview<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
						<ul style="float: none; width: 16.8462em; display: none; visibility: hidden;"><ul>
							<li style="white-space: normal; float: left; width: 100%;" class="">
<li>
									<a<A href="#aaapache-felix-ipojo.html" styletitle="float:Apache none; width: auto;">menu item that is quite long</a>
Felix iPOJO">Home</A>							</li>
							<li class="current" style="white-space: normal; float: left; width: 100%;"></li>
							
							<li>
								<a<A href="#abapache-felix-ipojo-why-choose-ipojo.html" classtitle="sfapache-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>felix-ipojo-why-choose-ipojo">Why choose iPOJO?</A>
							</li>
							
							<li class="">
								<ul<A stylehref="left: 16.8462em; float: none; width: 20em; display: none; visibility: hidden;">apache-felix-ipojo-successstories.html" title="apache-felix-ipojo-successstories">Success Stories</A>
							</li>
							
							<li class="current" style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item that is even longer still!</a></li>
">
								<A href="apache-felix-ipojo-feature-overview.html" title="Apache Felix iPOJO Feature Overview">Feature Overview</A>
							</li>
							
							
<!-- Sub Menu example 
							<li class="current" style="white-space: normal; float: left; width: 100%;"><a>
								<a href="#ab" class="#abasf-with-ul" style="float: none; width: auto;">menu item</a></li>item<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
									<li<ul style="white-spaceleft: normal12em; float: leftnone; width: 100%12em;"><a href="#abb" style="float display: none; widthvisibility: autohidden;">menu item</a></li>>
									<li class="current" style="white-space: normal; float: left; width: 100%;"><a href="#abc" style="float: none; width: auto;">menu item<item that is even longer still!</a></li>
									<li style="white-space: normal; float: left; width: 100%;"><a href="#abd#aba" style="float: none; width: auto;">menu item</a></li>
								</ul>
							</li>
							<li style="white-space: normal; float: left; width: 100%;" class="">
								<a><a href="#" class="sf-with-ul"#abb" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>item</a></li>
								<ul style="left: 16.8462em; float: none; width: 12em; display: none; visibility: hidden;">
									<li style="white-space: normal; float: left; width: 100%;"><a href="##abc" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;"><a href="##abd" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
</ul>
							</li>
-->						</ul>
				<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></	</li>
					
				<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>	<!-- Menu 2 -->
					<li class="">
									<LI><A href="download.html" title="Download">Download &amp; Install </A></LI>
								</ul>li>
							</li>
							<li style="white-space: normal; float: left; width: 100%;" <!-- Menu 3 : Documentation -->
					<li class="">
								<a href="#" class="sf-with-ul">Documentation<span style="float: none; width: auto;">menu item<spanclass="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
						<ul>
							<ul<li styleclass="left: 16.8462em; float: none; width: 12em; display: none; visibility: hidden;">"">
									<li<a stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>#" class="sf-with-ul">Getting Started<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
								<ul>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>ipojo-in-10-minutes.html" title="iPOJO in 10 minutes">iPOJO in 10 minutes</A></LI>
									<LI><A href="how-to-use-ipojo-annotations.html" title="How to use iPOJO Annotations">How to use iPOJO Annotations</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>ipojo-hello-word-maven-based-tutorial.html" title="iPOJO Hello Word (Maven-Based) tutorial">iPOJO Hello Word &#40;Maven&#45;Based&#41; tutorial</A></LI>

									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>http://felix.apache.org/site/ipojo-advanced-tutorial.html" title="iPOJO Advanced Tutorial">iPOJO Advanced Tutorial</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>ipojo-composition-tutorial.html" title="iPOJO Composition Tutorial">iPOJO Composition Tutorial</A></LI>

								</ul>
							</li>
						</ul>
					</li>
					<li class="">
						<a href="#">menu item</a>
					</li>
					<li<li style="white-space: normal; float: left; width: 100%;" class="">
								<a href="#" class="sf-with-ul">menu>User item<spanGuide<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
						<ul style="float: none; width: 12em; display: none; visibility: hidden;">		<ul>
									<LI>
							<li style			<a href="white-space: normal; float: left; width: 100%;describing-components.html" class="">
								<a href="#"sf-with-ul">Describing components<span class="sf-withsub-ulindicator" style="float: none; width: auto;">menu item<span> »</span><span class="sf-sub-indicator"> »</span></a>
									<ul style="left: 12em; float: none; width: 12em; display: none; visibility: hidden;">	<ul>
											<li><a href="">Requiring Services</a></li>
									<li		<li><a stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short<">Providing Services</a></li>
											<li><a href="">...</a></li>
										</ul>
							<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short</a></li>		</LI>
									<LI><A href="using-xml-schemas.html" title="Using XML Schemas">Using XML Schemas</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short</a></li>apache-felix-ipojo-api.html" title="apache-felix-ipojo-api">Describing components with the iPOJO-API</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short</a></li>apache-felix-ipojo-testing-components.html" title="apache-felix-ipojo-testing-components">Testing components</A></LI>
									<LI><A href="ipojo-advanced-topics.html" title="iPOJO Advanced Topics">Advanced Topics</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">short</a></li>apache-felix-ipojo-eclipse-integration.html" title="apache-felix-ipojo-eclipse-integration">Eclipse Integration</A></LI>
								</ul>
							</li>
							<li style="white-space: normal; float: left; width: 100%;" class="">
	<LI><A href="ipojo-faq.html" title="iPOJO FAQ">FAQ</A></LI>
									<a<LI><A href="#ipojo-reference-card.html" classtitle="sfiPOJO-withReference-ulCard">iPOJO style="float: none; width: auto;">menu item<spanReference Card</A></LI>
								</ul>
							</li>
							<li class="sf-sub-indicator"> »</span></a>
								<ul<a stylehref="#"left: 12em; float: none; width: 12em; display: none; visibility: hidden;"> class="sf-with-ul">Advanced Topics<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
								<UL>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
		http://felix.apache.org/ipojo/api/1.2.0" title="Visit page outside Confluence" rel="nofollow">Javadoc</A></LI>
			
							<li		<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>how-to-write-your-own-handler.html" title="How to write your own handler">How to write your own handler</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>how-to-use-ipojo-manipulation-metadata.html" title="How to use iPOJO Manipulation Metadata">How to use iPOJO Manipulation Metadata</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
dive-into-the-ipojo-manipulation-depths.html" title="Dive into the iPOJO Manipulation depths">Dive into the iPOJO Manipulation depths</A></LI>
										<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
	</UL>

							</li>
							</ul>
							</li>
						
					<li style="white-space: normal; float: left; width: 100%;" <!-- Menu 4 : Tools -->
					<li class="">
								<a href="#" class="sf-with-ul">Tools<span style="float: none; width: auto;">menu item<spanclass="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
						<UL>
			<ul style="left: 12em; float: none; width: 12em; display: none; visibility: hidden;">				<LI><A href="ipojo-eclipse-plug-in.html" title="iPOJO Eclipse Plug-in">iPOJO Eclipse Plug&#45;in</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>ipojo-ant-task.html" title="iPOJO Ant Task">iPOJO Ant Task</A></LI>
							<LI><A href="ipojo-maven-plug-in.html" title="iPOJO Maven Plug-in">iPOJO Maven Plug&#45;in</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>ipojo-arch-command.html" title="iPOJO-Arch-Command">iPOJO Arch Command</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a><apache-felix-ipojo-junit4osgi.html" title="apache-felix-ipojo-junit4osgi">Junit4OSGi</A></LI>
						</UL>
					</li>
					
				<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>	
					<!-- Menu 5 : Misc -->
					<li class="">
									<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li><a href="#" class="sf-with-ul">Misc<span class="sf-sub-indicator"> »</span><span class="sf-sub-indicator"> »</span></a>
								</ul><UL>
							</li>
							<li style="white-space: normal; float: left; width: 100%;" class=""><LI><A href="apache-felix-ipojo-issuestracker.html" title="apache-felix-ipojo-issuestracker">Issues Tracker</A></LI>
								<a<LI><A href="#apache-felix-ipojo-supportedvms.html" classtitle="sfapache-withfelix-ipojo-ulsupportedVMs" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>>Supported JVMs</A></LI>
							<LI><A href="apache-felix-ipojo-supportedosgi.html" title="apache-felix-ipojo-supportedOSGi">Supported OSGi Implementations</A></LI>
								<ul<LI><A stylehref="left: 12em; float: none; width: 12em; display: none; visibility: hidden;">http://ipojo-dark-side.blogspot.com/" title="Visit page outside Confluence" rel="nofollow">iPOJO's Dark Side Blog</A></LI>
									<li<LI><A stylehref="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>future-ideas.html" title="Future Ideas">Future Ideas</A></LI>
							<LI><A href="article-presentations.html" title="Article & Presentations">Article &amp; Presentations</A></LI>
						</UL>
			<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;">menu item</a></li>
								</ul>
							</li>
							<li style="white-space: normal; float: left; width: 100%;" class="">
								<a href="#" class="sf-with-ul" style="float: none; width: auto;">menu item<span class="sf-sub-indicator"> »</span></a>
								<ul style="left: 12em; float: none; width: 12em; display: none; visibility: hidden;">
									<li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li>
									<li style="white-space: normal; float: left; width: 100%;" class=""><a href="#" style="float: none; width: auto;">menu item</a></li>
								</ul>
							</li>
						</ul>
					</li>
					<li class="">
						<a href="#">menu item</a>
					</li>	
				</ul>

{html}
\\
h1. Title 1

h2. Title 2

h3. Title 3

h4. Title 4

this is a paragraph

{code:java}
/**
* A comment
*/
@AnAnnotation
public class MyJavaCode {

public LogService log;

public void doSomething() {
//...
}
}
{code}

A list :
* Item 1
* Item 2
** Item 2.1

An ordered list
# ITem 1
# Item 2
## Item 2.1

A TOC :
{toc}

[a link|http://perdu.com]


A Table:
||A||B||C
|aaa|bbb|ccc|

{info:title="An info"}
This is an info
{info}

{warning:title="A warning"}
This is a warning
{warning}

{note:title="A note"}
This is a note
{note}

{tip:title=A Tip}
This is a tip
{tip} 
		</li>
					</ul>
<!-- End of the menu -->
<div class="content">
{html}
\\
h1. Title 1

h2. Title 2

h3. Title 3

h4. Title 4

this is a paragraph

{code:java}
/**
* A comment
*/
@AnAnnotation
public class MyJavaCode {

public LogService log;

public void doSomething() {
//...
}
}
{code}

A list :
* Item 1
* Item 2
** Item 2.1

An ordered list
# ITem 1
# Item 2
## Item 2.1

A TOC :
{div:class=toc}
{toc}
{div}

[a link|http://perdu.com]


A Table:
||A||B||C
|aaa|bbb|ccc|

{html}
<div class="box">
	<div class="box-green-header">
	<div class="box-green-title">
		<img src="http://people.apache.org/~clement/ipojo/site/check.gif"> <b>My Title</b>
	</div>
	</div>
	<div class="box-green-content">
		My content<br>
		Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<div class="box-green-footer"></div>
</div>
{html}

{html}
<div class="box">
	<div class="box-blue-header">
	<div class="box-blue-title">
		<img src="http://people.apache.org/~clement/ipojo/site/information.gif"> <b>My Title</b>
	</div>
	</div>
	<div class="box-blue-content">
		My content<br>
		Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<div class="box-blue-footer"></div>
</div>
{html}

{html}
<div class="box">
	<div class="box-yellow-header">
	<div class="box-yellow-title">
		<img src="http://people.apache.org/~clement/ipojo/site/warning.gif"> <b>My Title</b>
	</div>
	</div>
	<div class="box-yellow-content">
		My content<br>
		Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<div class="box-yellow-footer"></div>
</div>
{html}

{html}
<div class="box">
	<div class="box-red-header">
	<div class="box-red-title">
		<img src="http://people.apache.org/~clement/ipojo/site/forbidden.gif"> <b>My Title</b>
	</div>
	</div>
	<div class="box-red-content">
		My content<br>
		Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<div class="box-red-footer"></div>
</div>
{html}