*CORBEILLE*[AwesomeBB] Histoire de widgets sur AwesomeBB

**papa pig** · **papa pig** le Ven 17 Mai 2019 - 11:53

Version du forum :
AwesomeBB
Templates modifiés :
oui
Navigateur :
Firefox

Bonjour les amis,
beaucoup de taf en ce moment, et je n'avais pas eu le temps d'avancer sur le forum,

Voici que j'expose un problème d'incompatibilité entre 2 astuces/codes :
Chaque astuce fonctionne indépendamment, mais si on les combine, ça ne fonctionne pas.
A savoir :
- Créer un widget publications sur AwesomeBB : https://www.milouze14.com/t32160-awesomebbcreer-un-widget-dernieres-publications
- Afficher les widgets à droite sur AwesomeBB : https://www.milouze14.com/t32156-awesomebbafficher-les-widgets-a-droite

A noter, le widget Prochains événements sur AwesomeBB subit le même sort.
Quelqu'un a-t-il réussi à résoudre le problème si tant est qu'il veuille comme moi combiner les astuces sur un forum AwesomeBB ?

Merci impeccable

**Milouze14** · **Milouze14** le Ven 17 Mai 2019 - 16:08

Hello Fred,

tout fonctionne de mon côté, il faut voir avec un conflit de script.
Désactives les un à un pour voir le fautif.

**papa pig** · **papa pig** le Sam 18 Mai 2019 - 19:38

Salut Phil, c'est fait, c'est justement pour ça que j'ai posté. J'ai tout désactivé et ça ne donne rien... marreordi

@Milouze14 a écrit:Hello Fred,

tout fonctionne de mon côté, il faut voir avec un conflit de script.
Désactives les un à un pour voir le fautif.

**Milouze14** · **Milouze14** le Sam 18 Mai 2019 - 21:14

Hello Fred,
il faut les désactiver un par un et non ensemble car tu ne pourras jamais trouver la cause.

Pour les événements:
il faut créer un widget et déposer ce contenu:

Code:: <div class="M14_events"></div>

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur l'index.

Déposes ceci:

Code:: $(function(){ var a="events"; $.get(a, function(data){ $(data).find('div.EV_ItemTitle').each(function(){ var link=$(this).find('a[href*="e"]').attr('href'); var titre=$(this).find('a[href*="e"]').text(); var date=$(this).find('.EV_ItemTitleDate').html(); $('.M14_events').append(''+date+'<br /><a class="M14_even"href="'+link+'">'+titre+'</a><br />'); });});});

Penses a cliquer sur le bouton VALIDER

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:

Code:: /*LES EVENEMNTS*/ /*Le lien de l evenement*/ .M14_events .M14_even { color:#9F063F; } /*l icone*/ .M14_events .material-icons { font-size:14px!important; }

Penses a cliquer sur le bouton

**papa pig** · **papa pig** le Lun 20 Mai 2019 - 23:34

@Milouze14 a écrit:Hello Fred,
il faut les désactiver un par un et non ensemble car tu ne pourras jamais trouver la cause.

Salut Phil, oui oui j'avais bien essayé un par un, et rien.
Par contre le code que tu m'as donné juste au-dessus fonctionne !!! (pour les événements)
Celui pour les publications ne donne toujours rien. ( https://www.milouze14.com/t32160-awesomebbcreer-un-widget-dernieres-publications )
hinhin

Merci Phil

**Milouze14** · **Milouze14** le Mar 21 Mai 2019 - 4:23

Hello Fred,
étonnant tout de même,bref:
Remplaces juste le script de l'astuce:
https://www.milouze14.com/t32160-awesomebbcreer-un-widget-dernieres-publications#611108

Par celui-ci:

Code:: $(function(){ $.get('/publi', function(data){ $(data).find('article[class^="article"]').each(function(){ var link=$(this).find('a[href^="/p"]:first').attr('href'); var titre=$(this).find('.title').text(); var date=$(this).find('ul.inline').html(); $('.M14_Publi').append('<a class="M14_publi"href="'+link+'">'+titre+'</a><br />'+date+'<br />'); });});});

**papa pig** · **papa pig** le Mar 21 Mai 2019 - 22:34

Merci Phil, super ça match !
Peut-on rajouter une variable aux codes pour limiter le nombre d'évènements et de publications affichés ? schut

Grand merci

**Milouze14** · **Milouze14** le Mer 22 Mai 2019 - 3:51

HelloFred,

pour les publications:

Code:: $(function(){ $.get('/publi', function(data){ $(data).find('article[class^="article"]:lt(3)').each(function(){ var link=$(this).find('a[href^="/p"]:first').attr('href'); var titre=$(this).find('.title').text(); var date=$(this).find('ul.inline').html(); $('.M14_Publi').append('<a class="M14_publi"href="'+link+'">'+titre+'</a><br />'+date+'<br />'); });});});

Changes le chiffre 3 par le nombre désiré ici:

Code:: $(data).find('article[class^="article"]:lt(3)')

Pour les évènements:

Code:: $(function(){ var a="events"; $.get(a, function(data){ $(data).find('div.EV_ItemTitle:lt(3)').each(function(){ var link=$(this).find('a[href*="e"]').attr('href'); var titre=$(this).find('a[href*="e"]').text(); var date=$(this).find('.EV_ItemTitleDate').html(); $('.M14_events').append(''+date+'<br /><a class="M14_even"href="'+link+'">'+titre+'</a><br />'); });});});

Changes le chiffre 3 par le nombre désiré ici:

Code:: $(data).find('div.EV_ItemTitle:lt(3)')

Et voilou

**Milouze14** · **Milouze14** le Ven 30 Aoû 2019 - 5:31

Hello

Entraide corbeillée

5 jours sans réponse de ta part

Merci de lire à nouveau le règlement .

CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Re: CORBEILLE[AwesomeBB] Histoire de widgets sur AwesomeBB

Créer un compte ou se connecter pour répondre

S'enregistrer

Connexion