Adding JavaScript and CSS to the page: Difference between revisions
From Joomla! Documentation
m Tom Hutchison moved page Talk:Adding JavaScript and CSS to the page to J3.2 talk:Adding JavaScript and CSS to the page: split to specific versions |
Hint for replacing example script and bug |
||
| Line 1: | Line 1: | ||
== Replace the example script == | |||
The script ist written with mootools and should be replaced with a version in JQuery | |||
== Little Bug == | |||
the text "It do not use inline JavaScript" should be replaced with "It doesn't use inline JavaScript" | |||
---- | |||
Hello there.. I was about to pitch in and add on a whole other section on basically doing the exact same thing you did with $document.. except using the JHTML class. I wasn't exactly sure why you'd use one over the other and thought I'd ask if you knew why this redunacy exists and if one is in some way more helpful. Any ideas? | Hello there.. I was about to pitch in and add on a whole other section on basically doing the exact same thing you did with $document.. except using the JHTML class. I wasn't exactly sure why you'd use one over the other and thought I'd ask if you knew why this redunacy exists and if one is in some way more helpful. Any ideas? | ||
[[User:Haelix|Haelix]] 23:45, 8 November 2008 (EST) | [[User:Haelix|Haelix]] 23:45, 8 November 2008 (EST) | ||
Revision as of 13:27, 14 February 2018
Replace the example script
The script ist written with mootools and should be replaced with a version in JQuery
Little Bug
the text "It do not use inline JavaScript" should be replaced with "It doesn't use inline JavaScript"
Hello there.. I was about to pitch in and add on a whole other section on basically doing the exact same thing you did with $document.. except using the JHTML class. I wasn't exactly sure why you'd use one over the other and thought I'd ask if you knew why this redunacy exists and if one is in some way more helpful. Any ideas? Haelix 23:45, 8 November 2008 (EST)
Haelix, I agree. It appears that the JHTML classes wrap the $document methods, and take care of anything else you might need (like mootools). I have updated the article to reflect this.Mike 21:24, 17 February 2009 (UTC)
what page should we keep ? this one http://docs.joomla.org/Adding_JavaScript or this one http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page ?
Using the class loader method is the common way:
JHTML::_('script', $filename, $path);
JHTML::_('stylesheet', $filename, $path);
A comment on xhtml validity & well-formedness
A few pointers on the current start of the article:
-well-formedness refers to balancing tags and nesting elements correctly, making it valid XML
-validity, i.e. conforming to (one of) the XHTML DTD(s), is what you are talking about with style- and script-elements and where they are allowed. Further, script-elements _are_ allowed inside the document's body-element, whether as external files with the src-attribute or inline inside script-tags. Style-elements on the other hand are only allowed inside the head-element, as you write.