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

omment intégrer des onglets, sur un menu dynamique Javascript - HTML/CSS - Programmation

Marsh Posté le 16-04-2007 à 15:23:37    

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
Reply

Marsh Posté le 16-04-2007 à 15:23:37   

Reply

Marsh Posté le 16-04-2007 à 16:40:23    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed