Retour à Forum de programmation

jScript incompatible avec IE

  • skalus
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 01, 2012
  • Messages: 7
  • Status: Offline

Message Mars 1st, 2012, 3:08 am

Bonjour tout le monde, j'ai un srpit pour la table à onglets, qui fonctionne très bien, mais pas sur Internet Explorer. Peut quelqu'un veuillez dire quel est le problème avec elle ? Merci beaucoup

JAVA Code: [ Select ]
function tabview_aux(TabViewId, id)
{
  var TabView = document.getElementById(TabViewId);
 
  // ----- Tabs -----
 
  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
 
  var Tab = Tabs.firstChild;
  var i   = 0;
 
  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);
 
  // ----- Pages -----
 
  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;
 
  var Page = Pages.firstChild;
  var i    = 0;
 
  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' :   'none';
    }
  }
  while (Page = Page.nextSibling);
}
 
// ----- Functions -------------------------------------------------------------
 
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
 
function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
 
 
 
 
  1. function tabview_aux(TabViewId, id)
  2. {
  3.   var TabView = document.getElementById(TabViewId);
  4.  
  5.   // ----- Tabs -----
  6.  
  7.   var Tabs = TabView.firstChild;
  8.   while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
  9.  
  10.   var Tab = Tabs.firstChild;
  11.   var i   = 0;
  12.  
  13.   do
  14.   {
  15.     if (Tab.tagName == "A")
  16.     {
  17.       i++;
  18.       Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
  19.       Tab.className = (i == id) ? "Active" : "";
  20.       Tab.blur();
  21.     }
  22.   }
  23.   while (Tab = Tab.nextSibling);
  24.  
  25.   // ----- Pages -----
  26.  
  27.   var Pages = TabView.firstChild;
  28.   while (Pages.className != 'Pages') Pages = Pages.nextSibling;
  29.  
  30.   var Page = Pages.firstChild;
  31.   var i    = 0;
  32.  
  33.   do
  34.   {
  35.     if (Page.className == 'Page')
  36.     {
  37.       i++;
  38.       if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
  39.       Page.style.overflow = "auto";
  40.       Page.style.display  = (i == id) ? 'block' :   'none';
  41.     }
  42.   }
  43.   while (Page = Page.nextSibling);
  44. }
  45.  
  46. // ----- Functions -------------------------------------------------------------
  47.  
  48. function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
  49.  
  50. function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
  51.  
  52.  
  53.  
  54.  
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 1st, 2012, 3:08 am

  • Zealous
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 15, 2011
  • Messages: 1195
  • Loc: Sydney
  • Status: Online

Message Mars 1st, 2012, 3:55 am

Pas de cours d'introduire vous-même pour votre premier post ?
  • skalus
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 01, 2012
  • Messages: 7
  • Status: Offline

Message Mars 1st, 2012, 6:49 am

ne savait pas que vous avez telle coutume - ne voulait pas créer un postes inutiles-c'est tout. M les gars juste normal qui sont nouveau pour www conçu. Terminer son site Web et IE sanglante n'est pas compatible avec mon script.
  • spork
  • Brewmaster
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Sep 22, 2003
  • Messages: 6130
  • Loc: Seattle, WA
  • Status: Offline

Message Mars 2nd, 2012, 11:23 am

Quel est le comportement prévu du script, et ce qu'elle en fait fait dans IE ? Affichage code et en lui demandant pourquoi il ne fonctionne pas ne fournissent pas suffisamment de contexte pour les gens à aider.
The Beer Monocle. Classy.
  • skalus
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 01, 2012
  • Messages: 7
  • Status: Offline

Message Mars 3rd, 2012, 1:45 am

Désolé spork.
Ce script est de créer un tableau d'affichage onglet. J'ai la table avec des onglets, et quand je clique sur leur contenu de la modification de la table

Lorsque j'essaie de le faire dans IE lub Safari lorsque je clique sur le contenu de l'onglet 2 du tableau ne change pas.
  • MarPlo
  • Novice
  • Novice
  • No Avatar
  • Inscription: Fév 16, 2012
  • Messages: 34
  • Status: Offline

Message Mars 4th, 2012, 7:06 am

Salut
Pas sûr si cela résoudra le problème, mais essayez, remplacer :
Code: [ Select ]
Tab.href   = "javascript:tabview_switch('"+TabViewId+"', "+i+");";

