Saut à la ligne dans les sous-forums

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Saut à la ligne dans les sous-forums

Message par AenigmA Mar 12 Aoû 2014 - 18:32

Bonsoir,

J'utilise ce script dans le template pour ôter la virgule des sous-forums, avec saut à la ligne.

Code:
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script>

Serait-il possible de faire un saut à la ligne tous les deux sous-forums, au lieu de le faire à chaque sous-forum ? ou de faire un script pour deux colonnes.

Merci d'avance
Laurent


Dernière édition par AenigmA le Jeu 4 Sep 2014 - 20:49, édité 2 fois
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Saut à la ligne dans les sous-forums

Message par Self Mar 12 Aoû 2014 - 19:20

Bonjour AenigmA Smile .

Peut-être comme ceci Wink :
Code:
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g,"> "));$(this).find('a.gensmall:nth-child(even)').after('<br />');});</script>
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Mar 12 Aoû 2014 - 20:13

Bonsoir Self

Le saut se fait mais pas au deuxième et aléatoirement, c'est invision et c'est celui de mon profil si tu veux voir
J'ai un autre script à cet endroit mais si je le coupe c'est identique (visuellement)
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par Invité Mer 13 Aoû 2014 - 8:35

Salut Laurent et SeLf  Wink  ,

un petit wrap devrait arranger les choses :

Code:
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g,"> "));
  $(this).find('a.gensmall:nth-child(even)').wrap('<span> </span>').after('<br />');});
</script>

Comme tu as modifié quelque peu le code ne doit pas fonctionner ,
essayes ceci:
Code:
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g,"> "));
  $(this).find('a:nth-child(even)').wrap('<span> </span>').after('<br />');});
</script>



a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Mer 13 Aoû 2014 - 9:02

Bonjour Philippe
Merci de t'y pencher
Non ça fait un saut comme avec le script d'origine

Les sous forums sont sous cette forme avec ton code si ça peut t'aider
span a.gensmall.ret_1 - span a.gensmall.ret_2 etc.

Avec le 2ème
a.gensmall.ret_1 - a.gensmall.ret_2 etc.

J'emploie ce code pour incrémenter
Code:
$(function(){$("div.retvirg a.gensmall").addClass(function(i){return"ret_"+(i+1)})});
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par Invité Mer 13 Aoû 2014 - 9:11

Re,
Le soucis sont les images qui précédent les sous forums,
je regarde tout çà ce week end car je dois me sauver  Wink  .

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Mer 13 Aoû 2014 - 9:17

Ok pas de problème
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Saut à la ligne dans les sous-forums

Message par Self Mer 13 Aoû 2014 - 18:03

Bonjour Milouze et AenigmA Smile .

Tu peux essayez avec ceci (il fonctionne sur mon forum test Very Happy ) :
Code:
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">
    jQuery(function($){
        var l = new Object();
        $('.retvirg').each(function(index){
            $(this).html($(this).html().replace(/>, /g,"> "));
            l[index] = $(this).children('a.gensmall').length;
        });
        for(n in l){
            for(var i = 1; i < l[n]; i+= 2){
                $('.retvirg').eq(n).children('a.gensmall').eq(i).after('<br />');
            };
        };
    });
</script>
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Jeu 14 Aoû 2014 - 9:36

Bonjour Self et merci car beaucoup ont cherché à faire cela depuis des lustres Smile

Il fait un br au deuxième, mais il en rajoute une douzaine à la suite Smile
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Saut à la ligne dans les sous-forums

Message par Self Jeu 14 Aoû 2014 - 13:40

Comme ceci ce problème devrait être réglé Wink :
Code:
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">
    jQuery(function($){
        var l = new Object();
        $('.retvirg').each(function(index){
            $(this).html($(this).html().replace(/>, /g,"> "));
            l[index] = $(this).children('a.gensmall').length;
        });
        for(n in l){
            for(var i = 1; i < l[n]; i+= 2){
                var even = $('.retvirg').eq(n).children('a.gensmall').eq(i);
                if(even.next('.br').html() == null){
                    even.after('<span class="br"><br /></span>');
                };
            };
        };
    });
</script>
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Jeu 14 Aoû 2014 - 13:56

Merci Self, ça fonctionne yeeeee Smile

Aurais tu une idée pour finaliser l'emplacement du 2ème lien à 50% de la largeur de retvirg qui est fixe

Sinon je ferai en css un par un, j'ai mis des class aux images.

AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Saut à la ligne dans les sous-forums

Message par Self Jeu 14 Aoû 2014 - 14:11

Bien, on pourrait donner une largeur assez grande aux liens sans pour autant leur donner 50% parce qu'il y a l'image mais ce ne sera pas tout juste à 50% de la largeur :
Code:
.retvirg a.gensmall{
    width:45%;
    display:inline-block;
}
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Jeu 14 Aoû 2014 - 17:16

