[Gelöst] Poner una clase en el enlace que que esta activo

[Author]

Artikel

[Rafael Corts]

Hola Nigel, tengo una una pagina, con un listado y la entrada seleccionada, este listado esta creado un una vista. lo que necesito es que en el listado se resalte el titulo de la entrada que se está mostrando, no se como hacerlo, habia pensado crear una classe pero no se como implementarlo.
Ahora cuando el usuario selecciona una de las entradas aparece la entrada pero el listado no se resalta el titulo que esta selecionado y esto crea confusión. como podriamos hecerlo?
el codigo es el siguiente del template:

<div class="rc_h1_centrat"><h1>Materials primer d'ESO</h1></div>
<div class="rc_contenidor_pantalla">
<div class="rc_contenidor_pantalla_escritori">
<div class="rc_contenidor_pantalla_menu_titol rc_esquerra"><h2>[wpv-post-title]</h2></div>
<div class="rc_autor_continguts"><div>Professor/a: [wpv-post-author format="meta" meta="first_name"] [wpv-post-author format="meta" meta="last_name"]</div></div>

  [toolset_access role="Administrator,Primer ESO,15 dies gratuïts primer ESO,Instructor-Docent" operator="deny"]
<div class="rc_prarrafo"><h3>Per poder accedir als continguts has d'iniciar sessió o registrar-te:</h3></div>
<div>[wpv-login-form redirect_url="/primer-eso/" allow_remember="true" remember_default="true"]</div>
<div class="rc_h1_centrat"><a class="rc_buto rc_normal" href="/registre-portal/">Registrar</a></div>
[/toolset_access]
  
[toolset_access role="Administrator,Primer ESO,1 mes gratuït primer ESO,Instructor-Docent" operator="allow"]
  <div class="rc_video_unitat">
    [wpv-conditional if="( $(wpcf-nom-de-l-arxiu-de-video) eq '' )" evaluate="false"]
    
  <iframe src="<em><u>versteckter Link</u></em> field='nom-de-l-arxiu-de-video'][/types]" width="640" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    [/wpv-conditional]
   </div>
  
  <div class="rc_unitat_descripcio">
    <h3>Descripció:</h3>
    [wpv-post-body view_template="None"]</div>
  
 <div class="rc_seccio_ques">
    <h3>Qüestionari</h3>
[wpv-for-each field="wpcf-shortcode-questionari"]
<div>[qsm quiz='[types field="shortcode-questionari"][/types]']</div>
[/wpv-for-each]
  </div>
   
  [/toolset_access]   
  
  
   <div class="rc_navegar">
    <div class="rc_navegar_esquerra">
      [wpv-post-previous-link format="%%LINK%%"]
    </div>
     <div class="rc_navegar_dreta">
       [wpv-post-next-link format="%%LINK%%"]
    </div>
    
  </div>

