Le 16 mai 2014 08:31, Laurent JULLIEN <ljullien74@hotmail.fr> a écrit :
Salut
Voici ma <BOUCLE_articles> complexe et complète... qui fonctionne en
l'état...
Je souhaite en fait alterner la <div class="row">... qui affiche
alternativement:
|image|texte|
|texte|image|
=================================================================
<BOUCLE_articles(ARTICLES) {id_rubrique=2}{!titre_mot=invisible}{par num
titre} >
[(#COMPTEUR_BOUCLE|modulo{2}|!={0}|?{
<div class="row">
<div class="col-md-8 section nopadding" id="#ID_ARTICLE"
style="background-image: url([IMG/(#LOGO_ARTICLE_SURVOL|fichier)]);">
<div class="logo wp1" style="background-image: url([IMG/(#LOGO_ARTICLE_
NORMAL|fichier)]);"></div>
</div>
<div class="col-md-4 section-text nopadding">
<div class="wp4">
<div class="icone"><i class="[(#ICONE)]"></i></div>
<h2>#TITRE</h2>
<p>[(#TEXTE|supprimer_tags)]</p>
<div class="thin-sep"></div>
</div>
<div class="small-featured-img" style="background-image:
url(./[(#TEXTE|extraire_balise{img}|extraire_attribut{src})]);">
<div class="arrow"></div>
</div>
</div>
</div>
,
<div class="row">
<div class="col-md-4 section-text nopadding">
<div class="wp5">
<div class="icone"><i class="[(#ICONE)]"></i></div>
<h2>#TITRE</h2>
<p>[(#TEXTE|supprimer_tags)]</p>
<div class="thin-sep"></div>
</div>
<div class="small-featured-img" style="background-image:
url(./[(#TEXTE|extraire_balise{img}|extraire_attribut{src})]);">
<div class="arrow"></div>
</div>
</div>
<div class="col-md-8 section nopadding" id="#ID_ARTICLE"
style="background-image: url([IMG/(#LOGO_ARTICLE_SURVOL|fichier)]);">
<div class="logo wp2" style="background-image: url([IMG/(#LOGO_ARTICLE_
NORMAL|fichier)]);"></div>
</div>
</div>
})]
</BOUCLE_articles>
U want 2 #SET it? U #GET it! 
Si vous avez mieux à me proposer..
Cdlmt, Laurent
Pardon, mais je vais dire le premier truc qui soit passé par la tête en
lisant ton code : "C'est un gros malade!!!"
A le prendre sur le ton de l'humour et la tendresse liée à SPIP. :-*
Je comprends mieux pourquoi la boucle DOCUMENTS ne fonctionnerait pas
aisément ici. De plus, petit cachotier, tu utilises aussi des logos (avec
leur état).
Tu cherches à alterner ton affichage selon le modèle :
|image|texte|
|texte|image|
Ok.
Tu utilises Bootstrap3. Celui-ci offre des classes d'ordonnancement des
blocs. cf. Redirecting…
Avec ces infos, voici ce que je te propose comme code :
================================================================
<BOUCLE_articles (ARTICLES) {id_rubrique=2}{!titre_mot=invisible}{par num
titre} >
<div class="row">
<div class="col-md-8 [(#COMPTEUR_BOUCLE|alterner{'','col-md-push-4'})]
section nopadding" id="art_#ID_ARTICLE" style="background-image:
url([IMG/(#LOGO_ARTICLE_SURVOL|fichier)]);">
<div class="logo [(#COMPTEUR_BOUCLE|alterner{'wp1','wp2'})]"
style="background-image: url([IMG/(#LOGO_ARTICLE_NORMAL|fichier)]);"></div>
</div>
<div class="col-md-4 [(#COMPTEUR_BOUCLE|alterner{'','col-md-pull-8'})]
section-text nopadding">
<div class="[(#COMPTEUR_BOUCLE|alterner{'wp4','wp5'})]">
<div class="icone"><i class="[(#ICONE)]"></i></div>
<h2>#TITRE</h2>
<p>[(#TEXTE|supprimer_tags)]</p>
<div class="thin-sep"></div>
</div>
<div class="small-featured-img" style="background-image:
url(./[(#TEXTE|extraire_balise{img}|extraire_attribut{src})]);">
<div class="arrow"></div>
</div>
</div>
</div>
</BOUCLE_articles>
2 fois moins de lignes et doublement plus simple à maintenir je pense. Mais
c'est à tester pour voir si cela convient à ta problématique et/ou ton
cahier des charges.
Maintenant, le même code avec la boucle DOCUMENTS :
<BOUCLE_articles (ARTICLES) {id_rubrique=2}{!titre_mot=invisible}{par num
titre} >
<div class="row">
<div class="col-md-8 [(#COMPTEUR_BOUCLE|alterner{'','col-md-push-4'})]
section nopadding" id="art_#ID_ARTICLE" style="background-image:
url([IMG/(#LOGO_ARTICLE_SURVOL|fichier)]);">
<div class="logo [(#COMPTEUR_BOUCLE|alterner{'wp1','wp2'})]"
style="background-image: url([IMG/(#LOGO_ARTICLE_NORMAL|fichier)]);"></div>
</div>
<div class="col-md-4 [(#COMPTEUR_BOUCLE|alterner{'','col-md-pull-8'})]
section-text nopadding">
<div class="[(#COMPTEUR_BOUCLE|alterner{'wp4','wp5'})]">
<div class="icone"><i class="[(#ICONE)]"></i></div>
<h2>#TITRE</h2>
<p>[(#TEXTE|supprimer_tags)]</p>
<div class="thin-sep"></div>
</div>
<div class="small-featured-img" style="background-image:
url(<BOUCLE_featured_img (DOCUMENTS) {id_article}{extension IN
jpg,gif,png}{0,1}>#URL_DOCUMENT</BOUCLE_featured_img></B_featured_img>[(#CHEMIN{'images/image_par_defaut.ext'})]<//B_featured_img>);">
<div class="arrow"></div>
</div>
</div>
</div>
</BOUCLE_articles>
Voilà. Je te laisse tester et nous faire un retour.
Ybbet.
Le 15/05/2014 21:08, Ybbet Spip a écrit :
Le modulo est sur la boucle ARTICLES ?
Si oui, faire un
#SET{class,[(#COMPTEUR_BOUCLE|alterner{droite,gauche})]} dans la boucle
ARTICLES
Et appeler par un #GET{class} dans la boucle DOCUMENTS…
Je ne vois pas particulièrement le problème à ça…
Peut-on voir le code complet avec le modulo pour mieux comprendre stp ?
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net
Documentation de SPIP : http://www.spip.net/
Irc : de l'aide à toute heure : http://spip.net/irc