C'est impeccable Self, ça marche sur les trois navigateurs principaux.
J'ai rajouté en css un petit margin après l'image
a img {
border: medium none;
margin-right: 10px;
}

Tip Top pour tous ceux qui vont profiter de cette possibilité, tu devrais proposer le tuto à Vivi car ça doit fonctionner avec toutes les versions.
Invision et Phpbb2 sont ok

Grand merci à toi
Laurent
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par Self Jeu 14 Aoû 2014 - 17:34

AenigmA a écrit:Tip Top pour tous ceux qui vont profiter de cette possibilité, tu devrais proposer le tuto à Vivi car ça doit fonctionner avec toutes les versions.

Grand merci à toi
Laurent

Je le ferais peut-être.. Avec quelque chose de plus facile à modifier pour l'utilisateur Wink .
De rien et bonne soirée à toi Very Happy !
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Saut à la ligne dans les sous-forums

Message par Chacha Jeu 4 Sep 2014 - 13:38

.Saut à la ligne dans les sous-forums UUqryIu.Bonjour,

Le topic est replacé à la demande de l'auteur du sujet.

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Jeu 4 Sep 2014 - 13:45

Bonjour* et merci Chacha pour la réouverture du post

Bonjour Self

J'ai un petit soucis avec ton code donné ici
https://forum.forumactif.com/t370791-saut-a-la-ligne-dans-les-sous-forums#3135226

Sur l'index http://aenigma.forumactif.fr/ c'est nickel

Mais j'ai fait une modif pour avoir les liens par catégorie pour le côté pratique car je suis en "Séparer les catégories sur l'index : moyen" ce qui n'est pas le cas d'origine.
Exemple : http://aenigma.forumactif.fr/c4-histoire-ou-legendes et là la virgule réapparait ...

Si tu as une idée, je suis preneur. Si tu n'en a pas ce n'est pas grave bien entendu.
Si tu veux je peux demander la réouverture du post pour poser la question, ou tu l'ouvres et me le dit, merci.

Laurent

ps : pas urgentissime, je suis obligé de faire la sieste tous les jours... malheureusement.

* j'avais oublié je crois. J'enlèverai les liens après
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Saut à la ligne dans les sous-forums

Message par Self Jeu 4 Sep 2014 - 14:31

Bonjour,

Sur la page de la catégorie contrairement à l'index nous n'avons pas les statistiques du QEEL.
Ce qui créer une erreur avec le JavaScript : http://aenigma.forumactif.fr/44023.js (présent sur toutes les pages).
Je ne suis pas sur que ce soit cela le problème, mais c'est la seule différence que je vois entre l'index et cette page.
Mais ce qu'on peut faire c'est simplement remplacer notre JavaScript du template par :
Code:
<script type="text/javascript">
   jQuery(function($){
      $('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g, '>'));});
   });
</script>

Étant donné qu'en fin de ce sujet tu avais demandé que les sous-forums fasse la moitié de la largeur le CSS se chargera de passer une ligne après le deuxième sous-forum Wink .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Jeu 4 Sep 2014 - 18:46

Bonsoir Self,
Pour le script dont tu me parles, il était que sur l'accueil, ça m'a permis de corriger le visuel. Pas de rapport donc car même en le désactivant ça ne fonctionnait pas.

Pour ce qui est du script il ne marche pas dans la catégorie non plus, comme le premier il ne met pas la suppression de virgule à cet endroit. Mais ce qui se voit peu vu le css, ils ne mettent pas le BR non plus à cet endroit ... Grand mystère

Après remise du template original + le script et sans mes modifs et le JS cité, c'est pareil. Alors que tout fonctionne en phpbb2, même dans sous sous sous forums. Si tu peux en parler à Vivi, comme je suis malchanceux, c'est peut être une erreur dans le template d'origine Invision, comme pour le bas de page il y a quelques semaines.
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Saut à la ligne dans les sous-forums

Message par Self Jeu 4 Sep 2014 - 20:16

J'ai reproduit le problème sur mon forum avec une erreur Javascript encore présente et qui concerne également le QEEL, elle provient de ce Javascript : http://aenigma.forumactif.fr/36910.js
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Saut à la ligne dans les sous-forums

Message par AenigmA Jeu 4 Sep 2014 - 20:47

Alors là c'est étonnant, en enlevant les deux c'est correct. Pourtant ils ne sont que sur l'accueil ? c'est étonnant pour un néophyte ce genre de chose mamamia. Ca m'ennuie pour le 44023 mais ce n'est pas grave, je privilégie le fonctionnel et l'utile. Merci pour ta patience et ta ténacité, je clos.
Si tu trouves un truc du genre (je laisse la page) un jour fais moi signe.
Encore merci
Laurent

ps Merci Chacha
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum