ansaurus

Question

implement listener

Answer 1

+1 A:

The problem is that myCal is a local variable to the launchCal() function. Giving the myCal variable a globally-accessible namespace will make it available to every scope.

Here's your original code (someone else accidentally put my correct code in your original question =/)

YAHOO.namespace("yuibook.calendar"); 

//define the lauchCal function which creates the calendar 
YAHOO.yuibook.calendar.launchCal = function() { 

    //create the calendar object, specifying the container 
    var myCal = new YAHOO.widget.Calendar("mycal"); 

    //draw the calendar on screen 
    myCal.render(); 
}

//define the showCal function which shows the calendar
Var showCal = function() { 
    //show the calendar 
    myCal.show(); 
} 

//create calendar on page load
YAHOO.util.Event.onDOMReady(YAHOO.yuibook.calendar.launchCal); 

//attach listener for click event on calendar icon 
YAHOO.util.Event.addListener("calico", "click", showCal); 

//myCal.hide();

Now see my changes. Note the use of the global YAHOO namespace.

YAHOO.namespace("yuibook.calendar"); 

//define the lauchCal function which creates the calendar 
YAHOO.yuibook.calendar.launchCal = function() { 

    //create the calendar object, specifying the container 
    YAHOO.yuibook.calendar.myCal = new YAHOO.widget.Calendar("mycal"); 

    //draw the calendar on screen 
    myCal.render(); 
}

//define the showCal function which shows the calendar
Var showCal = function() { 
    //show the calendar 
    YAHOO.yuibook.calendar.myCal.show(); 
} 

//create calendar on page load
YAHOO.util.Event.onDOMReady(YAHOO.yuibook.calendar.launchCal); 

//attach listener for click event on calendar icon 
YAHOO.util.Event.addListener("calico", "click", showCal); 

//myCal.hide();

Triptych 2008-12-23 05:19:05

Your answer should be in your answer, not his question. Now I have no idea what he was asking because you've changed the question to an "answer". What did he do wrong in the original question? How can someone learn from his mistake?

jmucchiello 2008-12-23 05:48:40

I didn't do that, le dorfier did. Hopefully he changes it back. I don't have enough authority or whatever to edit other people's posts. Anyway - I rolled mine back to show my answer.

Triptych 2008-12-23 05:51:03

this answer identifies the problem but the code has a couple issues. the statement `myCal.render();` needs to be updated to `YAHOO.yuibook.calendar.myCal.render();`. also `Var showCal ... ` needs to be made `var showCal ... ` since js is case-sensitive and the correct keyword is `var` with a little v. this mistake is repeated in the source material (see comment on OP) several times. and not an issue with your answer but there is nothing in the original code to hide the calendar before the `image is clicked, so it's always visible.

lincolnk 2010-10-27 18:56:04

Answer 2

A:

Hi Triptych,

I doint understand where u have made chages . Can you please mention in the code the changes you have made. Iam unabke to identify the changes you have made

2008-12-23 05:58:22

Just edited my post to make that clear. We were struck by an errant editor.

Triptych 2008-12-23 05:59:17

Answer 3

A:

YAHOO.namespace("yuibook.calendar"); 

//define the lauchCal function which creates the calendar 
YAHOO.yuibook.calendar.launchCal = function() { 

    //create the calendar object, specifying the container 
    YAHOO.yuibook.calendar.myCal = new YAHOO.widget.Calendar("mycal"); 

    //draw the calendar on screen 
    myCal.render(); 
}

//define the showCal function which shows the calendar
Var showCal = function() { 
    //show the calendar 
    YAHOO.yuibook.calendar.myCal.show(); 
} 

//create calendar on page load
YAHOO.util.Event.onDOMReady(YAHOO.yuibook.calendar.launchCal); 

//attach listener for click event on calendar icon 
YAHOO.util.Event.addListener("calico", "click", showCal); 

//myCal.hide();

I have tried with the above code. But unable to see the calendar when I click the image. Can anybody help me?

Thanks in advance.

2008-12-23 06:08:25

hey. you should delete your two responses, and then copy your code from MY answer, and put it in your original post. Also, do try my solution (the second block of code in my answer)

Triptych 2008-12-23 06:10:26

Answer 4

A:

Hi Triptych,

I dont see any changes between your code and my code. Any how my problem is not solved. Can u please send the complete script as i am new to understand javascript.

Thanks in advance

2008-12-23 08:35:27

Answer 5

A:

the code doesn't work...can anyone explain what css is exactly doing here???

Sandesh 2010-02-10 07:36:57

Answer 6

A:

the calendar is not displayed no matter how many changes i make in the code...I tried Triptychs's changes too but with no success...it just doesn't display itself...plz help

Sandesh 2010-02-10 07:41:11

ansaurus

tags:

views:

answers:

implement listener

related questions