Accueil > > > ONGLET GÉNÉRÉ EN PHP ET REQUETE AJAX
 ONGLET GÉNÉRÉ EN PHP ET REQUETE AJAX
 Information sur la source
 Description
script qui génère des onglets,le contenu et les titres des onglets sont géré par MySQL,le script AJAX fait une requete sur une page PHP qui va chercher les donnée sur la BDD. j'ai commenter la source en espérant que sa puisse aider :)
 Source
- <?php
- include('./connection/connection.php');//inclu les paramètres de connection à la base de donnée
- if (!$connect)//si pas connecter a la base de donnée déclenche une érreur SQL
- die("Erreur de connection à MySQL: " . mysql_error());
- if (!mysql_select_db($database_connect, $connect))//si base non trouvée déclenche une erreur SQL
- die("Erreur base de donnée non trouvée: " . mysql_error());
- ?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link href="./onglet.css" rel="stylesheet" type="text/css" />
- <?php
- echo "<script type=\"text/javascript\">\n";//génération du des paramètre pour le javascript qui seron utilisé par le script AJAX
- echo "<!--\n";
- $requete='SELECT * FROM multionglet';//sélectionne la table pour la gestion du contenu
- $requeteongletjs= mysql_query($requete, $connect) or die("Erreur table non trouvée:".mysql_error());//déclenche une erreur si la table n'est pas trouvé
- $ongletjs = mysql_fetch_object($requeteongletjs);//sélectionne le premier enregistrement de la table
- $tabonglet=array(0 => array("onglet"=>$ongletjs->onglet,"titre"=>$ongletjs->titre,"contenu"=>$ongletjs->contenu));//stock dans un tableau a 2 dimension les donnée de la table
- $compteur=1;//variable qui stock le nombre d'onglet a afficher
- $valeur="'".$ongletjs->onglet."'";//stock dans la variable l'ID des onglets
- while ($ongletjs = mysql_fetch_object($requeteongletjs))//requete pour lister toute la table
- {
- $valeur=$valeur.",'".$ongletjs->onglet."'";
- $tabonglet[]=array("onglet"=>$ongletjs->onglet,"titre"=>$ongletjs->titre,"contenu"=>$ongletjs->contenu);
- $compteur++;
- }
- echo"compteur=".$compteur.";\n";//variable transformer en javascript pour utilisation avec le script AJAX pour avoir le nombre d'onglet
- echo "tabu=[".$valeur."];\n";//variable qui va stocker toute les ID transmit pour le script AJAX
- echo "//-->\n";
- echo "</script>\n";
- ?>
- <script type="text/javascript" src="onglet.js"></script>
- <title>onglet</title>
- </head>
- <body>
- <table border="0" width="400" align="center">
- <tr>
- <td>
- <?php
-
- echo " <ol id=\"tabnav\">\n";
- echo " <li><a href=\"javascript:onglet('".$tabonglet[0]["onglet"]."');\" class=\"active\" id=\"".$tabonglet[0]["onglet"]."\">".$tabonglet[0]["titre"]."</a></li>\n";//génère l'onglet actif
- $i=1;
- while ($i<$compteur)
- {
- echo " <li><a href=\"javascript:onglet('".$tabonglet[$i]["onglet"]."');\" id=\"".$tabonglet[$i]["onglet"]."\">".$tabonglet[$i]["titre"]."</a></li>\n";//génère les autres onglets
- $i++;
- }
- echo " </ol>\n";
- echo " <div id=\"contenu\" class=\"tabtour\"><br/>".$tabonglet[0]["contenu"]."<br/><br/></div>\n";//génère le div qui va contenir les données de l'onglet
- ?>
- </td>
- </tr>
- </table>
- </body>
- </html>
- <?php
- mysql_close($connect);//fermeture de la connection SQL
- ?>
<?php
include('./connection/connection.php');//inclu les paramètres de connection à la base de donnée
if (!$connect)//si pas connecter a la base de donnée déclenche une érreur SQL
die("Erreur de connection à MySQL: " . mysql_error());
if (!mysql_select_db($database_connect, $connect))//si base non trouvée déclenche une erreur SQL
die("Erreur base de donnée non trouvée: " . mysql_error());
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./onglet.css" rel="stylesheet" type="text/css" />
<?php
echo "<script type=\"text/javascript\">\n";//génération du des paramètre pour le javascript qui seron utilisé par le script AJAX
echo "<!--\n";
$requete='SELECT * FROM multionglet';//sélectionne la table pour la gestion du contenu
$requeteongletjs= mysql_query($requete, $connect) or die("Erreur table non trouvée:".mysql_error());//déclenche une erreur si la table n'est pas trouvé
$ongletjs = mysql_fetch_object($requeteongletjs);//sélectionne le premier enregistrement de la table
$tabonglet=array(0 => array("onglet"=>$ongletjs->onglet,"titre"=>$ongletjs->titre,"contenu"=>$ongletjs->contenu));//stock dans un tableau a 2 dimension les donnée de la table
$compteur=1;//variable qui stock le nombre d'onglet a afficher
$valeur="'".$ongletjs->onglet."'";//stock dans la variable l'ID des onglets
while ($ongletjs = mysql_fetch_object($requeteongletjs))//requete pour lister toute la table
{
$valeur=$valeur.",'".$ongletjs->onglet."'";
$tabonglet[]=array("onglet"=>$ongletjs->onglet,"titre"=>$ongletjs->titre,"contenu"=>$ongletjs->contenu);
$compteur++;
}
echo"compteur=".$compteur.";\n";//variable transformer en javascript pour utilisation avec le script AJAX pour avoir le nombre d'onglet
echo "tabu=[".$valeur."];\n";//variable qui va stocker toute les ID transmit pour le script AJAX
echo "//-->\n";
echo "</script>\n";
?>
<script type="text/javascript" src="onglet.js"></script>
<title>onglet</title>
</head>
<body>
<table border="0" width="400" align="center">
<tr>
<td>
<?php
echo " <ol id=\"tabnav\">\n";
echo " <li><a href=\"javascript:onglet('".$tabonglet[0]["onglet"]."');\" class=\"active\" id=\"".$tabonglet[0]["onglet"]."\">".$tabonglet[0]["titre"]."</a></li>\n";//génère l'onglet actif
$i=1;
while ($i<$compteur)
{
echo " <li><a href=\"javascript:onglet('".$tabonglet[$i]["onglet"]."');\" id=\"".$tabonglet[$i]["onglet"]."\">".$tabonglet[$i]["titre"]."</a></li>\n";//génère les autres onglets
$i++;
}
echo " </ol>\n";
echo " <div id=\"contenu\" class=\"tabtour\"><br/>".$tabonglet[0]["contenu"]."<br/><br/></div>\n";//génère le div qui va contenir les données de l'onglet
?>
</td>
</tr>
</table>
</body>
</html>
<?php
mysql_close($connect);//fermeture de la connection SQL
?>
 Conclusion
tous est dans le zip,tester sous IE7,firefox 2 et 3,safari sans aucun problème
PS:j'ai vue que sur l'onglet actif en bas a gauche il manque 1 pixel pour je ne c'est trop quel raison je vais essayer de trouver la solution
 Historique
- 29 août 2008 19:15:27 :
- correction du titre :)
- 29 août 2008 21:33:29 :
- correction sur le pixel manquant en bas à gauche (c'était dans la feuille de style :) )
- 12 septembre 2008 16:33:07 :
- mise a jour du code suite au bug rencontrer sous easyphp.
- 12 septembre 2008 16:34:18 :
- Mise a jour du code suite au bug rencontrer sous easyphp
 Sources de la même categorie
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
AJAX PHP send var [ par cedriclomb ]
Bonjour,Bon la j'y pige que couik !Alors voila le problème, je cherche a envoyer un fomulaire à PHP avec AJAX et une méthode POST, j'ai fait des reche
Pb de sécurité avec Ajax et XMLHttpRequest [ par cz1702 ]
Bonjour à tous,est il possible d'ouvrir une page sur un autre domaine que celui du site en cours avec XMLHttpRequest (sans contraindre l'utilisat
onglet dynamique!!!!!!!!!!! [ par hicham_899 ]
bonjour j'ai entrain de chercher comment faire un page web qui contient des onglets(comme site de fnac) dynamique sachant que l' administrateur de sit
XmlHttpRequest (AJAX) [ par BenXbox ]
Salut à tous, Je cherche à actualiser une page avec le XmlHttpRequest(AJAX) toutes les 20 secondes. Cette page s'appel EnLigne.php Merci d'avance.
Menu deroulant dynamique ajax [ par ns_deux ]
Bonjour, Je cherche à faire un menu deroulant dynamique qui va interroger ma base mysql en temps réel. J'aimerais que, lorsque je cliques sur mon menu
navigation avec ajax [ par speedylol ]
bonjour je me demandais si quelqu'un aurais une idée pour changer la fin du script pour naviger avec le centre dans une veuille de style css a la GET
Tabealu dynamique [ par Spyofdeath ]
Bonjour à tous !Je suis nouveau ici et je doit dire que ce site m'aide bcp !!!Mais là j'ai un gros problème, impossible de trouver une source correct
Insertion et suppression dans un tableau multi-dimension [ par baallrog ]
Bonjour à tous! Voilà jai un petit problème en php : j'ai un tableau à deux dimension donc je voudrai ssupprimer et/ou insérer des lignes ! voici mon
class et session [ par gabs77 ]
slt, j'ai un pb g une page (classe.php) qui possede toutes les fonctions appartenant a une classe cartet g une page qui construit la classe (ajouter.p
combobox dynamique [ par anaa21 ]
Bonjour à tous, je suis entrain de concevoir une application en php et j'ai besoind'un scriptqui me permet d'afficher la catégorie du produit sélecti
|
Derniers Blogs
 UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
 HTML VERS PDFHTML VERS PDF par spike911
Cliquez pour lire la suite par spike911
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|