Help sur un menu à onglets

(reprise du message précédent)

Le seul soucis quand je mets les trois en active, les trois textes s´affichent dans la boîte!
Mais au moins ils s´affichent!!

Je pense que je vais arrêter de m´arracher les cheveux avec ce module et le laisser comme ça pour l´instant. J´ai la tête qui va exploser. Surtout que le site web ne fait pas partie de mon taf à l´origine, je me suis gentillement portée volontaire pour faire la version française

Bonjour,

Oui, au moins ils s'affichent. Ensuite, tu peux cacher le <ul> où il y a les liens "Histoire", "Valeurs" et "Equipe" en ajoutant la classe "hidden" à cet <ul> : <ul class="hidden">

Comme ça, tu as un site fonctionnel même si ce n'est pas ce que tu voulais faire, et ça te permet d'attendre celui qui sait.

Amicalement,
Modifié par parsimonhi (15 Mar 2023 - 16:27)

Bonjour,

à priori c'est un système à onglet made in Bootstrap .

Regarde : https://bootstrapshuffle.com/classes/navs/tab-content et remets les class qui vont bien aux bons endroits, le script devrait à nouveau fonctionner si les class sont bien utilisées et sur la bonne structure . L'exemple donné ressemble fortement à ta structure.

Sinon, reprendre la structure de la version espagnol

<div id="dnn_ctr451_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
	<div id="dnn_ctr451_HtmlModule_lblContent" class="Normal">
	<h3>Nosotros</h3> 
<ul id="myTab" class="nav nav-tabs"> 
	<li class="active"><a data-toggle="tab" href="#historia">Historia</a></li> 
	<li><a data-toggle="tab" href="#esfuerzo">Esfuerzo</a></li>
	<li><a data-toggle="tab" href="#equipo">Equipo</a></li> 
</ul> 
<div id="myTabContent" class="tab-content tab-demo"> 
	<div id="historia" class="tab-pane fade in active"> 
	<p>Industrias gráficas Castuera inició su andadura en el año 1927. La evolución de las artes gráficas desde nuestros comienzos nos ha acompañado con diferentes herramientas de trabajo a lo largo del tiempo, desde la primera máquina de 1 color hasta la más moderna Mitsubishi. La calidad siempre ha sido una de nuestras principales metas. La atención personalizada y el cuidado en el trabajo, nos ha permitido lograr varios reconocimientos públicos.</p>
	</div>
	<div id="esfuerzo" class="tab-pane fade"> 
	<p>Los métodos de impresión han evolucionado, así como la mejora del proceso productivo que les acompaña. Nuestro trabajo diario nos compromete junto con el cliente para obtener trabajos de reconocida calidad en el sector de Artes gráficas, lo que para nosotros representa una oportunidad de ofrecer nuestra mejores habilidades y métodos de fabricación.</p> 
	</div>
	<div id="equipo" class="tab-pane fade"> 
	<p>Disponemos de personal altamente cualificado y reconocido. Haciendo hincapié en el valor humano y la tecnología más útil para nuestros objetivos y los de nuestros clientes.</p> 
	</div> 
</div> 
</div>

En mettant à jour les id et class de ul et descendants et du div myTabContent et descendants.

Cdt
Modifié par gcyrillus (15 Mar 2023 - 16:54)

Du nouveau.

Je viens de recevoir un mail du service client.
La version espagnole a été réparée.

Le truc, c´est que je ne comprends pas la différence avec le code français, et je vois toujours ma page française avec le même problème. Ça me rend chèvre.

Code côté esp :

<h3>Nosotros</h3>

<ul>
 <li><a href="#historia">Historia</a></li>
 <li><a href="#esfuerzo">Esfuerzo</a></li>
 <li><a href="#equipo">Equipo</a></li>
</ul>

<div class="tab-content tab-demo" id="myTabContent">
<div class="active fade in tab-pane" id="historia">
<p>Industrias gráficas Castuera inició su andadura en el año 1927. La evolución de las artes gráficas desde nuestros comienzos nos ha acompañado con diferentes herramientas de trabajo a lo largo del tiempo, desde la primera máquina de 1 color hasta la más moderna Mitsubishi. La calidad siempre ha sido una de nuestras principales metas. La atención personalizada y el cuidado en el trabajo, nos ha permitido lograr varios reconocimientos públicos.</p>
</div>

<div class="fade tab-pane" id="esfuerzo">
<p>Los métodos de impresión han evolucionado, así como la mejora del proceso productivo que les acompaña. Nuestro trabajo diario nos compromete junto con el cliente para obtener trabajos de reconocida calidad en el sector de Artes gráficas, lo que para nosotros representa una oportunidad de ofrecer nuestra mejores habilidades y métodos de fabricación.</p>
</div>

<div class="fade tab-pane" id="equipo">
<p>Disponemos de personal altamente cualificado y reconocido. Haciendo hincapié en el valor humano y la tecnología más útil para nuestros objetivos y los de nuestros clientes.</p>
</div>
</div>

