Thanks for the help selecta. I think your explanation is correct.
I have managed to resolve my problem by using .live() method
http://api.jquery.com/live/
replacing
$('select#conversation_dropdown_text').change(function(){
for
$('select#conversation_dropdown_text').live('change',function(){
On Oct 27, 5:14 pm, selecta <gr...@delarue-berlin.de> wrote:
> i think the problem is that only on the first load the $
> ('select#conversation_dropdown_text').change(function(){ is executed
> that means that the change() is only applied to
> select#conversation_dropdown_text on the initial load
> on reload you would need to retrigger the change() on the
> select#conversation_dropdown_text
> to do that include the script in the LOAD component
> script = SCRIPT("$
> ('select#conversation_dropdown_text').change(function()
> { alert('meow'); }); ...", _type = "text/javascript")
> e.g. return {'conversation_dropdown':TAG[''](script,
> conversation_dropdown)}
>
> On Oct 26, 9:18 pm, Luther Goh Lu Feng <elf...@yahoo.com> wrote:
>
>
>
>
>
>
>
> > This problem might be related to the one
> > athttp://groups.google.com/group/web2py/browse_thread/thread/1eead541f5...
>
> > The view console.html has two drop down selects. The 1st dropdown
> > select (id="worksheet-list") activates loads a component via
> > javascript when changed. The second dropdown select will trigger an
> > alert dialog when changed.
>
> > When the page is freshly loaded, the second dropdown works as
> > expected. After a fresh reload, the 1st dropdown works as expected
> > too. If the 2nd dropdown is immediately triggered after the 1st
> > dropdown, the 2nd dropdown fails, ie no dialog box appears. And there
> > are no errors in the javascript console.
>
> > I did a diff of the source code when the 2nd dropdown was working
> > after a fresh reload, and when it fails, and found very very small
> > differences in the source:http://tinypic.com/r/muzcyh/7
>
> > I hope someone can aid me in explaining the cause of these
> > observations and help me debug this. Thanks in advance.
>
> > #console.html
>
> > <select id="worksheet-list">
> > {{ for wk in worksheets: }}
> > <option value="{{=wk.id}}">{{=wk.subject}}:
> > {{=wk.name}}</option>
> > {{ pass }}
> > </select>
>
> > <script>
> > <!-- Load comment component based on dropdown selected -->
> > $(document).ready(function(){
> >
> > $('select#conversation_dropdown_text').change(function(){
> > alert('meow');
> > });
>
> > $('select#worksheet-list').change(function(){
> >
> > web2py_component("/roverus/comment/conversation_dropdown.load/" + $
> > ('#worksheet-list').val(),"sidebar-header")
>
> > });
> > })
> > </script>
>
> > <h1>Conversation</h1>
> > <div id="sidebar-header">
> > {{ block sidebar-header }}
> > {{=LOAD('comment', 'conversation_dropdown.load',
> > args=[request.args[0]], ajax=False)}}
> > {{ end }}
> > </div>
>
> > ==============================================
>
> > #comment.py
>
> > def conversation_dropdown():
> > '''This action returns a dropdown component'''
>
> > # Pull the worksheet requested
> > w = db.worksheet(request.args(0))
>
> > # Create the manage the conversation selector dropdown
> > conversation_dropdown = SQLFORM.factory(
> > Field('text', label='Select a conversation',
> > requires=IS_IN_DB(db(db.question.worksheet==w), 'question.id',
> > 'question.text', orderby='question.id')), _id='conversation_dropdown',
> > table_name="conversation_dropdown")
>
> > #hide the submit button
> > submit = conversation_dropdown.element('input',_type='submit')
> > submit['_style'] = 'display:none;'
>
> > #process form dropdown
> > if conversation_dropdown.accepts(request.vars, session):
> > current_conversation = request.vars.text
> > elif conversation_dropdown.errors:
> > response.flash = 'Form has errors'
>
> > return {'conversation_dropdown':conversation_dropdown}