Avec :
Code: [ Select ]
Tab.href   = "javascript: tabview_switch('"+TabViewId+"', "+i+");";
Free PHP-MySQL Course and video Lessons.
Good JavaScript and jQuery course for beginners.
  • skalus
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 01, 2012
  • Messages: 7
  • Status: Offline

Message Mars 4th, 2012, 3:14 pm

un grand merci pour la réponse, mais malheureusement, cela ne change rien à rien. Ne fonctionne toujours pas sur IE
  • ScottG
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Juil 06, 2010
  • Messages: 266
  • Status: Offline

Message Mars 5th, 2012, 12:00 pm

skalus peut vous fournir un exemple de la table à onglets que vous utilisez ? juste en regardant à l'youve de code affiché je ne vois rien qui causerait l'IE à l'échec.

aussi comment est le tableau à onglets se fait ? Est il statique ou être créé par une autre source via AJAX ou Javascript ?
  • skalus
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 01, 2012
  • Messages: 7
  • Status: Offline

Message Mars 5th, 2012, 5:04 pm

http://www,php-development,ru/javascripts/tab-view.phpJ'ai pris le script de ce site. Si vous l'ouvrez dans IE il travaillera. Toutefois, lorsque vous téléchargez le script et ouvrez un example dans IE. vous ne pourrez pas basculer entre les onglets.
Aussi, malheureusement je ne sais pas la différence entre script statique ou créé à l'aide de javascript. Quelqu'un m'a dit que j'ai besoin d'activer manuellement le javascript, pour lui permettre de travailler. Qui est une solution, mais qu'en est-il des utilisateurs qui ont l'ancienne version d'IE ou ne savent pas la force de le faire ?
Merci
  • MarPlo
  • Novice
  • Novice
  • No Avatar
  • Inscription: Fév 16, 2012
  • Messages: 34
  • Status: Offline

Message Mars 6th, 2012, 1:35 am

Salut
Il y a des scripts JS pour onglet vue mieux que ce script, juste regarder sur le net pour « onglets de javascript ».
Free PHP-MySQL Course and video Lessons.
Good JavaScript and jQuery course for beginners.
  • ScottG
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Juil 06, 2010
  • Messages: 266
  • Status: Offline

Message Mars 6th, 2012, 10:14 am

Je suis d'accord avec MarPlo. aussi, j'ai téléchargé le script d'affichage onglet et a couru il et cela a fonctionné pour moi. Im exécution annoncée ne savez pas quelle version votre course. La plupart des navigateurs ont Javascript activé déjà.

IE est incompatible avec elle sont autonome et il y a de nombreux caprices Ive connut avec javascript avec IE.

Une des questions j'avais était avoir AJAX à rendre le contenu html et ajouter à la page avec IE innerHTML n'était pas capable de trouver les éléments i faite ou exécuter le javascript attaché à eux.

Un autre qui me pousse noix est si vous avez un paramétrage identique à l'id d'un élément nommé ou nom provoquera (au moins les anciennes versions) IE à pas à exécuter le javascript ou provoquer une erreur, même s'il n'y a pas d'erreurs.

Assurez-vous que vous n'avez pas un paramétrage identique à un élément nommé

par exemple
JAVASCRIPT Code: [ Select ]
var TabView = document.getElementById(TabViewId);
 
  1. var TabView = document.getElementById(TabViewId);
  2.  

et
Code: [ Select ]
<div class="TabView" id="TabView">


Si votre toujours utilisant le script original essayez de modifier le conteneur div pour d'ouverture
Code: [ Select ]
<div class="TabView" id="TabViewEle">

Vous devrez également modifier l'appel de fonction d'initialisation de
JAVASCRIPT Code: [ Select ]
tabview_initialize('TabViewEle');
 
  1. tabview_initialize('TabViewEle');
  2.  

Essayer ça et voir ce que happends
  • skalus
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 01, 2012
  • Messages: 7
  • Status: Offline

Message Mars 7th, 2012, 3:14 am

Merci ScottG, je vais essayer de faire comme vous les résultats. Mais juste pour clarifier. Il faut changer
JAVASCRIPT Code: [ Select ]
var TabView = document.getElementById(TabViewId);
[/javasript]
 
for
 
[javascript]
var TabView = document.getElementById(TabView1);
var TabView = document.getElementById(TabView2);
var TabView = document.getElementById(TabView3);
 
  1. var TabView = document.getElementById(TabViewId);
  2. [/javasript]
  3.  
  4. for
  5.  
  6. [javascript]
  7. var TabView = document.getElementById(TabView1);
  8. var TabView = document.getElementById(TabView2);
  9. var TabView = document.getElementById(TabView3);
  10.  

puis

HTML Code: [ Select ]
<div class="TabView" id="TabView1">
<div class="TabView" id="TabView2">
<div class="TabView" id="TabView3">
 
  1. <div class="TabView" id="TabView1">
  2. <div class="TabView" id="TabView2">
  3. <div class="TabView" id="TabView3">
  4.  


et d'ajouter pour java tout séparément, comme :
JAVASCRIPT Code: [ Select ]
tabview_initialize('TabView1');{ tabview_aux(TabView1,  1); }
tabview_initialize('TabView2');{ tabview_aux(TabView2,  1); }
tabview_initialize('TabView3');{ tabview_aux(TabView3,  1); }
 
  1. tabview_initialize('TabView1');{ tabview_aux(TabView1,  1); }
  2. tabview_initialize('TabView2');{ tabview_aux(TabView2,  1); }
  3. tabview_initialize('TabView3');{ tabview_aux(TabView3,  1); }
  4.  

Merci encore une fois
  • ScottG
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Juil 06, 2010
  • Messages: 266
  • Status: Offline

Message Mars 7th, 2012, 9:17 am

La seule chose que vous avez besoin de changer serait dans la page HTML et non pas le fichier javascript

Donc, on dirait que vous avez trois fenêtres avec onglets ? Si tel est le cas, c'est le fichier html l'échantillon de pages d'échantillon que vous souhaiteriez.

Cette sample.html devrait être la seule chose que vous devez changer

HTML Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 
<title>Tab-View Sample</title>
 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords"    content="" />
 
<link rel="stylesheet" type="text/css" href="tab-view.css" />
 
</head>
<body>
 
 
 
<div class="TabView" id="TabView1">
 
 
    <!-- ***** Tabs ************************************************************ -->
   
    <div class="Tabs" style="width: 452px;">
      <a class="Current">Tab 1</a>
      <a>Tab 2</a>
      <a>Tab 3</a>
    </div>
   
   
    <!-- ***** Pages *********************************************************** -->
   
    <div class="Pages" style="width: 450px; height: 300px;">
      <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
    </div>
 
</div>
 
<div class="TabView" id="TabView2">
 
 
    <!-- ***** Tabs ************************************************************ -->
   
    <div class="Tabs" style="width: 452px;">
      <a class="Current">Tab 1</a>
      <a>Tab 2</a>
      <a>Tab 3</a>
    </div>
   
   
    <!-- ***** Pages *********************************************************** -->
   
    <div class="Pages" style="width: 450px; height: 300px;">
      <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
    </div>
 
</div>
 
<div class="TabView" id="TabView3">
 
 
    <!-- ***** Tabs ************************************************************ -->
   
    <div class="Tabs" style="width: 452px;">
      <a class="Current">Tab 1</a>
      <a>Tab 2</a>
      <a>Tab 3</a>
    </div>
   
   
    <!-- ***** Pages *********************************************************** -->
   
    <div class="Pages" style="width: 450px; height: 300px;">
      <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
    </div>
 
</div>
 
<script type="text/javascript" src="tab-view.js"></script>
<script type="text/javascript">
tabview_initialize('TabView1');
tabview_initialize('TabView2');
tabview_initialize('TabView3');
</script>
 
