[JS] numerieke waarde komt niet mee in functie

[Freemann]

ben bezig met een ajax script dat een "mandje" ophaalt uit de DB. Dit mandje bevat producten en bij die producten kunnen vragen hangen. Nu laat ik die weergeven in een dynamich JS tabel.

Het mandje is ook een JS tabel die ik in een DIV laad. Nu zit ik met het probleem dat een numerieke waarde niet doorkomt naar de volgende functie.

De query van het mandje geeft dit terug aan de xhr.responseText

code:

53,lulletje,2,Standaard ICT middelen,;;

De regel split ik op de "," voor de kolommen en ";;" voor de records.

cell_vulling[0] bevat dan ook het Record_id en deze wil ik doorgeven op regel 6 en 7 maar dat lukt niet. regel 2 geeft netjes in een alert het id weer. Als ik "tijdelijk" als var mee geef aan de functie dan krijg ShowContent niks. Als ik "waarde" mee geef dan krijgt ShowContent "--" mee.

Heb op het forum gelezen dat je ID's niet met getallen mag beginnen en vandaar de "-"tjes maar dat werkt ook niet... snap er niks meer van .... Het getal komt dus gewoon niet mee..

JavaScript:

tijdelijk = cell_vulling[0];
alert(tijdelijk);
waarde = "-"+tijdelijk+"-";
if (cell_vulling[4] != "" ){
     ooCell[3].onmouseover = function (){ ShowContent("oTableContainer",waarde);}
     ooCell[3].onmouseout = function (){ HideContent("oTableContainer",waarde);}
}

[BasieP]

met regel 6 en 7 bedoel je neem ik aan regel 5 en 6?

JS weet niet wat een 'id' is. een getal is gewoon een getal, en die zou gewoon doorgegeven moeten worden (ook negatief).
Wanneer jij "-" + tijdelijk + "-" doet, maar je er gewoon een string van, en ook die zou gewoon doorgegeven moeten worden.


edit:
stom dat ik het nu pas zie:

je declareerd 'tijdelijk' in deze functie.
Je maakt een nieuwe functie aan (onmouseout = function() { ... } ) waarin 'tijdelijk' (en waarde) niet gedeclareerd zijn. (dus "")

Kortom, twee mogelijkheden:
1: declareer globaal. Doe dit maar niet, want dan moet je voor elke cell een apparte var declareren (of 1 array natuurlijk)

2: zorgen dat je de waarde meegeeft naar die functie. Dit is opzich vrij lastig maar daar zijn truukjes voor.
Je kunt namelijk zoiets doen:

JavaScript:

var tijdelijk = cell_vulling[0];
if (cell_vulling[4] != "") {
     ooCell[3].tijdelijk = tijdelijk;
     ooCell[3].onmouseover = function () { ShowContent("oTableContainer", this.tijdelijk); }
     ooCell[3].onmouseout = function () { HideContent("oTableContainer", this.tijdelijk); }
}

(let ff op dat ik 'var' heb toegevoegd. IE6 wil daar nog wel eens mee bokken)

[ Voor 64% gewijzigd door BasieP op 10-09-2007 11:47 ]

[Freemann]

voke ik heb hem geprobeerd aan te passen aan de hand van je opmerkingen. Nu krijg ik alleen van ShowContent dat "new_decl" undefined is...

JavaScript:

var tijdelijk = cell_vulling[0];                //is een numerieke waarde
if (cell_vulling[4] != "" ){                //er moet een vraag zijn maak daarom de mouse over/out aan
    ooCell[3].onmouseover = function (tijdelijk){       //maak over aan
    var new_decl = tijdelijk                            //declareer "new_decl"
    ShowContent('oTableContainer',new_decl);        //zet functie
    }
    ooCell[3].onmouseout = function (tijdelijk){    //maak over aan
        var new_decl = tijdelijk                    //declareer "new_decl"
        ShowContent('oTableContainer',new_decl);        //zet functie
    }
}

edit:

oeps je hebt je post aangepast ik ga weer ff kijken

Goed hij werkt!!

Had ook al met This.xxxx zitten knoeien maar blijkbaar had ik dat toch nog niet goed gedaan

Thanx

[ Voor 12% gewijzigd door Freemann op 10-09-2007 11:56 ]

[frickY]

BasieP schreef op maandag 10 september 2007 @ 11:40:
2: zorgen dat je de waarde meegeeft naar die functie. Dit is opzich vrij lastig maar daar zijn truukjes voor.
Je kunt namelijk zoiets doen:

JavaScript:

var tijdelijk = cell_vulling[0];
if (cell_vulling[4] != "") {
     ooCell[3].tijdelijk = tijdelijk;
     ooCell[3].onmouseover = function () { ShowContent("oTableContainer", this.tijdelijk); }
     ooCell[3].onmouseout = function () { HideContent("oTableContainer", this.tijdelijk); }
}

(let ff op dat ik 'var' heb toegevoegd. IE6 wil daar nog wel eens mee bokken)

Ik doe het zelf altijd zo;

JavaScript:

     ooCell[3].onmouseover = new Function ("ShowContent(\"oTableContainer\", " + this.tijdelijk + ");");

Dan heb je geen 'vieze' containers nodig.

[BasieP]

frickY schreef op maandag 10 september 2007 @ 12:26:
[...]

Ik doe het zelf altijd zo;

JavaScript:

     ooCell[3].onmouseover = new Function ("ShowContent(\"oTableContainer\", " + this.tijdelijk + ");");

Dan heb je geen 'vieze' containers nodig.

true, eval is veeeeel netter