Hjælp til Element

Generelt bør du afstå fra at skifte class på et element, da det skal renderes igen hvilket ikke er særlig effektivt. Det være sagt så tager jeg lige udgangspunkt i det du har, så du (forhåbentlig) kan få en løsning der fungerer på kort sigt.

Du skal gemme den tabel som pt. er valgt i en global variabel og så bruge den til at deaktivere tabellen når en ny bliver valgt.

<script type="text/javascript">
var currentTable;

function changeTable(obj) {
  if(currentTable) currentTable.className == "list_tbl";
  if(obj) {
    currentTable = obj;
    currentTable.className == "list_tbl_selected";
  }
}
<script>

tabellerne skal så kodes således:

<table width="580px" class="list_tbl" onclick="changeTable();" ondblclick="changeTable(this);" border="0" cellpadding="2" cellspacing="0">

UPS! Forkert operator - sorry. Det skal naturligvis være ne tildeling:

<script type="text/javascript">
var currentTable;

function changeTable(obj) {
  if(currentTable) currentTable.className = "list_tbl";
  if(obj) {
    currentTable = obj;
    currentTable.className = "list_tbl_selected";
  }
}
<script>

Fantastisk!


Kan man være så fræk at supplere op med endnu et spørgsmål :)

Hver tabel indeholder en form, som skal submittes men vi har kun en submit knap. Så jeg skal på en eller anden måde have data fra tabellen med i min submit evt. med form id eller form navn.

Bruger denne til at submitte: document.myform.submit();

Du kan f.eks. sende navnet på den form som tabellen indeholder med over til changeTable-funktionen (huske at give dine forms entydige navne). Så kan den i samme ombæring holde styr på hvilken form der skal submittes når du trykker på submit-knappen. Din submit-knap skal så kalde den nye funktion jeg har defineret (den hedder doSubmit).

<script type="text/javascript">
var currentTable;
var currentForm;

function changeTable(obj,formName) {
  if(currentTable) {
    currentTable.className = "list_tbl";
    currentForm = "";
  }
  if(obj) {
    currentTable = obj;
    currentTable.className = "list_tbl_selected";
    currentForm = formName;
  }
}

function doSubmit() {
  if(currentForm != "") {
    document.forms[currentForm].submit();
  }
  else {
    alert('Du skal vælge en formular før du kan sende data');
  }
}
<script>

Dine tabeller skal så lige sende navnet på den indlejrede formular med til funktionen:

<table width="580px" class="list_tbl" onclick="changeTable();" ondblclick="changeTable(this,'form1');" border="0" cellpadding="2" cellspacing="0">
...
</table>

<table width="580px" class="list_tbl" onclick="changeTable();" ondblclick="changeTable(this,'form2');" border="0" cellpadding="2" cellspacing="0">
...
</table>

osv...

hmmm virker ikke rigtigt,muligt jeg gør det forkert:

Brudstykke af koden:

        while($ROW = mysql_fetch_array($SQL)) {
?>
<table width="580px" class="list_tbl" ondblclick="changeTable();" onclick="changeTable(this,'form<?php echo $ROW['id'] ?>');" border="0" cellpadding="2" cellspacing="0">
<form method="post" action="?func=rediger" name="form<?php echo $ROW['id'] ?>">
    <input type="hidden" name="fm_id" value="<?php echo $ROW['id'] ?>" />
    <input type="hidden" name="fm_navn" value="<?php echo $ROW['navn'] ?>" />
    <input type="hidden" name="fm_adr" value="<?php echo $ROW['adr'] ?>" />
    <input type="hidden" name="fm_post" value="<?php echo $ROW['postnr'] ?>" />
    <input type="hidden" name="fm_by" value="<?php echo $ROW['city'] ?>" />
    <input type="hidden" name="fm_tlf" value="<?php echo $ROW['tlf'] ?>" />
    <input type="hidden" name="fm_fax" value="<?php echo $ROW['fax'] ?>" />
</form>
<?php
  //slut på løkken
  }
?>

...

<img class="btm_img" style="margin-bottom:0px;" src="img/btm_rediger.png" border="0" onclick="document.form.submit()" />

Problemmet er at jeg ikke får id med ned til
document.form.submit()" eller?

Ja, det er fordi din submitknap ikke kalder den funktion jeg lavede til samme formål. Gør sådan i stedet:

<img class="btm_img" style="margin-bottom:0px;" src="img/btm_rediger.png" border="0" onclick="doSubmit()" />

Sad lige i øjet, lig endeligt et svar - Mange tak for hjælpen!

Velbekomme :)

Tak for point :)