Moodle 2 Javascript output

Moodle 2 Javascript output

de către Mark Johnson-
Număr de răspunsuri: 5
Fotografia lui Core developers Fotografia lui Particularly helpful Moodlers Fotografia lui Peer reviewers Fotografia lui Plugin developers

Moodle 2 comes with a lovely html_writer API for outputting HTML tags, putting and end to potentially messy hand-written and echoed HTML.  It also comes with some lovely new Javascript APIs. However, I'm wondering what the preferred method is for outputting HTML from within Javascript code. Is there an html_writer implementation that I'm yet to find, should we be building DOM nodes at attaching them to the relevant parent, or should we just be echoing HTML as we used to in PHP?

Media aprecierilor: -
Ca răspuns la Mark Johnson

Re: Moodle 2 Javascript output

de către Tim Hunt-
Fotografia lui Core developers Fotografia lui Documentation writers Fotografia lui Particularly helpful Moodlers Fotografia lui Peer reviewers Fotografia lui Plugin developers

Use DOM, or the YUI3 DOM wrappers, or output the bulk of HTML in PHP, but hidden, and just releal it using JS.

Media aprecierilor:Useful (1)
Ca răspuns la Tim Hunt

Re: Moodle 2 Javascript output

de către Mark Johnson-
Fotografia lui Core developers Fotografia lui Particularly helpful Moodlers Fotografia lui Peer reviewers Fotografia lui Plugin developers

Thanks Tim,

I was thinking mainly about displaying data from AJAX requests as HTML, so DOM manipulation is probably the best option here.

Media aprecierilor: -
Ca răspuns la Mark Johnson

Re: Moodle 2 Javascript output

de către Tim Hunt-
Fotografia lui Core developers Fotografia lui Documentation writers Fotografia lui Particularly helpful Moodlers Fotografia lui Peer reviewers Fotografia lui Plugin developers

One example is http://cvs.moodle.org/moodle/user/selector/module.js?view=markup. Look at the output_options function.

Media aprecierilor:Useful (1)
Ca răspuns la Tim Hunt

Re: Moodle 2 Javascript output

de către Mark Johnson-
Fotografia lui Core developers Fotografia lui Particularly helpful Moodlers Fotografia lui Peer reviewers Fotografia lui Plugin developers

Great example, thanks. I'd not found Y.Node.create() yet, looks like a handy solution!

Media aprecierilor: -
Ca răspuns la Mark Johnson

Re: Moodle 2 Javascript output

de către sam marshall-
Fotografia lui Core developers Fotografia lui Peer reviewers Fotografia lui Plugin developers

Depending on the information you're displaying, it may be appropriate to make the AJAX response return html (as part or all of its return value). That way you can write the html in php.

IMO this approach is quite appropriate for 'displaying extra thing on page' type AJAX requests, especially if code is shared with a non-AJAX version to display the same type of thing. But it's not so appropriate for 'returning data to modify existing page element' type AJAX requests. Opinions might differ...

--sam

Media aprecierilor: -