getElementBy flere name

Et skud i tågen:

<script language="JavaScript">
function highlightsMinimizer(todo) {
    i = 0;
    var myElements = document.getElementsByName('highlightsDescription');
    while(i<myElements.length) {
        myElements[i].style.display=todo;
        i++;
    }
}
</script>

Man kunne måske også flette en if() sætning ind i løkken der checker om myElements[i] er null eller undefined...?

Virker ikke :(

Gør dig klar til at smide et svar, tror det virker nu :)

Det virker i Safari på min Mac, men ikke i IE på min PC.
Det virker yderlige godt nok i FireFox på min mac.

svar.

Hvor fejler den i IE?

Den melder ikke fejl. Den ændre bare ikke noget. Her gjort således:

function highlightsMinimizer(todo) {
    if(todo == \'hide\') {
        document.getElementById(\'highlightsMinimizerIcon\').style.display=\'none\';
        document.getElementById(\'highlightsMaximizerIcon\').style.display=\'inline\';
        set = \'none\';
    } else {
        document.getElementById(\'highlightsMinimizerIcon\').style.display=\'inline\';
        document.getElementById(\'highlightsMaximizerIcon\').style.display=\'none\';
        set = \'inline\';
    }
    i = 0;
    var myElements = document.getElementsByName(\'highlightsDescription\');
    while(i<myElements.length) {
        myElements[i].style.display=set;
        i++;
    }
    highlightsShow(\'highlightsShowIcon\');
}

(Udkommenteringerne er til for PHP's skyld)

<ole>

Noget tyder på, du laver fejl andre steder. Prøv, at lade os se et link

/mvh
</bole>

http://new.ontv.dk
Det er de featured programmer der er i toppen (to grå bokse).
Det driller mig helt vildt med nogle sessions i php lige nu, men det har jo ikke noget med javascript delen at gøre...

Btw er det det lille minus tegn i øverste højre hjørne i indholdsdelen der ikke virker. Korrekt. Den skal minimere de to bokse så beskrivelse og evt. billeder fjernes.

Det virker jo godt nok i Firefox, men det skyldes en af dennes bugs ... det må ikke fungere. Det er ikke tilladt at bruge name-attribut på en TD  ;o)

Du bør i øvrigt slette alle dine XHTML-tag-lukninger (de dér -> ' />'). Det er ikke valid HTML  :)

Jeg skal have oversat det en dag... HTML-delen virker alligevel jo ;)

Hvordan fixer jeg det uden brug af name?
Det må kun lade sig gøre at bruge en fællesbetegnelse på nogle forskellige typer? Ellers må jeg indsætte et div, men kan det passe det ikke er muligt uden?

Du kan jo give dem en klasse eller udvide deres klasse med en ekstra - og så kikke efter den:
    <td class="minKlasse minSpecialKlasse" ........>

Derefter kan du lave et array med:
    var a = OBJECT.getElementsByTagName("td");
    for (var i=0; i<a.length; i++) {
        if (a[i].className.indexOf("minSpecialKlasse")!=-1) {
            alert("GotYa!");
        }
    }

Objektet 'OBJECT' kan være document, hvorved du leder mellem alle TD'er i dokumentet - men du kunne også indsnævre søgningen ved at lade det være et element ... f.eks. et div eller en tabel:
    var a = document.getElementById("HvadVedJeg").getElementsByTagName("td");

Nu har jeg lagt det i en div i stedet og det virker stadig ikke... nu kommer der bare en underlig fejlmeddelelse.

Naturligvis, for du kan heller ikke bruge name-attribut på div-elementer  :)

Du kan se her, hvad du kan bruge de forskellige attributter på:
    http://www.w3.org/TR/html401/index/attributes.html

Ej hvor er det tarveligt :)
Man kan ikke lave samme funktion bare med id i stedet vel? (Der er noget om man ikke må have to tags med ens id.)
Kan man gøre det med class i stedet så?

Man kan sagtens have flere classes på et et element (adskilt med mellemrum !-) og en class behøver ikke optræde i et stylesheet, så der er en mulighed for at lave noget fiksfakseri ved at benytte sig af classNames, hvilket oles eksempel også præcis gør !-)

-- en generaliseret funktion kunne være sådan:

<script language="javascript" type="text/javascript">
function getElementsByClassName(c,t,e){
  switch(getElementsByClassName.arguments.length){
    case 0:
      return null;
    case 1:
      t = '*';
      e = document;
      break;
    case 2:
      e = document;
  }
  var r = new Array(),tags = e.getElementsByTagName(t);
  for(i=0;tags.length>i;i++){
    if(tags[i].className.indexOf(c) > -1)r[r.length] = tags[i];
  }
  return (r.length>0)?r:null;
}
</script>

-- så kunne du bruge den sådan:

var elms = getElementsByClassName('minKlasse','div');
for(i=0; elms.length>i; i++){
  elms[i].style.display = 'none';
}

-- og lave diverne således:

<div class="main minKlasse">
<!-- Så du i dit stylesheet kan benytte .main som selektor -->
</div>

Okay, ud fra dit roenving og lidt andet :)
function highlightsMinimizer(todo) {
    if(todo == \'hide\') {
        document.getElementById(\'highlightsMinimizerIcon\').style.display=\'none\';
        document.getElementById(\'highlightsMaximizerIcon\').style.display=\'inline\';
        set = \'none\';
    } else {
        document.getElementById(\'highlightsMinimizerIcon\').style.display=\'inline\';
        document.getElementById(\'highlightsMaximizerIcon\').style.display=\'none\';
        set = \'inline\';
    }
    i = 0;
    var elms = getElementsByTagName(\'div\');
    for(i=0; elms.length>i; i++){
        if(elms[i].className == \'highlightsDescription\') {
            elms[i].style.display = set;
        }
    }
   
    window.open(\'/cookie.php?action=highlights_minimizer&todo=\'+todo,\'Gem\',\'height=10,width=20\');
    highlightsShow(\'highlightsShowIcon\');
}

Men det virker ikke... Nogen der ved hvorfor?
Har lagt det op, melder en object expected

hov, arh dumme mig :)
Mangler lige et document. :)

roenving og olebole, smid et svar, så får I alle 15 point hver ;)

- gerne  ;o)

Min egen standard-wrapper (roenving har vist set nogen af mine dokumenter og kender min vane med en blok af egne wrappers) ser nogenlunde sådan ud:


function getElmsByClassName(o,c){var a=[],aa=this.aT(o,"*");for(var i=0,j=aa.length;i<j;i++)if(aa[i].className==c)a.push(aa[i]);return a};

- der typisk bruges sådan:

var o = document.getElementById("etElementID");
myClassArray = getElmsByClassName(o, "minCssKlasse");

- eller:

myClassArray = getElmsByClassName(document, "minCssKlasse");

Tjoh, en enkelt er jeg vel kommet henover, men jeg smed med vilje en forholdvis generel generisk ting !-)

-- els velbekomme '-)

-- og en af de problemer, jeg har overskuet i mine senere udgaver er præcis den, som tidligere er vist med, at der kan være flere classNames i en class, hvorfor man må teste med .indexOf()>-1 !-)

-- og tak for point ;~}