Destacar uma matéria numa lista

A tag #EXPOSE{arg1,arg2} permite destacar, num menu ou numa lista, o objeto principal da página em que se está.

O objeto que é «destacado» (ou exposto) é a matéria (ou a nota, a seção, a palavra-chave ou o autor) que pertence ao «contexto» corrente. No caso das seções, o percurso da hierarquia é gerido, o que permite «destacar» a árvore das seções que contêm a matéria exibida.

Por padrão, o SPIP substitui a tag #EXPOSE por «on» se o objeto corresponde ao contexto; senão, a tag é simplesmente ignorada.

No entanto, a tag #EXPOSE aceira um ou dois argumentos, o que permite especificar o que deve ser exibido para o objeto destacado e o que dever ser exibido para os outros objetos. Desse modo [(#EXPOSE{oui,non})] exibirá «oui» para o objeto destacado, e «non» para os outros.

Mostrar o objeto destacado diferentemente

Usada simplesmente, a tag #EXPOSEpermite, por exemplo num menu de navegação, alterar a aparência de um link para a matéria que se está justamente a consultar. Para alterar o estilo dos links deste menu, deve-se usar a tag #EXPOSE do seguinte modo, no template article.html:

<BOUCLE_principal(ARTICLES){id_article}>

	<B_menu>
	<ul>
		<BOUCLE_menu(ARTICLES){id_rubrique}>
		<li>
			<a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>
			#TITRE
			<a>
		</li>
		</BOUCLE_menu>
	</ul>
	</B_menu>

	#TEXTE

</BOUCLE_principal>

com os seguintes estilos:

a { color: blue; }
a.on { color: red; font-weight: bold; }

A matéria assim destacada distinguir-se-á na lista por uma exibição visualmente diferente.

Com um pouco de engenho, é possível desativar o link para a matéria exibida e, ao mesmo tempo, escolher o estilo a aplicar:

<B_menu>
<ul>
	<BOUCLE_menu(ARTICLES){id_rubrique}>
	<li>
		<#EXPOSE{span,a href="#URL_ARTICLE"}[ class="(#EXPOSE)"]>
		#TITRE
		</#EXPOSE{span,a}>
	</li>
	</BOUCLE_menu>
</ul>
</B_menu>

criará o código HTML a seguir, em que as tags <a> são substituídas por <span> :

<ul>
	<li><a href="article1.html">Sobre a minha irmã</a></li>
	<li><span class="on">Sobre mim</span></li>
	<li><a href="article3.html">Tout sur mon frère</a></li>
</ul>

que será exibido como:

Ver também

Autor Ricardo Porto Publié le :

Traductions : عربي, català, Deutsch, English, Español, français, italiano, Nederlands, òc lengadocian, Português, Türkçe