</body>
</html>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <title>Tab-View Sample</title>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  8. <meta name="description" content="" />
  9. <meta name="keywords"    content="" />
  10.  
  11. <link rel="stylesheet" type="text/css" href="tab-view.css" />
  12.  
  13. </head>
  14. <body>
  15.  
  16.  
  17.  
  18. <div class="TabView" id="TabView1">
  19.  
  20.  
  21.     <!-- ***** Tabs ************************************************************ -->
  22.    
  23.     <div class="Tabs" style="width: 452px;">
  24.       <a class="Current">Tab 1</a>
  25.       <a>Tab 2</a>
  26.       <a>Tab 3</a>
  27.     </div>
  28.    
  29.    
  30.     <!-- ***** Pages *********************************************************** -->
  31.    
  32.     <div class="Pages" style="width: 450px; height: 300px;">
  33.       <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
  34.       <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
  35.       <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
  36.     </div>
  37.  
  38. </div>
  39.  
  40. <div class="TabView" id="TabView2">
  41.  
  42.  
  43.     <!-- ***** Tabs ************************************************************ -->
  44.    
  45.     <div class="Tabs" style="width: 452px;">
  46.       <a class="Current">Tab 1</a>
  47.       <a>Tab 2</a>
  48.       <a>Tab 3</a>
  49.     </div>
  50.    
  51.    
  52.     <!-- ***** Pages *********************************************************** -->
  53.    
  54.     <div class="Pages" style="width: 450px; height: 300px;">
  55.       <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
  56.       <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
  57.       <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
  58.     </div>
  59.  
  60. </div>
  61.  
  62. <div class="TabView" id="TabView3">
  63.  
  64.  
  65.     <!-- ***** Tabs ************************************************************ -->
  66.    
  67.     <div class="Tabs" style="width: 452px;">
  68.       <a class="Current">Tab 1</a>
  69.       <a>Tab 2</a>
  70.       <a>Tab 3</a>
  71.     </div>
  72.    
  73.    
  74.     <!-- ***** Pages *********************************************************** -->
  75.    
  76.     <div class="Pages" style="width: 450px; height: 300px;">
  77.       <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
  78.       <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
  79.       <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
  80.     </div>
  81.  
  82. </div>
  83.  
  84. <script type="text/javascript" src="tab-view.js"></script>
  85. <script type="text/javascript">
  86. tabview_initialize('TabView1');
  87. tabview_initialize('TabView2');
  88. tabview_initialize('TabView3');
  89. </script>
  90.  
  91. </body>
  92. </html>
  93.  


Maintenant, si vous vouliez juste des onglets de l'arbre, il serait
HTML Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 
<title>Tab-View Sample</title>
 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords"    content="" />
 
<link rel="stylesheet" type="text/css" href="tab-view.css" />
 
</head>
<body>
 
 
 
<div class="TabView" id="TabView1">
 
 
    <!-- ***** Tabs ************************************************************ -->
   
    <div class="Tabs" style="width: 452px;">
      <a class="Current">Tab 1</a>
      <a>Tab 2</a>
      <a>Tab 3</a>
    </div>
   
   
    <!-- ***** Pages *********************************************************** -->
   
    <div class="Pages" style="width: 450px; height: 300px;">
      <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
      <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
    </div>
 
</div>
 
<script type="text/javascript" src="tab-view.js"></script>
<script type="text/javascript">
tabview_initialize('TabView1');
</script>
 
</body>
</html>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <title>Tab-View Sample</title>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  8. <meta name="description" content="" />
  9. <meta name="keywords"    content="" />
  10.  
  11. <link rel="stylesheet" type="text/css" href="tab-view.css" />
  12.  
  13. </head>
  14. <body>
  15.  
  16.  
  17.  
  18. <div class="TabView" id="TabView1">
  19.  
  20.  
  21.     <!-- ***** Tabs ************************************************************ -->
  22.    
  23.     <div class="Tabs" style="width: 452px;">
  24.       <a class="Current">Tab 1</a>
  25.       <a>Tab 2</a>
  26.       <a>Tab 3</a>
  27.     </div>
  28.    
  29.    
  30.     <!-- ***** Pages *********************************************************** -->
  31.    
  32.     <div class="Pages" style="width: 450px; height: 300px;">
  33.       <div class="Page" style="display: block;"><div class="Pad">Page 1</div></div>
  34.       <div class="Page" style="display:  none;"><div class="Pad">Page 2</div></div>
  35.       <div class="Page" style="display:  none;"><div class="Pad">Page 3</div></div>
  36.     </div>
  37.  
  38. </div>
  39.  
  40. <script type="text/javascript" src="tab-view.js"></script>
  41. <script type="text/javascript">
  42. tabview_initialize('TabView1');
  43. </script>
  44.  
  45. </body>
  46. </html>
  47.  
  • skalus
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Mar 01, 2012
  • Messages: 7
  • Status: Offline

