Image element and Javascript

[koze85]

Hello how can I change the image of an image element through javascript

 

[koze85]

friendly Bump !

 

[koze85]

Ok it turns out that it was a javascript error that was not allowing me to change the image .. I ve found it but everytime I press a button element on a form a get this error Uncaught TypeError: Cannot read property 'name' of undefinedwhat is that?

 

[rob]

can you point us at the form's URL please? If we need a log in to access the form can you add it here http://fabrikar.com/you/my-sites/ thanks!

 

[koze85]

ok the page is under development under Wamp Server.. I ve put it online through dynamic dns (no-ip) checked and it works. The url I provided to my-sites points directly to the form you are gonna see two buttons under a avatar image first one opens up a file loader and the second one does nothing if you press any of them you are going to see the error in the console thanks

 

[rob]

Thanks I could see the bug, but as the js is loaded compressed I can't tell what line number is actually causing the issue. If you fill out a super admin account in http://fabrikar.com/you/my-sites/form/14/203 I can log in and tell fabrik to load up the uncompressed js files, which will then allow me to debug the code.
thx
Rob

 

[koze85]

done !

 

[koze85]

I put the uncompressed javascript for fabrik and the error now is here
Fabrik.fireEvent('fabrik.form.submit.end', [this]);
if (this.result === false) {
this.result = true;
e.stop();
// Update global status error
this.updateMainError();
} else {
// Enables the list to clean up the form and custom events
if (this.options.ajax) {
e.stop();
Fabrik.fireEvent('fabrik.form.ajax.submit.end', [this]);
} else {
// Inject submit button name/value.
new Element('input', {type: 'hidden', name: btn.name, value: btn.value}).inject(this.form);
this.form.submit();
}
}
}.bind(this));
e.stop();
},

btn.name cannot be found (Uncaught TypeError: Cannot read property 'name' of undefined )

 

[koze85]

please help the error happens on the 1007 line of form.js (data[btn.name] = btn.value; )

 

[cheesegrits]

OK, I'm a little confused.

Those buttons seem to be trying to kick off an upload element, by doing:

registration___FUAvatarUploader.click();

Which just isn't going to work.

Can you be a little more explicit about what you are trying to do, and the relationship between your 'avatar' image element, and the file upload element?

As far as I can tell, you don't really need the image element at all, you could just be doing this with an upload element?

-- hugh

 

[koze85]

Forget about the code you saw in the page or the image element... maybe I should had made a new post so I dont confuse others.. even in an empty form with no javascript from me if I have an empty button element and press it I get this javascript error

and this code does work for me. It didnt work for you?

 

[rob]

I think the issue is that with our current code, if you don't stop the event with:

e.stop();

then the form attempts to submit and the js error occurs there.

I've added some additional checks into our form submission js code to get round this which should be available in this commit:

https://github.com/Fabrik/fabrik/commit/d02a1700bd6ab7d49605ee3379b0891498c33b7b

 

[koze85]

success at last!! Thanks very much case closed !!!