Anyone have any ideas at all on this problem? Our deadline is
approaching fast!
I think that the click() function attached to the DOM element must be
the DOM level 2 stuff.
Any ideas? Maybe there is a different approach I can try? Man, I wish
IE wasn't such a pain!
On Feb 1, 8:08 am, Mark <[EMAIL PROTECTED]> wrote:
> Now I have a new problem. When the onclick event is added with the
> standard event model (addEventListener via jQuery) I can't seem to get
> access to it.
>
> I noticed the event jQuery added to the element is stored in a
> property called 'click' instead of the standard 'onclick'. So I tried
> something like this:
>
> <script type="text/javascript">
> $(document).ready(function() {
> $('#clickTester').click(function(){
> alert('dynamic onclick!')
> });
> $('#clickTester').each(function() {
> var onClickStd = this.onclick;
> var onClickDyn = this.click;
> $
> (this).unbind('click').removeAttr('onclick').click(function(){
> if (confirm('Perform Original Action?')) {
> if ($.isFunction(onClickStd)) {
> onClickStd();
> }
> if ($.isFunction(onClickDyn)) {
> onClickDyn();
> }
> }
> });
> });
> });
> </script>
> <input type="button" id="clickTester" onclick="alert('Original Action
> Performed.');" value="Do It!">
>
> Which works find except, I get this error:
> [Exception... "Illegal operation on WrappedNative prototype object"
> nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)" location: "JS
> frame ::http://localhost/tests/onclickPrepend.html:: anonymous ::
> line 20" data: no]http://localhost/tests/onclickPrepend.htmlLine 20
>
> What is that?
>
> Mark
>
> On Jan 31, 12:02 pm, Mark <[EMAIL PROTECTED]> wrote:
>
> > Ok, well I have a solution! I guess IE doesn't like the eval()
> > function.http://ajaxian.com/archives/evaling-with-ies-windowexecscript
>
> > <script type="text/javascript">
> > var global = this;
> > $(document).ready(function() {
> > var onClickAttr = $('#clickTester').attr('onclick');
> > $('#clickTester').removeAttr('onclick').click(function(){
> > if (confirm('Perform Original Action?')) {
> > if (window.execScript) {
> > window.execScript('(' + onClickAttr.toString() + ')
> > ();');
> > }
> > else {
> > (global.eval) ? global.eval(onClickAttr) :
> > eval(onClickAttr);
> > }
> > }
> > });
> > });
> > </script>
> > <input type="button" id="clickTester" onclick="alert('Original Action
> > Performed.');" value="Do It!">
>
> > On Jan 30, 3:11 pm, "Mark T" <[EMAIL PROTECTED]> wrote:
>
> > > I am trying to make the on-click event of any element optional depending
> > > on
> > > what the user decides. The only functions I see out there append a
> > > function
> > > to the on-click event. I have played with the browser bubbling / catching
> > > stuff too. That worked in Firefox but not in IE 7. It seems I can't access
> > > the on-click function if it was defined within the element's onclick=""
> > > attribute.
>
> > > Here are my two approaches. Tell me if you have a better idea.
>
> > > <b>1) eval() </b>// I guess IE doesn't like us using this. Firefox doesn't
> > > care.
> > > <script type="text/javascript">
> > > $(document).ready(function() {
> > > var onClickAttr = $('#clickTester').attr('onclick');
> > > $('#clickTester').removeAttr('onclick').click(function(){
> > > if (confirm('Perform Original Action?')) {
> > > eval(onClickAttr);
> > > }
> > > }
> > > });
> > > </script>
> > > <input type="button" id="clickTester" onclick="alert('Original Action
> > > Performed.');" value="Do It!">
>
> > > <b>2) Bubbling </b>// Again, IE problems while Firefox works just fine.
> > > <script type="text/javascript">
> > > $(document).ready(function() {
> > > var $span = $('<span></span>').attr('onclick',
> > > $('#clickTester').attr('onclick'));
> > > $('#clickTester').removeAttr('onclick').wrap($span);
> > > $('#clickTester').click(function(event){
> > > if (!confirm('Perform Original Action?')) {
> > > event.stopPropagation();
> > > }
> > > });
> > > });
> > > </script>
> > > <input type="button" id="clickTester" onclick="alert('Original Action
> > > Performed.');" value="Do It!">