Message Mars 9th, 2012, 6:57 am

Merci beaucoup pour l'aide. J'ai décidé d'aller de nouveau code, qui fonctionne almostly nice. Im en utilisant la table d'ebay. Lorsque j'ai copier-coller comme page a personnalisé il fonctionne, exemple
http://stores.ebay,co,uk/ride-time
Cependant le même script lorsque je coller en tant que description ne fonctionne pas. Pour le rendre encore plus drôle, il fonctionne sur la prévisualisation mais pas parcourir quand. Exemple :
http://cgi.ebay,co,uk/ws/eBayISAPI.dll? ... 0834949618
(je veux pas utiliser le forum pour la publicité!)
vous avez des idées ce qui peut causer ce problème bizarre ?
C'est le code java

JAVASCRIPT Code: [ Select ]
window.onload=function() {
 
  // get tab container
  var container = document.getElementById("tabContainer");
    // set current tab
    var navitem = container.querySelector(".tabs ul li");
    //store which tab we are on
    var ident = navitem,id.split("_")[1];
    navitem.parentNode.setAttribute("data-current",ident);
    //set current tab with class of activetabheader
    navitem.setAttribute("class","tabActiveHeader");
 
    //hide two tab contents we don't need
    var pages = container.querySelectorAll(".tabpage");
    for (var i = 1; i < pages.length; i++) {
      pages[i].style.display="none";
    }
 
    //this adds click event to tabs
    var tabs = container.querySelectorAll(".tabs ul li");
    for (var i = 0; i < tabs.length; i++) {
      tabs[i].onclick=displayPage;
    }
}
 
// on click of one of tabs
function displayPage() {
  var current = this.parentNode.getAttribute("data-current");
  //remove class of activetabheader and hide old contents
  document.getElementById("tabHeader_" + current).removeAttribute("class");
  document.getElementById("tabpage_" + current).style.display="none";
 
  var ident = this,id.split("_")[1];
  //add class of activetabheader to new active tab and show contents
  this.setAttribute("class","tabActiveHeader");
  document.getElementById("tabpage_" + ident).style.display="block";
  this.parentNode.setAttribute("data-current",ident);
}
 
 
  1. window.onload=function() {
  2.  
  3.   // get tab container
  4.   var container = document.getElementById("tabContainer");
  5.     // set current tab
  6.     var navitem = container.querySelector(".tabs ul li");
  7.     //store which tab we are on
  8.     var ident = navitem,id.split("_")[1];
  9.     navitem.parentNode.setAttribute("data-current",ident);
  10.     //set current tab with class of activetabheader
  11.     navitem.setAttribute("class","tabActiveHeader");
  12.  
  13.     //hide two tab contents we don't need
  14.     var pages = container.querySelectorAll(".tabpage");
  15.     for (var i = 1; i < pages.length; i++) {
  16.       pages[i].style.display="none";
  17.     }
  18.  
  19.     //this adds click event to tabs
  20.     var tabs = container.querySelectorAll(".tabs ul li");
  21.     for (var i = 0; i < tabs.length; i++) {
  22.       tabs[i].onclick=displayPage;
  23.     }
  24. }
  25.  
  26. // on click of one of tabs
  27. function displayPage() {
  28.   var current = this.parentNode.getAttribute("data-current");
  29.   //remove class of activetabheader and hide old contents
  30.   document.getElementById("tabHeader_" + current).removeAttribute("class");
  31.   document.getElementById("tabpage_" + current).style.display="none";
  32.  
  33.   var ident = this,id.split("_")[1];
  34.   //add class of activetabheader to new active tab and show contents
  35.   this.setAttribute("class","tabActiveHeader");
  36.   document.getElementById("tabpage_" + ident).style.display="block";
  37.   this.parentNode.setAttribute("data-current",ident);
  38. }
  39.  
  40.  
  • ScottG
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Juil 06, 2010
  • Messages: 266
  • Status: Offline

Message Mars 13th, 2012, 10:41 am

Les deux liens que vous avez fourni le travail pour moi à la fois annoncée et 10 de Firefox. Je ne vois pas quelque chose qui apparaît hors de moi. Les navigateurs et les versions que vous utilisez ?
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 13th, 2012, 10:41 am

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 15 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 347 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC