Script d'onglets qui ne fonctionne pas sur ForumActif ?
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Script d'onglets qui ne fonctionne pas sur ForumActif ?
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum :
Description du problème
Bonjour,Voilà, je suis dans l'impasse. J'essaye de mettre en place un système d'onglets pour une fiche de présentation sur le forum sur lequel je travaille.
Le script que j'ai choisi, tiré d'un tuto w3schools, fonctionne parfaitement sur codepen, ou sur le "bac à sable" de w3schools. Le voici d'ailleurs :
- Spoiler:
- function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
}
Je l'ai mis ensuite dans sa propre page javascript, dans les modules du Forum, avec premièrement coché "sur les sujets", puis "sur toutes les pages", mais ça ne marche toujours pas.
Sachant que j'ai mis en place le HTML et le CSS qui vont avec, bien entendu, et que comme dit, ce même code, HTML, CSS et JS réunis fonctionnent à merveille... ailleurs, mais pas sur forumactif.
Il y a-t-il quelque chose qu'il faut faire en plus pour forumactif ? y a-t-il quelque chose que forumactif ne comprend pas dans ce script ?
Merci.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour,
Dans la partie de ton PA sur les javascript, sont-ils bien activé ?
Dans la partie de ton PA sur les javascript, sont-ils bien activé ?
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour,
Oui, ils sont activés puisque j'en utilise déjà d'autres.
Oui, ils sont activés puisque j'en utilise déjà d'autres.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Hi,
Alors je ne code pas mais j'ai comme l'impression que pour ce script, tel qu'il est, il manque des caractères
Alors je ne code pas mais j'ai comme l'impression que pour ce script, tel qu'il est, il manque des caractères
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Lesquels ? Je suis pas un expert en JS mais je sais le lire et il ne parait pas manquer quoique ce soit. Il marche ailleurs de plus.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Dans ton post initial il n'y a qu'un seul script.1019 a écrit:Lesquels ?
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Oui ?... C'est celui qui ne fonctionne pas.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour
C'est une fiche de présentation en page d'accueil , dans un post ou autres ?
Vous pouvez donner le HTML et CSS associés au script?
le lien du forum?
Cdt.
C'est une fiche de présentation en page d'accueil , dans un post ou autres ?
Vous pouvez donner le HTML et CSS associés au script?
le lien du forum?
Cdt.
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour,
C'est une fiche de présentation dans un post. Voici le HTML (et le CSS, je l'ai pas mis dans le CSS pour l'instant, c'est un test, donc désolé si c'est pas joli à lire!) :
Le lien du forum, je préfère ne pas le donner étant donné que ce n'est pas mon forum de base (bien que j'ai accès à un compte admin fondateur).
EDIT : Pour que ce soit plus lisible, voici un codepen où on peut voir le code en action (et plus joli du coup). Vous remarquerez que les onglets fonctionnent très bien sur codepen. Ca ne marche cependant pas sur FA.
C'est une fiche de présentation dans un post. Voici le HTML (et le CSS, je l'ai pas mis dans le CSS pour l'instant, c'est un test, donc désolé si c'est pas joli à lire!) :
- Spoiler:
- <style>.pres-gif{width:100%; box-shadow: 0px 0px 2px #ccc; border: 1px solid #bbb; padding: 2px;} .pres-grid{display:grid; grid-gap: 14px; grid-template-columns: 206px 210px 150px; grid-template-rows: 24px repeat(2, 137px);} .pres-place01 {grid-column: 1 / 2;grid-row: 1 / 4;}.pres-place02 {grid-column: 2 / 4;grid-row: 1 / 2;} .pres-place03 {grid-column: 2 / 3; grid-row: 2 / 4;} .pres-title {background: #34343a;height: 24px;} .homepage-message .pa .box-container, .box-container {border-radius: 3px;position: relative;}.homepage-message .pa .box-shadow, .box-shadow {box-shadow: 1px 1px 5px #c8c5c5, -1px -1px 5px #c8c5c5;}.homepage-message .pa .box-content, .box-content {font-family: Arial;font-size: 12px;color: #616161;padding: 10px;} .homepage-message .pa .box-title, .box-title {background-color: #d6d2d3;font-family: Bebas Neue, Arial;font-size: 18px;color: #c29277;text-align: center;padding: 2px 0;text-shadow: 1px 1px 2px #fff;letter-spacing: 0.3px;} .pres-place03 .box-content {height: 246px; text-align: left;} .pres-grid .box-container {background: linear-gradient(to top, #E0E0E0, #F7F7F7);} .pres-place04 {grid-column: 3 / 4;grid-row: 2 / 3;} .pres-place05 {grid-column: 3 / 4;grid-row: 3 / 4;} .tabcontent{display:none;}</style>
<img src="https://media0.giphy.com/media/3oKIPjdrRj8dOLd6GQ/source.gif" class="pres-gif" />
<div class="pres-grid"><img src="https://i.imgur.com/uz1xpVZ.jpg" class="topic-avatar pres-place01" /><div class="pres-title pres-place02">Roza Rose Votiakova</div><div class="box-container box-shadow pres-place03"><div class="box-title">- Informations personnage -</div><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div><div class="box-container box-shadow pres-place04"><div class="box-title">- Défauts -</div><div class="box-content">Impulsive
Grande Gueule
Entêté
Méfiante
Prétentieuse</div></div><div class="box-container box-shadow pres-place05"><div class="box-title">- Qualités -</div><div class="box-content">Impulsive
Grande Gueule
Entêté
Méfiante
Prétentieuse</div></div></div>
<div class="pres-title">What's in my head</div>
<div class="box-container box-shadow"><div class="box-title">- Informations personnage -</div><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div>
<div class="pres-title">What's in my head</div>
<div class="box-container box-shadow"><div class="box-title">- Informations personnage -</div><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div>
<div class="pres-title">What's in my head</div>
<div class="tab"><button class="tablinks" onclick="openTab(event, 'pres-preapocalypse')">Pre Apo</button><button class="tablinks" onclick="openTab(event, 'pres-postapocalypse')">Post Apo</button><button class="tablinks" onclick="openTab(event, 'pres-today')">Today</button></div><div class="box-container box-shadow tabcontent" id="pres-preapocalypse"><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div><div class="box-container box-shadow tabcontent" id="pres-postapocalypse"><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div><div class="box-container box-shadow tabcontent" id="pres-today"><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div>
Le lien du forum, je préfère ne pas le donner étant donné que ce n'est pas mon forum de base (bien que j'ai accès à un compte admin fondateur).
EDIT : Pour que ce soit plus lisible, voici un codepen où on peut voir le code en action (et plus joli du coup). Vous remarquerez que les onglets fonctionnent très bien sur codepen. Ca ne marche cependant pas sur FA.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour
Parfois des codes fonctionnant en externe peuvent effectivement ne pas fonctionner sur FA directement...
Vu le type de code essayez plutôt de faire votre fiche dans une page html de votre forum et insérer celle ci ensuite dans un post en iframe.
Cdt.
Parfois des codes fonctionnant en externe peuvent effectivement ne pas fonctionner sur FA directement...
Vu le type de code essayez plutôt de faire votre fiche dans une page html de votre forum et insérer celle ci ensuite dans un post en iframe.
Cdt.
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour,
Le probleme c'est que les utilisateurs du forum doivent pouvoir utiliser la fiche. Je ne peux pas la mettre en iframe. Je dois pouvoir comprendre pourquoi ca ne fonctionne pas sur FA.
Le probleme c'est que les utilisateurs du forum doivent pouvoir utiliser la fiche. Je ne peux pas la mettre en iframe. Je dois pouvoir comprendre pourquoi ca ne fonctionne pas sur FA.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour
C'est pas toujours évident de faire fonctionner des choses dans les posts ;-) surtout que effectivement cela ne fonctionne pas et on n'a pas d'erreurs dans la console ...0de mon coté quand je rencontre ce genre de soucis j'essaie un code équivalent.
j'ai par le passé utilisé https://jqueryui.com/tabs/
Qui fonctionne normalement dans un post...
Dans un codepen
https://codepen.io/anon/pen/YMOOMY
Si vous voulez tenter il faudrait essayer en mettant ceci dans le <head> du template overall_header
Puis ceci dans gestion des codes java sur les sujets
Cdt.
C'est pas toujours évident de faire fonctionner des choses dans les posts ;-) surtout que effectivement cela ne fonctionne pas et on n'a pas d'erreurs dans la console ...0de mon coté quand je rencontre ce genre de soucis j'essaie un code équivalent.
j'ai par le passé utilisé https://jqueryui.com/tabs/
Qui fonctionne normalement dans un post...
Dans un codepen
https://codepen.io/anon/pen/YMOOMY
Si vous voulez tenter il faudrait essayer en mettant ceci dans le <head> du template overall_header
- Code:
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
- Code:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
Puis ceci dans gestion des codes java sur les sujets
- Code:
$( function() {
$( "#tabs" ).tabs();
} );
Cdt.
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
D'accord, je tente ça en rentrant et je vous dis si ça fonctionne. Merci.
Le jQuery n'est pas déjà inclus dans le head depuis quelques versions déjà ?
Le jQuery n'est pas déjà inclus dans le head depuis quelques versions déjà ?
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Je n'arrive pas à le faire fonctionner non plus. Vous réussissez, vous, sur ForumActif ?
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonjour
Je viens de tester cela fonctionne dans un post de mon coté...
Vous avez bien tout mis en place?
vous avez des erreurs dans la console?
*sinon un autre code moins lourd (et qui fonctionne également) sur ce codepen
https://codepen.io/OOOX/pen/vLzNBN
Cdt.
Je viens de tester cela fonctionne dans un post de mon coté...
Vous avez bien tout mis en place?
vous avez des erreurs dans la console?
*sinon un autre code moins lourd (et qui fonctionne également) sur ce codepen
https://codepen.io/OOOX/pen/vLzNBN
Cdt.
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
J'ai réessayé.
Perso, ça me donne ça :
J'ai pourtant bel et bien inséré dans le head le nécessaire.
J'ai bien sûr validé le template.
Dans la console, sans surprise, une erreur : il ne reconnaît pas la fonction utilisée.
Perso, ça me donne ça :
J'ai pourtant bel et bien inséré dans le head le nécessaire.
J'ai bien sûr validé le template.
Dans la console, sans surprise, une erreur : il ne reconnaît pas la fonction utilisée.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Bonsoir
le soucis c'est que cela peut provenir de plusieurs possibilités ...
vous avez bien validé le template ?
Sinon vous pouvez poster l'intégralité du html de votre fiche ? que je teste de mon coté avec votre code.
*edit
Essayez en mettant plutôt la librairie ui dans le template de cette façon
cette ligne
par exemple au dessus de celle ci
pour le script celui ci
Cdt.
le soucis c'est que cela peut provenir de plusieurs possibilités ...
vous avez bien validé le template ?
Sinon vous pouvez poster l'intégralité du html de votre fiche ? que je teste de mon coté avec votre code.
*edit
Essayez en mettant plutôt la librairie ui dans le template de cette façon
cette ligne
- Code:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
par exemple au dessus de celle ci
- Code:
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
pour le script celui ci
- Code:
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
Cdt.
Re: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Ah !!
En effet ça fonctionne à présent ! j'ai juste déplacé les liens comme vous me l'avez dit. Je ne comprends vraiment pas pourquoi ça change quelque chose...
J'ai déplacé le script des fiches JS dans le head, plutôt, pour que ça puisse aussi s'afficher pendant les prévisualisations de message.
Merci à vous.
En effet ça fonctionne à présent ! j'ai juste déplacé les liens comme vous me l'avez dit. Je ne comprends vraiment pas pourquoi ça change quelque chose...
J'ai déplacé le script des fiches JS dans le head, plutôt, pour que ça puisse aussi s'afficher pendant les prévisualisations de message.
Merci à vous.
.1019- ***
- Messages : 132
Inscrit(e) le : 11/05/2013
Sujets similaires
» Un problème de script qui avait été résolu en decembre dernier...https://forum.forumactif.com/t394372-script-image-ne-fonctionne-plus
» Forçage des liens par un script de Forumactif
» Apparence du script " Copyright Forumactif "
» [bug script] Notification toolbar avec script
» Script java script flocons ne fonctionne pas.
» Forçage des liens par un script de Forumactif
» Apparence du script " Copyright Forumactif "
» [bug script] Notification toolbar avec script
» Script java script flocons ne fonctionne pas.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum