CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

masteraaen Novice

01. november 2010 - 22:17 Der er 10 kommentarer og
1 løsning

Tilføj element - onChange fungerer ikke

Hej.

Jeg har et script, der tilføjer nye rækker i en tabel. Der er i en celle brug for en onChange, der kalder en funktion, når celleværdien ændres. Der skal kunne sendes en parameter med i funktionskaldet.

Jeg har fundet frem til følgende, som jeg dog ikke kan få til at fungere:

belob.onChange =function() {SumBelob(iteration)};

(det med at indsætte celler, rækker osv, værdier osv, fungerer fint).

Men den kalder ikke funktionen, når jeg ændrer celleværdien i den 'nye' input-celle.

Hvordan fffff får jeg det til at fungere :-) ??

Synes godt om

softspot Forsker

01. november 2010 - 22:26 #1

Er du opmærksom på at onchange først kaldes, når du forlader feltet?

Hvis du gerne vil have opdateringen til at ske når du taster/ændrer værdien, kan du f.eks. reagere på keypress eller keyup.

Synes godt om

masteraaen Novice

02. november 2010 - 11:15 #2

Ja, den er jeg opmærksom på.

Det skal være onChange, idet det bruges til at kontrollere værdien i feltet og evt. returnere denne i et andet format.

Jeg fatter ikke, den ikke kører funktionen.

Synes godt om

softspot Forsker

02. november 2010 - 11:23 #3

Kan du evt. prøve at vise den relevante kode, som sætter rækkerne og eventhandleren for de enkelte celler op?

Synes godt om

gbjensen65 Nybegynder

02. november 2010 - 17:38 #4

Hvordan ser din HTML formular ud ?

Jeg bruger f.eks. en kode som denne:

<select name="brewid" id="brewid" size = "1" onchange="ajaxUpdateRetBeer();">

Kan det evt. skyldes at der er en fejl i dit javascript inden din kode kaldes, har du f.eks. en reference til en ukendt DOM id eller en DOM id der er mere end en af kan få det til at fejle.

Synes godt om

masteraaen Novice

02. november 2010 - 19:34 #5

Hej

Det ser sådan her ud:

<script type="text/javascript">
function addRowToTable()
{
var tbl = document.getElementById('belobtabel');
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

// celle: Belob
var cellbelob = row.insertCell(5);
var belob = document.createElement('input');
belob.type = 'text';
belob.name = 'Belobname' + iteration;
belob.id = 'Belob' + iteration;
belob.size = 17;
belob.onChange =function() {SumBelob(iteration)};
cellbelob.appendChild(belob);

... osv.

Det er " belob.onChange =function() {SumBelob(iteration)};" jeg ikke kan få til at virke.

Jeg har prøvet både i <head>, efter <head> og før og efter <body>...

:-(

Synes godt om

majbom Novice

02. november 2010 - 19:50 #6

det er fordi du ikke bare kan tilføje events på den måde...

prøv med denne kode:

if(button.addEventListener){
   button.addEventListener("change", function(){testFunc('hej hej')}, true);
}else if(button.attachEvent){
   button.attachEvent("onchange", function(){testFunc('hej hej')});
}else{
   button.onchange = function(){testFunc('hej hej')};

Synes godt om

masteraaen Novice

02. november 2010 - 20:41 #7

Ahaa!

Snupsede lige denne del:
button.attachEvent("onchange", function(){testFunc('hej hej')});

Den fungerer upåklageligt.

Mange mange tak - vil du smide et svar?
:)

Synes godt om

masteraaen Novice

02. november 2010 - 20:42 #8

Blot til info blev den ændret til:

belob.attachEvent("onchange", function(){SumBelob(iteration)});

Synes godt om

majbom Novice

03. november 2010 - 09:17 #9

du bør smide 'min' kode i en funktion og brug denne funktion når du skal tilføje events, da det afhænger af browseren, hvilken af de 3 du skal bruge...

Synes godt om

masteraaen Novice

03. november 2010 - 10:42 #10

Ok tak. Værdifuld info.

Synes godt om

majbom Novice

03. november 2010 - 10:53 #11

selv tak :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS