Créer un Widget derniers messages défilant à la souris

[Solid6Snake]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.entraide-youtubers.com/

Description du problème

Bonjour,

J'ai un autre problème à régler sur mon index, je souhaite créer un widget "Derniers messages" (j'ai déjà celui de base de forumactif) mais il ne me convient pas.

Je n'aime pas le vide qu'il laisse au début de chaque chargement.. c'est un détail je sais pas bon ^^

Alors est-il possible de créer un widget "Dernier messages" mais avec une balise iframe de façon à faire descendre soit même les messages à la molette de la souris.

Evidemment je souhaite aussi pouvoir régler la taille de ce widget

Merci d'avance pour votre réponse en espérant que ça aidera aussi les autres parce que c'est quand même pratique.

Bonne journée.

[Solid6Snake]

Up, je commence à avoir beaucoup de derniers messages et à ma tchat box en dessous bloque un peu mon widget "Derniers messages" j'ai besoin de savoir comme faire mon widget derniers messages non pas en défilant mais avec un code iframe.

Merci d'avance

[FANCH 56]

Bonjour

Tu dois créer un widget "Derniers sujets" avec ce code à l'intérieur

Code:

<br /><span id="js_sujets_recents"></span><script type="text/javascript">document.getElementById('js_sujets_recents').parentNode.parentNode.previousSibling.previousSibling.firstChild.nextSibling.style.height='600px';document.getElementById('js_sujets_recents').parentNode.parentNode.previousSibling.previousSibling.firstChild.nextSibling.style.overflow='auto';document.getElementById('js_sujets_recents').parentNode.parentNode.style.display='none';</script>

Ensuite tu dois placer d'abord le widget "Sujets récents" et ENSUITE (important) ton widget "Derniers sujets".




Tu peux voir le résultat dans le forum de mon profil.

Ensuite tu peux définir dans ton PA le maximum de messages (50)

[Solid6Snake]

D'accord mais elle est ou la balise iframe dans l'histoire?

[FANCH 56]

Il n'y a rien à faire, dès que tu dépasses la hauteur définie par toi de ton widget, l'iframe apparaît.

[Solid6Snake]

J'ai fais ça et cela ne fonctionne pas, j'ai mon widget "Sujets récents" et en dessous le widget "derniers sujets" (comme sur votre photo) et ça ne fonctionne pas.

Même en mettant 50 messages..

Dans le widget "Derniers sujets" avec le code il ne faut rien toucher? Juste mettre le code?

[FANCH 56]

Il faut activer le scrolling

[Solid6Snake]

Je viens de tester ça ne fonctionne pas non plus.

Je ne veux pas du défilement moi, je souhaite juste faire défiler à la roulette de la souris en faite.

Le widget de base "Sujets récents" de forumactif est bien mais non modifiable et donc à part le défilement impossible de mettre plus de messages à faire défiler à la molette de souris..

[FANCH 56]

Voilà cela fonctionne sur mes deux forums.

[Solid6Snake]

Ok je vais faire des test!

[Solid6Snake]

Je viens de suivre le tuto à la lettre, étape par étape et rien ne marche comme vous.

Soit c'est impossible dans ma version soit je ne comprend rien mdr.

[Solid6Snake]

Up je n'ai toujours pas l'astuce dont j'ai besoin

[Solid6Snake]

Up!

[Solid6Snake]

Up!

[Solid6Snake]

Up

[Solid6Snake]

Up

[Solid6Snake]

UP

[MasDan]

Bonjour,

Ajouter ceci à votre CSS

Code:

.DrnSuj {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}


et créer un javascipt (sur toutes les pages)

Code:

$(function(){
  $('div.inner div.h3').each(function() {
    if ( $(this).text() == 'Derniers sujets') {
      var texte = $(this).parent(':nth-child(1)').html();
      var ind = texte.indexOf("Derniers sujets</div>") + 21;
      $(this).parent(':nth-child(1)').html(texte.substring(0, ind) + '<div class=\'DrnSuj\'>' + texte.substring(ind) + '</div>');
    }
  });
});


[Solid6Snake]

Ok, je test ce soir en rentrant et je viens donner des nouvelles

[Solid6Snake]

Bonsoir, je viens de mettre en place le CSS et le code java et ça ne fonctionne toujours pas.

Mes derniers sujets sont toujours fixes!

[Invité]

Salut Solid6Snake,

il manque la css sur ton fofo:

Code:

        .DrnSuj {
          height: 450px;
          overflow-y: auto;
          overflow-x: hidden;
        }

a++

[MasDan]

Bonjour,

Le code est présent mais il y a erreur dans votre code CSS. C'est votre texte «Derniers messages défilants» qui provoque l'erreur.

Code:

.bouhautbas{bottom:40px;left:10px;position:fixed;z-index:100}Derniers messages défilants
.DrnSuj{height:450px;overflow-x:hidden;overflow-y:auto}

Il faut ajouter les balises pour le commentaire comme ceci

Code:

.bouhautbas{bottom:40px;left:10px;position:fixed;z-index:100} /* Derniers messages défilants */
.DrnSuj{height:450px;overflow-x:hidden;overflow-y:auto}

Ajout de /* et */ pour encadrer le commentaire

[Solid6Snake]

Wouuu super ça fonctionne à merveille franchement 1000 fois Merci depuis le temps que je cherche à faire ce style de message déroulants!!!!!

Forumactif il y à pas à tortiller c'est le TOP du TOP

Bonne soirée à tous en espérant que ça serve à d'autres ^^