Variable radiobuttons

"Hjemmelavede"? Og hvad mener du med navne? Altså alle radiobuttons, som er i samme group (som skal vælges fra unikt) skal have samme navn. Og hvis de ikke er i samme group, skal de have forskellige navne.

Men du skal have en dynamisk navngivning ind over - eller? Har du flere (dynamisk antal) grupper eller kun en gruppe med dynamisk antal muligheder?

Og hvad har det egentlig med javascript at gøre? Det lyder som ren HTML-generering fra PHP.

--
Morten Barklund

Hvis du giver dem et id, som f.eks. har en gennemgående start-streng, kan du genkende dem ved at afslutte med et tal !-)

F.eks.

function changeRadio(elm){
  imgs = document.getElementsByTagName("IMG");
  for(i=1; i < imgs.length; i++){
    if(imgs[i].id.indexOf('radio') == 0)
      imgs[i].src = 'radioOff.gif';
  }
  elm.src = "radioOn.gif";
}

-- og dine radio-billeder sådan:

<img id="radio1" src="radioOff.gif" onclick="changeRadio(this);">

(roenving svarede vist på et par af mine spørgsmål)

Jeg må indrømme at jeg ikke rigtig forstår scriptet... Jeg er ikke så ferm i javascript... Men jeg tror det er noget af det rigtige du har fat i...

Jeg fik implanteret scriptet, men nu kan de allesammen kun slåes til og ikke fra... Hvor kommer det der elm fra, er det ikke en variabel den burde modtage et-eller-andet sted fra?

Da vi jo ikke kender antallet på nuværende tidspunkt valgte jeg en metode, hvor det er ligemeget (jeg går ud fra, at det er img-elementer, du bruger til dine 'kunstige' radiobuttons !-)

Vi vælger på forhånd, at alle 'radiobuttons' skal have et id, som starter med 'radio', altså radio1, radio2 osv.

Scriptet tager så fat i samtlige img-elementer i dokumentet, undersøger om id'et starter med 'radio', og hvis det gør sætter billedets src til at være det uvalgte billede.

Til sidste sættes det element, der er klikket på til at være den valgte udgave !-)

-- bemærk (this) på img-tagget !-)

Hmmm... Ja, nu begynder det at dæmre lidt... Men jeg kan stadig ikke få den til at fjerne de andre... Mine data ser således ud:

function changeRadio(elm) {
  imgs = document.getElementsByTagName("IMG");
  for(i=1; i < imgs.length; i++){
    if(imgs[i].id.indexOf('radio') == 0)
      imgs[i].src = '../grafik/image_notselected.jpg';
  }
  elm.src = "../grafik/image_selected.jpg";
}

og

<img src="../grafik/image_notselected.jpg" id="picbutton" width="14" height="14" onclick="changeRadio(this);">

fejl: id="picbutton"
Ifølge scriptet, skal dine id'er starte med "radio" (små bogstaver)..

Min fejl... Id skulle naturligvis være radio1... Sorry... Point?

-- og da et id skal være unikt, skal de have forskellige id'er, altså f.eks. radio1, radio2, radio3 osv.

200 er alt for mange, så behold selv langt de fleste !-)

Velbekomme '-)

Hvordan beholder jeg dele af det?

Lægger selv et svar og fordeler pointene med Avanceret !-)

Nåjah... Slet ikke dumt... 1000 tak

Tak for point ;~}

Hmm... Du kan vel ikke også lige hjælpe mig med hvordan jeg får den første knap til at være valgt fra start?

Du sætter vel bare "../grafik/image_selected.jpg" som src fra starten på lige den ?-)

Super... tak

Ups... Den går ikke... Så bliver de allesammen valgt fra starten...

Kun den ene !-)

Jamen der jo kun en linie kode der beskriver knapperne, og hvis den står til "../grafik/image_selected.jpg" kommer de allesammen til det.. Det er jo den samme linie der bliver gentaget af en while-løkke...

Men der er vel altid mindst een, så du kan vel sætte den ind først eller lave en betingelse, f.eks.

$i = 0;
while(et eller andet){
  print "<img src=\"" . ($i++==0)?"../grafik/image_selected.jpg":"../grafik/image_notselected.jpg" . "\" osv.";

  movenext (eller hvad det hedder !-);
}

-- og så skal hele betingelsen nok i en parantes:

print "<img src=\"" . ($i++==0?"../grafik/image_selected.jpg":"../grafik/image_notselected.jpg") . "\" osv.";

Koden er php og hedder

<?php

$pic = mysql_query("SELECT * FROM `".$id."-pic`") or die(mysql_error());

while ($row = mysql_fetch_array($pic)) {
?>
      <td width="16"><div align="right"><a href="pic_0<?php echo $row['id']; ?>.htm" target="picframe">
      <img src="../grafik/image_notselected.jpg" id="radio1" width="14" height="14" onclick="changeRadio(this);" border="0"></a></div></td>
<?php
}
?>

Jeg klarede den med nederst i html'en at indsætte:

<script>
changeRadio(radio1);
</script>

Tak for hjælpen
Hyggeligt at arbejde med dig

Jamen, så laver du jo også ulovlige id'er ?-)

Det er _ikke_ tilladt at give flere elementer det samme id !-)

<?php

$pic = mysql_query("SELECT * FROM `".$id."-pic`") or die(mysql_error());

$i = 0;
while ($row = mysql_fetch_array($pic)) {
?>
<td width="16"><div align="right"><a href="pic_0<?php echo $row['id']; ?>.htm" target="picframe">
<?php
print "<img id=\"radio" . $i++ . " src=' . ($i==1?"../grafik/image_selected.jpg":"../grafik/image_notselected.jpg") . "'  width='14' height='14' onclick='changeRadio(this);' border='0'></a></div></td>";
}
?>

Det forstår jeg intet af... det fungerer ganske fint som det er nu

Det er forbudt at tildele flere elementer det samme id, ganske som det er forbudt for flere mennesker at have det samme cpr-nummer ...