Discussion :

[yann18]

Bonjour/ bonsoir,

J'ai une navigation par onglet. Celle-ci est développée en CSS et Jquery et repose sur des ancres :
Au niveau des onglets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<ul class="tabs">
<li><a href="#labo">Patisserie</a></li>
<li><a href="application.php?production=charcuterie">Charcuterie</a></li>
</ul>
<ul class="lastTabs">
<li><a href="#panier">Mon panier</a></li>
…

Au niveau du contenu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="tab_container">
<div id="labo" class="page">
<?php include ‘fichier.php'; ?>
</div>
<div id="panier" class="page">
<?php include 'fichier.php'; ?>
</div>

Le java script établi ce lien d’ancre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$('ul.tabs li').click(function(){
$('ul.tabs li').removeClass('active');
$(this).addClass('active');
$('.page').hide();
var active_tab = $(this).find('a').attr('href');
$(active_tab).fadeIn();
return false;

Les soucis arrivent avec l’intégration de script PHP et démontre une certaine ‘incompatibilité’ de fonctionnement. Pour être plus précis, l’utilisateur clique sur l’onglet ‘Patisserie’ et doit voir apparaître tous les produits y attenant. Je dois donc transmettre une information à ‘fichier.php’ pour dire de quelle production il s’agit, comme par exemple pour l’onglet ‘charcuterie’.
De ce fait, je n’arrive pas à concilier l’ancre et l’envoi de cette variable… Et je sèche complètement…
Merci,

[danielhagnoul]

Bonjour

Je suis absolument certain de ne pas avoir tout compris de votre problème, mais je me permets de vous suggérer une saine lecture, la FAQ jQuery.

Et pour les échanges entre le JavaScript et le PHP : Comment dois-je formuler une requête AJAX ?.

[MrPringle]

Une solution simple et sans ajax qui est meilleure pour le SEO :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div class="tab_container">
<div id="labo" class="page">
<?php
$id = 'labo';
include ‘fichier.php';
?>
</div>
<div id="panier" class="page">
<?php
$id = 'panier';
include ‘fichier.php';
?>
</div>

Dans fichier.php, on peut utiliser la variable $id.


Pour ça par contre, je serait tenté de dire qu'il est aussi simple de copier directement le code correspondant dans les onglets... Ou encore mieux de faire une fonction qui affiche les résultats selon un paramètre et le résultat donnerait ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div class="tab_container">
<div id="labo" class="page">
<?php ma_fonction('labo'); ?>
</div>
<div id="panier" class="page">
<?php ma_fonction('panier'); ?>
</div>

[yann18]

Merci,
Mais j'ai fini par trouver une solution, en remettant à plat le principe.
L'application ne fonctionnait pas sans java-script, chose que je veux éviter.