</div> 
<div class="rc_contenidor_pantalla_menu">
     <div class="rc_contenidor_pantalla_menu_titol"><h2>Menú</h2></div>
      <div class="rc_contenidor_pantalla_menu_continguts">
        <div class="rc_menu_titol"><h2>[wpv-post-taxonomy-iterator taxonomy="assignatura-primer" field="views|shortcode|single|wpv-taxonomy-title"][wpv-taxonomy-title][/wpv-post-taxonomy-iterator]</h2></div>
       
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'biologia-i-geologia') )"]
        <div class="rc_unitats_menu">
        [wpv-view name="llistat-assignatura-biologia-primer"]</div>
        [/wpv-conditional]
         [wpv-conditional if="( CONTAINS(#(assignatura-primer),'llengua-castellana-i-literatura') )"]
       <div class="rc_unitats_menu">
           [wpv-view name="llistat-assignatura-castella-primer"]</div>
        [/wpv-conditional]
       [wpv-conditional if="( CONTAINS(#(assignatura-primer),'llengua-catalana-i-literatura') )"]
        <div class="rc_unitats_menu">
        [wpv-view name="llistat-assignatura-catala-primer"]</div>
        [/wpv-conditional]
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'ciencies-socials-geografia-i-historia') )"]
         <div class="rc_unitats_menu">
          [wpv-view name="llistat-assignatura-geografia-i-historia-primer"]</div>
        [/wpv-conditional]
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'fisica-i-quimica') )"]
        <div class="rc_unitats_menu">
           [wpv-view name="fisica-i-quimica"]</div>
        [/wpv-conditional] 
         [wpv-conditional if="( CONTAINS(#(assignatura-primer),'llengues-estrangeres') )"]
        <div class="rc_unitats_menu">
          [wpv-view name="llistat-assignatura-angles-primer"]</div>
        [/wpv-conditional]
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'matematiques') )"]
        <div class="rc_unitats_menu">
          [wpv-view name="llistat-assignatura-matematiques-primer"]</div>
        [/wpv-conditional]
  </div>
  	[wpv-conditional if="( '[wpv-current-user info="logged_in" ]' eq 'false' )"]
         <a href="<em><u>versteckter Link</u></em>" class="rc_buto">Tornar</a>
       [/wpv-conditional]
        
        	[wpv-conditional if="( '[wpv-current-user info="logged_in" ]' eq 'true' )"]
         <a href="<em><u>versteckter Link</u></em>" class="rc_buto">Tornar</a>
       [/wpv-conditional]
  
  <div>[cred_form form="unitat-vista"]</div>
    <h2>Valoracions</h2>
   <table class="rc_tb_valor">
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-molt-be"])</td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-be"])</td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-normal"])</td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-regular"])</td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-malament"])</td>
    <td><img class="rc_estrella_v" src="<em><u>versteckter Link</u></em>" width="20" class="" /></td>
  </tr>
  </table>
  [valoracion_primer]
 [wpv-view name="valoracions-formulari-primer"]
  
    </div>
</div>

Como puedes observar hay muchas vistas pero con las condicionales solo muestra una de ellas.
el codigo de la cista es:
El loop

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<ol class="wpv-loop js-wpv-loop">
		<wpv-loop>
			<li>[wpv-post-body view_template="loop-item-in-llistat-assignatura-geografia-i-historia-primer"]</li>
		</wpv-loop>
	</ol>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No hi han resultats[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

[wpv-post-link]
[wpv-view name="pagines-fill-primer-eso" wpvchildof="[wpv-post-id]" ]

¿Que solución podria hacer?
Saludos.
Rafa Corts

[Nigel]

Hola Rafa

No se si entiendo el problema.

El código arriba, ¿es de una plantilla para algún tipo de entrada?

Al fondo muestra un View. ¿Un View de qué?

¿Y qué significa "la entrada seleccionada"?

[Rafael Corts]

Hola Nigel, tengo una una entrada que son unidades formativa, cuando esta en una unidad formativa puedes ver el contenido y un listado de las siguientes unidades, adjunto imagen. Entonces el usuario puede ir cambiando de unidad por el listado. Lo que necesito es que el titulo del listado que este en activo pueda placarse unos estilos para que el usuario sepa en que unidad se encuentra.
Saludos.
En el ejemplo de la imagen se encuentra en la unidad "Mètode científic i Treball al laboratori" y si observas el listado se pueden ver 6 unidades pero la que esta activa (en pantalla) es la primera, como podría hacer para que se pudiera diferenciar de las otras?
Saludos.
Rafa Corts

[Nigel]

Bien, entiendo.

Dentro de la salida de una vista puedes acceder a la página/entrada que muestra la vista en un shortcode utilisando el atributo item='$current_page'.

Entonces puedes usar una condición que prueba si el id de la entrada corriente (del loop) es igual al id de la entrada mostrada para añadir un clase, p.j.

<li [wpv-conditional if=" ( ( '[wpv-post-id item='$current_page']' eq '[wpv-post-id ]' ) ) " ]class="corriente"[/wpv-conditional]>...

[Rafael Corts]

My issue is resolved now. Thank you!