begin process at 2012 05 31 04:17:35
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

PHP

 > 

Base de données

 > 

MySQL

 > 

php boucle javascript et css pour des onglets

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

php boucle javascript et css pour des onglets

mardi 24 octobre 2006 à 18:33:11 | php boucle javascript et css pour des onglets

gabs77

bonjour ,
j'ai trouvé un script sur code source avec un systeme d'onglet avec des sous onglets
cad dans chacun des onglets (donc ici des types d article : video ou music ou ...) on a des sous onglets (donc ici plusieurs  categorie genre pour les video on a action aventure comedie ...)
et cela affichera les articles appartenant a cette categorie (par exemple dans video action/aventure :pirate des caraïbes, etc ... )
  
je suis parvenu a faire des onglets avec BDD mais g des difficultés quand je mets des sous onglets
avec BDD alors que je n ai aucune difficulté sans BDD
 HELP !!

<HTML>
<HEAD>
<style>
.TabCommon {FONT: 10px Verdana; COLOR: #6D6D6D; PADDING: 5px; FONT-WEIGHT: bold; TEXT-ALIGN: center; HEIGHT: 20px; WIDTH: 100px;}
.TabContent {PADDING: 5px;}
.TabContentBottom {PADDING: 10px;}
.TabOff {CURSOR: hand; BACKGROUND-COLOR: #E2E2E3;background-image:url(images/onglet.png);BORDER-RIGHT: 1px outset #D1D1D1;}
.TabOffhover {CURSOR: hand; BACKGROUND-COLOR: #E2E2E3;background-image:url(images/onglet_hover.png);BORDER-RIGHT: 1px outset #D1D1D1;}
.TabOn {CURSOR: default; COLOR: #000000;background-image:url(images/onglet_active.png);}
.TabBorderBottom{}
.TabActiveBorderLeftRight{BORDER-RIGHT: 1px outset #D1D1D1; BORDER-LEFT: 2px outset #D1D1D1;}
.TabActiveBackground {BACKGROUND-COLOR: #F7F8F3;BORDER-BOTTOM: 1px outset #D1D1D1;BORDER-TOP: 1px outset #D1D1D1;}
</style>
<script>
function TabClick( nTab,level ){
    temp=0;
    for(i = 0; i <=200 ; i++) {
       if(document.getElementById("tabs"+level+i))
         temp++;
    }
    for (i = 0; i <=(temp-1) ; i++)
        {
        document.getElementById("tabs"+level+i).className = "TabBorderBottom TabCommon TabOff";
        document.getElementById("Content"+level+i).style.display = "none";
        }
    document.getElementById("Content"+level+nTab).style.display = "block";
    document.getElementById("tabs"+level+nTab).className = "TabCommon TabOn TabActiveBackground TabActiveBorderLeftRight";
}


</script>
</HEAD>
<BODY onload="TabClick(1,1);TabClick(0,2);">

  <TABLE CELLPADDING=0 CELLSPACING=0 ALIGN="center" width="100%">
      <TR>
<?php
include('config.php');

$sql= mysql_query("SELECT * FROM bt_type");
$i=1;
while($row = mysql_fetch_array($sql))
{
echo '<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs1'.$i.'" NAME="tabs1'.$i.'" ONCLICK="TabClick('.$i.',1);"><NOBR><u><b>'.$row['lib'].'</b><u></NOBR></TD>';
$i++;
}
?>
      </TR>
      <TR>
          <TD COLSPAN=5 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight">Voici la liste des articles : </TD>
      </TR>
      <TR>
          <TD COLSPAN=5 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight TabContentBottom">
<?php 
$sql= mysql_query("SELECT * FROM bt_type");
$k=1;
$i=0;

while($row = mysql_fetch_array($sql))
{
$j=1;
echo '<DIV ID="Content'.$j.$i.'"><TABLE CELLPADDING=0 CELLSPACING=0 ALIGN="center" ><TR>';

$sql1= mysql_query("SELECT * FROM bt_categories WHERE id_type=".$row['id_type']);
while($row1 = mysql_fetch_array($sql1))
 {
 echo '<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs'.$i.$j.'" NAME="tabs'.$i.$j.'"  ONCLICK="TabClick('.$j.','.$i.');"><NOBR><b>'.$row1['libel'].'</b></NOBR></TD>';
    $j++;
 }
 $j=$j-1;
 echo '</TR><TR><TD COLSPAN='.$j.' CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight TabContentBottom">';
$sql1= mysql_query("SELECT * FROM bt_categories WHERE id_type=".$row['id_type']);
while($row1 = mysql_fetch_array($sql1))
 {
 $sql2= mysql_query("SELECT * FROM bt_inventaire WHERE id_cat=".$row1['id_cat']." ORDER BY id_cat");
 while($row2 = mysql_fetch_array($sql2))
  {
  echo '<DIV ID="Content'.$i.$k.'" ><a href="detail.php?id='.$row2['id_product'].'">'.$row2['product'].'</a></div>';
  $k++;
  }
 }
echo'</td></tr></table></div>';
$i++;
}
echo '</tr></table></DIV>';
?>

      </TD>
      </TR>
  </TABLE>
  </body>
  </html>
mardi 24 octobre 2006 à 19:37:15 | Re : php boucle javascript et css pour des onglets

danito_loco
Hum deja je serais toi j'utiliserais des feuilles de style pour éviter ton code dans les balises <style>...</style>

humm ensuite je suis pas un expert mais je rajouterais un points a la fin de sa  :  $row['id_type'] suivi d'un double quote dans la ligne suivante

$sql1= mysql_query("SELECT * FROM bt_categories WHERE id_type=".$row['id_type']);

j'écrirai ça :

$sql1= mysql_query("SELECT * FROM bt_categories WHERE id_type= '" .$row['id_type']. "'") or die(mysql_error());

met toujours [              or die(mysql_error());           ] a la fin de tes requestes de manière à savoir d'ou vient ton erreur ^^
mardi 24 octobre 2006 à 20:10:26 | Re : php boucle javascript et css pour des onglets

gabs77
ok,
mais seulement le problème ne vient pas de la requete
en fait il n'ya  aucun problème avec les requetes le problème doit être dans mes boucles ou je ne sait quoi d'autre car çà m'affiche toute les données mais au lieu d'avoir les onglets qui fonctionne comme il faut , il est inactif et en bazarre a l'affiche
sachant que je suis parti d'un script entierement fonctionnel sans requete et de BDD

<BODY onload="TabClick(1,1);TabClick(0,2);">

  <TABLE CELLPADDING=0 CELLSPACING=0 ALIGN="center" width="100%">
      <TR>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs10" NAME="tabs10" ONCLICK="TabClick(0,1);"><NOBR>video</NOBR></TD>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs11" NAME="tabs11" ONCLICK="TabClick(1,1);"><NOBR>music</NOBR></TD>
     </TR><TR>
          <TD COLSPAN=5 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight">Voici la liste des articles : </TD>
      </TR>
      <TR>
          <TD COLSPAN=5 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight TabContentBottom">

<DIV ID="Content10"><TABLE CELLPADDING=0 CELLSPACING=0 ALIGN="center" ><TR><TD><TABLE><TR><TD COLSPAN=4 CLASS="TabContent TabActiveBackground TabActiveBorderLeftRight TabContentBottom">
  <DIV ID="Content11" ><a href="detail.php?id=pirate">pirate des caraïbes</a></div>
</td></tr></table>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs11" NAME="tabs11"  ONCLICK="TabClick(1,1);"><NOBR>action</NOBR></TD>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs12" NAME="tabs12"  ONCLICK="TabClick(2,1);"><NOBR>comedie</NOBR></TD>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs21" NAME="tabs21"  ONCLICK="TabClick(1,2);"><NOBR>jazz</NOBR></TD>
<TD CLASS="TabBorderBottom TabCommon TabOff" ID="tabs22" NAME="tabs22"  ONCLICK="TabClick(2,2);"><NOBR>country</NOBR></TD>

</tr></table></DIV>
      </TD>
      </TR>
  </TABLE>



Cette discussion est classée dans : mysql, id, echo, background, border

Répondre à ce message

Sujets en rapport avec ce message

Souci dans mon tableau [ par slhuilli ] Bonjour,je cherche la faille dans ce bout de code depuis p$ls jours sans trouver. Qu'elqu'un pourra peut être maider et m'expliquer . En fait, je n MySQL id? [ par Linuss ] Bonjour à tous, Voilà, lorsque j'essaie de faire un lien qui contient l'id (qui existe au ca sou quelqu'un poserait la question :) d'un tuto, je n'y a Besoin Aide Formulaire [ par Dexterage ] bonjour a tous :)voila jai un tit soucis avec ma page! Le but de la page étant de faire une lister d'évènement, en fonction des lieux. Il y a une tabl Mysql erreur, mais où ? [ par Tilix ] Bonjour,Je voudrais savoir où est l'erreur dans ceci :while($data = mysql_fetch_assoc($req))     {   if ('!'.$data['id'].'') { echo '(0)'; }    else { Pagination en php URGENT [ par hoodlum ] Tout d'abord je suis debutant en php et J'ai un petit pb,jarrive pas a trouver l'erreur dans mon script de pagination pour une requete SQL qui retourn AU SECOUR [ par hoodlum ] voici mon script:   include("heads.inc.php");      $req=$_SERVER['REQUEST_METHOD'];     if($req=="POST")       $cho etre perdu [ par hoodlum ] contrairement a tous les message ke g pu laissé sur le forum ;G trouvé le probleme .mais je c pa pkoi.voici mon :   include("heads.inc.php");      $re UNE BOUCLE infernal HELP ME!!! [ par hoodlum ] Le problemes c ke o 2eme passage par pasage a l'url le script arrete d'etre executé a partir de la ou g mis le pointillé car le while n'est pas execut Authentification [ par Alricaus ] Bonjour à tous. J'aimerai réaliser un code en php, utilisant la base de donnée mysql, pour faire que lorsqu'une personne s'identifie sur l'index en ht mysql [ par jnbrunet ] Salut, Je suis en train de programmé une partie admin pour un forum. Je permets au admin de blocker une discution en entrant le # de la discution dans


Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Waterfall in Kauai Hawaii With Rainbow
Photo Coral reef and snorkeler 

Visiter la photothèque

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,702 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)