JavaScript - Arbeiten mit Tabs/Reitern

5. November 2009 17:22

Die Zählung beginnt bei 0, 1 ist also der 2. Tab/Reiter auf dem Formular

Focus auf einen bestimmten Tab setzen
crmForm.all.tab1Tab.click();

Titel eines Tabs zur Laufzeit ändern
Document.all.tab1Tab.innerText = "Neuer Name";

Ausblenden eines TAB
crmForm.all.tab1Tab.style.display = "none";

Komplette Farbe des Tabs ändern
document.all.tab0.style.backgroundColor = 'red';

Farbe des Reiters in der Übersicht ändern
crmForm.all.tab3Tab.style.backgroundColor='blue';

Alle Felder eines Tabs schreibschützen
Der Code kommt von Tomiliy, vielen Dank dafür.
Code:
var el=document.getElementById('Tab4');
function toggleDisabled(el) {
  try {
    el.disabled = el.disabled ? false : true;
  }
  catch(E){}
               
  if (el.childNodes && el.childNodes.length > 0) 
  {
    for (var x = 0; x < el.childNodes.length; x++)
    {
      toggleDisabled(el.childNodes[x]);
    }
  }
}
toggleDisabled(el);

Auf einen Tab über seinen Namen zugreifen
Code:
var tab = GetTab( "Notizen" );

function GetTab( name )
{
   var tabs = crmTabBar.getElementsByTagName("LI");
   for( var i = 0 ; i < tabs.length ; i++ )
   {
      if( tabs[ i ].innerText == name )
      return tabs[ i ];
   }
   return null;
}


Der Artikel ist unter diesem Link in meinem Blog erschienen.