Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1576 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  omment intégrer des onglets, sur un menu dynamique Javascript

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

omment intégrer des onglets, sur un menu dynamique Javascript

n°1543363
snake228
Posté le 16-04-2007 à 15:23:37  profilanswer
 

Bonjour,
 
Je suis très débutant en programmation, donc je ne sais pas trop comment m'y prendre...  
Je tourne sous oscommerce, et j'ai installé un script java pour avoir un menu horizontal dynamique, j'aimerai pouvoir y ajouter des onglets comme par exemple sur ce site : http://www.piercing-tendance.com car pour le moment je n'ai que des rectangle de couleur...
 
Je vous met ci-joint une capture de mon site, avec une courte explication de ce que je veux faire...
 
http://www.santenature.fr/test.JPG
 
Voici le script que j'utilise :
 

Code :
  1. <script LANGUAGE="JavaScript1.2" SRC="includes/menu_animation.js"></SCRIPT>


 
Le code du header relatif a ce script :
 

Code :
  1. <table border="0" width="100%" cellspacing="0" cellpadding="1">
  2.   <tr class="headerNavigation">
  3.     <td class="headerNavigation">&nbsp;&nbsp;<?php echo $breadcrumb->trail(' &raquo; '); ?></td>
  4.     <td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> &nbsp;|&nbsp; <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>&nbsp;&nbsp;</td>
  5.   </tr>
  6. </table>
  7. <table border="0" width="100%" cellspacing="0" cellpadding="0">
  8. <tr><td width="100%" align=center>
  9. <?php
  10. if ((USE_CACHE == 'true') && empty($SID)) {
  11.     echo tep_cache_categories_box();
  12.   } else {
  13.     //include(DIR_WS_BOXES . 'categories.php');
  14.     include(DIR_WS_BOXES . 'coolmenu.php');
  15.   }
  16. ?>
  17. </td></tr>
  18. </table>


 
Et pour finir le code du fichier coolmenu.php (celui qui génère les tableaux)
 