Code côté français:

<h3>Nous connaître</h3>

<ul>
 <li><a href="#historia">Histoire</a></li>
 <li><a href="#esfuerzo">Valeurs</a></li>
 <li><a href="#equipo">Équipe</a></li>
</ul>

<div class="tab-content tab-demo" id="myTabContent">
<div class="active fade in tab-pane" id="historia">
<p>Les industries Graphiques Castuera ont commencé leur périple en 1927, soit près d&acute;un siècle, à Pampelune.<br />
Imprimerie familiale aujourd&acute;hui dirigée par Juan et Carlos Castuera et historiquement spécialisée dans les livres et ouvrages d&acute;art, nous avons su suivre l&#39;évolution constante des arts graphiques, ce qui nous a amené à adapter nos outils de travail au fil du temps et à nous diversifier.<br />
De la première machine 1 couleur à la Mitsubishi la plus moderne, la qualité a depuis toujours été l&#39;un de nos principaux objectifs.<br />
L&#39;attention et les soins personnalisés apportés à notre travail nous ont permis d&#39;obtenir plusieurs reconnaissances publiques.</p>
</div>

<div class="fade tab-pane" id="esfuerzo">
<p>Les méthodes d&#39;impression ont évolué, ainsi que les processus de production qui les accompagnent. Notre expérience presque centenaire nous engage auprès de nos clients à fournir des œuvres de qualité reconnues dans le secteur des Arts Graphiques.<br />
Nous vous garantissons nos meilleurs savoir-faire et méthodes de fabrication.</p>
</div>

<div class="fade tab-pane" id="equipo">
<p>Les membres de notre équipe sont hautement qualifiés et expérimentés.<br />
Ils mettent en commun leurs efforts et leur passion du métier,<br />
Nous mettons l&acute;accent sur la valeur humaine et une technologie optimale afin d&acute;atteindre nos objectifs et répondre toujours mieux aux attentes de nos clients.</p>
</div>
</div> 

Modifié par gcyrillus (15 Mar 2023 - 16:56)

ton ul ne contient aucune class ni id , contrairement à la version espagnole fonctionnelle

Je vois pour la version espagnole :

<ul id="myTab" class="nav nav-tabs"> 
	<li class="active"><a data-toggle="tab" href="#historia">Historia</a></li> 
	<li><a data-toggle="tab" href="#esfuerzo">Esfuerzo</a></li>
	<li><a data-toggle="tab" href="#equipo">Equipo</a></li> 
</ul>

Ce qui donne pour le français

<ul id="myTab" class="nav nav-tabs">
 <li class="active"><a href="#historia" data-toggle="tab">Histoire</a></li>
 <li><a href="#esfuerzo" data-toggle="tab">Valeurs</a></li>
 <li><a href="#equipo" data-toggle="tab">Equipe</a></li>
</ul>

cdt
Modifié par gcyrillus (15 Mar 2023 - 17:04)

OMG merci!

Je te remercie infiniment, tout est rentré dans l´ordre!!!!!

Merciiiiiiiiiiiiiiiiiiiiiiiii !!!!!!!

non, pas vraiment, les class sur li et a sont encore manquantes ainsi que l'attribut data-toggle , tous nécessaires au bon fonctionnement du script de ta boite à onglet

Cdt
Modifié par gcyrillus (15 Mar 2023 - 17:10)

J´ai copié-collé le code que m´a envoyé la maintenance, qui date d´une sauvegarde faite il y a trois semaine, avant que l´on commence les modifications sur le site. C´est le code propre à ce module, et je retrouve le design d´origine et parfaitement fonctionnel sur la version espagnole, comme avant.

Le seul problème que je rencontre, c´est qu´il m´est maintenant impossible de copier coller le code côté français. M´enfin, je le copie et je le colle, mais même après sauvegarde il revient au code sans les <ul id.

Et chose bizarre, lorsque je regarde à nouveau dans le code côté espagnol maintenant, il apparît sans aucun id ni pour les <ul> ni pour les <li>

Copie du code côté espagnol :
<h3>Nosotros</h3>

<ul>
<li><a href="#historia">Historia</a></li>
<li><a href="#esfuerzo">Esfuerzo</a></li>
<li><a href="#equipo">Equipo</a></li>
</ul>


Et pourtant cette version là est tout à fait opérationnelle.
Y´a un truc qui m´échappe.

Sur la version fr en ligne, il ne manque plus que la class et l'id sur ul, les onglet sont fonctionnels enfin a 17h52 .

De ton coté, un problème de cache du navigateur qui ne recharge pas ta page depuis sa version en ligne ?

Cdt

gcyrillus a écrit :
Sur la version fr en ligne, il ne manque plus que la class et l'id sur ul, les onglet sont fonctionnels enfin a 17h52 .

De ton coté, un problème de cache du navigateur qui ne recharge pas ta page depuis sa version en ligne ?

Cdt

Je vais vérifier ça demain en arrivant au bureau. En tout cas merci à tous pour vos conseils et votre patience !!!