Code :
  1. <?php
  3. /* ------------------------------------------------
  5.   coolMenu for osCommerce
  6.    
  7.   author: Andreas Kothe  
  8.   url:  http://www.oddbyte.de
  10.   modified by: PinkCrow
  11.   url: http://www.pinkcrow.net
  13.   Released under the GNU General Public License
  14.    
  15.   ------------------------------------------------  
  16. */
  21. // --- CONFIG ---
  23. define('SHOW_COUNT','false');
  24. define('SUB_CATEGORIES','4');
  30. if (MAX_MANUFACTURERS_LIST < 2) {
  31.     $cat_choose = array(array('id' => '', 'text' => BOX_CATEGORIES_CHOOSE));
  32. } else {
  33.     $cat_choose = '';
  34. }
  36. ?>
  40.     <!--  Copyright 2002 www.dhtmlcentral.com  --  modified for PHP and osCommerce by Andreas Kothe - www.oddbyte.de -->
  42.  <script>
  44.  oCMenu=new makeCM("oCMenu" ) //Making the menu object. Argument: menuname
  46.  //Menu properties
  47.  oCMenu.pxBetween=0
  48.  oCMenu.fromLeft=220 //réglage gauche ou droite
  49.  oCMenu.fromTop=64 //réglage haut ou bas
  50.  oCMenu.rows=1
  51.  oCMenu.menuPlacement="left"
  53.  oCMenu.offlineRoot=""
  54.  oCMenu.onlineRoot=""
  55.  oCMenu.resizeCheck=1
  56.  oCMenu.wait=300
  57.  oCMenu.fillImg="cm_fill.gif"
  58.  oCMenu.zIndex=0
  60.  //Background bar properties
  61.  oCMenu.useBar=1
  62.  oCMenu.barWidth="menu"
  63.  oCMenu.barHeight="menu"
  64.  oCMenu.barClass="clBar"
  65.  oCMenu.barX="menu"
  66.  oCMenu.barY="menu"
  67.  oCMenu.barBorderX=0
  68.  oCMenu.barBorderY=0
  69.  oCMenu.barBorderClass=""
  71.  oCMenu.level[0]=new cm_makeLevel()
  72.  oCMenu.level[0].width=90  //réglage hauteur largeur case catégorie
  73.  oCMenu.level[0].height=20
  74.  oCMenu.level[0].regClass="clLevel0"
  75.  oCMenu.level[0].overClass="clLevel0over"
  76.  oCMenu.level[0].borderX=1
  77.  oCMenu.level[0].borderY=1
  78.  oCMenu.level[0].borderClass="clLevel0border"
  79.  oCMenu.level[0].offsetX=0
  80.  oCMenu.level[0].offsetY=20
  81.  oCMenu.level[0].rows=0
  82.  //oCMenu.level[0].arrow="images/arrow.gif"
  83.  oCMenu.level[0].arrow=""
  84.  oCMenu.level[0].arrowWidth=0
  85.  oCMenu.level[0].arrowHeight=0
  86.  oCMenu.level[0].align="center"
  87.  oCMenu.level[0].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.2)"
  88. <?php
  89. for ($i=1; $i<SUB_CATEGORIES; $i++) {
  90.  echo'
  91.   oCMenu.level[' . $i . ']=new cm_makeLevel()
  92.   oCMenu.level[' . $i . '].width=150  //réglage hauteur largeur case article
  93.   oCMenu.level[' . $i . '].height=22
  94.   oCMenu.level[' . $i . '].regClass="clLevel1"
  95.   oCMenu.level[' . $i . '].overClass="clLevel1over"
  96.   oCMenu.level[' . $i . '].borderX=1
  97.   oCMenu.level[' . $i . '].borderY=1
  98.   oCMenu.level[' . $i . '].align="right"
  99.   oCMenu.level[' . $i . '].offsetX=0
  100.   oCMenu.level[' . $i . '].offsetY=0
  101.   oCMenu.level[' . $i . '].borderClass="clLevel1border"
  102.   oCMenu.level[' . $i . '].align="right"
  103.   oCMenu.level[' . $i . '].filter="progid:DXImageTransform.Microsoft.Fade(duration=0.2)"
  106.  ';
  108. } // end for
  113. // ---
  115. function blank_length($text) {
  116.  $count = 0;
  117.  while(substr($text, 0,12) == "&nbsp;&nbsp;" ) {
  118.   $text = substr($text, 12);
  119.   $count++;
  120.  }
  121.  return $count;
  122. }
  127. // ---
  130. function print_menu_line($categories, $depth_size,$depth_parentid, $depth) {
  132.  $size=0;
  133.  for($i=0; $depth_size[$i]!=0; $i++) {
  134.   $size++;
  135.  }
  138.  echo "oCMenu.makeMenu('";
  140.  if ($depth == 0) {
  141.   echo "top" . '_'.$depth_size[0] . "','','";
  142.  } else if ($depth == 1) {
  143.   echo "sub" .'_'.$depth_size[0] .'_'. $depth_size[1] . "','top" .'_'. $depth_size[0] . "','";
  144.  } else { // $depth < 1
  145.   echo "sub";
  146.   for ($i=0; $i<$size; $i++) {
  147.    echo ($depth_size[$i] != 0) ? '_'.$depth_size[$i] : '_';
  148.   }
  149.   echo "','sub";
  150.   for ($i=0; $i<$size-1; $i++) {
  151.    echo ($depth_size[$i] != 0) ? '_'.$depth_size[$i] : '_';
  152.   }
  153.   echo "','";
  154.  }
  155.  echo $categories['text'];
  156.  if (SHOW_COUNT == 'true') {
  157.   $products_in_category = tep_count_products_in_category($categories['id']);
  158.   if ($products_in_category > 0) {
  159.    echo "<FONT COLOR=\"#c0c0c0\"> &nbsp;(" . $products_in_category . " )</FONT>";
  160.   }
  161.  }
  162.  
  163.         $cPathNew = "cPath=";
  164.  for ($i=0; $i<$size-1; $i++) {
  165.   $cPathNew .= ($depth_size[$i] != 0) ? $depth_parentid[$i].'_':'';
  166.         }
  167.         $cPathNew .= $categories['id'];
  168.  echo "','" . tep_href_link(FILENAME_DEFAULT,$cPathNew) . "')\n";
  169. }
  173. // ---
  176. $categories = tep_get_categories('');
  178. //$height.= 2.65*count($categories);
  179. $height.= 0;
  181. $depth=0;
  182. $blank_length;
  183. $depth_size;
  184. $depth_parentid;
  186. for($i=0; $i<count($categories); $i++) { // don't insert 1st entry ("please choose ..." )
  187.  $blank_length = blank_length($categories[$i]['text']);
  189.  if($blank_length == $depth) {
  190.   $categories[$i]['depth'] = $depth;
  191.   $depth_size[$depth]++;
  192.  } else if ($blank_length > $depth) {
  193.   $depth++;
  194.   $categories[$i]['depth'] = $depth;
  195.   $depth_size[$depth]++;
  196.  } else if ($blank_length < $depth) {
  197.   for ($j=$depth; $j>$blank_length; $j--) {
  198.    $depth_size[$j] = 0;
  199.    $depth--;
  200.   }
  201.   $categories[$i]['depth'] = $depth;
  202.   $depth_size[$depth]++;
  204.  }
  205.         $depth_parentid[$categories[$i]['depth']] = $categories[$i]['id'];
  207.  // remove blanks
  208.  $categories[$i]['text'] = substr($categories[$i]['text'], 12*$blank_length);
  210.  print_menu_line($categories[$i], $depth_size,$depth_parentid, $depth);
  211. }
  215. ?>
  217.  // create menu
  218.  oCMenu.construct()
  220.     <!--  Copyright 2002 www.dhtmlcentral.com  --  modified for PHP and osCommerce by Andreas Kothe - www.oddbyte.de -->
  222.  </SCRIPT>


 
Cordialement,
Patrick


Message édité par snake228 le 16-04-2007 à 15:27:23
mood
Publicité
Posté le 16-04-2007 à 15:23:37  profilanswer
 

n°1543402
xtof_83
Freeride Spirit
Posté le 16-04-2007 à 16:40:23  profilanswer
 

Change de code, tu auras plus de chance la prochaine fois.
Sinon Java != javascript :o


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  omment intégrer des onglets, sur un menu dynamique Javascript

 

Sujets relatifs
Définir variable php à partir d'une variable javascript[Javascript] Mon chronomètre ne fonctionne pas
[Javascript] Insérer un retour à la ligne dans un textarea [résolu][Javascript] XMLHttpRequest & optimisation
mod_rewrite dynamiqueNom d'objet dynamique
Comment convertir un fichier pdf dynamique en statique sous java ?Redirection url + regexp Javascript.
[Javascript] Complètement nul mais têtu[javascript] page précédente et rechargement de fonction
Plus de sujets relatifs à : omment intégrer des onglets, sur un menu dynamique Javascript

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.111 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR