User:Frank Ralf/JavaScript1 - Revision history

Nakohdo: /* See also */

2009-09-28T15:16:35Z

Nakohdo: /* Next challenge */

2009-07-22T13:02:34Z

Next challenge

← Older revision		Revision as of 13:02, 22 July 2009
Line 308:		Line 308:
	: Thanks for the feedback, Tim - and the next challenge... --[[User:Frank Ralf\|Frank Ralf]] 07:48, 21 July 2009 (UTC)		: Thanks for the feedback, Tim - and the next challenge... --[[User:Frank Ralf\|Frank Ralf]] 07:48, 21 July 2009 (UTC)

	<p class="note">The next challenge will take place on [[User:Frank Ralf/JavaScript2]].		<p class="note">
			The next challenge will take place on [[User:Frank Ralf/JavaScript2]].
	</p>		</p>

	== See also ==		== See also ==
	* [[Javascript FAQ]]		* [[Javascript FAQ]]

Nakohdo: /* Next challenge */

2009-07-22T13:00:50Z

Next challenge

← Older revision		Revision as of 13:00, 22 July 2009
Line 308:		Line 308:
	: Thanks for the feedback, Tim - and the next challenge... --[[User:Frank Ralf\|Frank Ralf]] 07:48, 21 July 2009 (UTC)		: Thanks for the feedback, Tim - and the next challenge... --[[User:Frank Ralf\|Frank Ralf]] 07:48, 21 July 2009 (UTC)

	The next challenge will take place on [[User:Frank Ralf/JavaScript2]].		<p class="note">The next challenge will take place on [[User:Frank Ralf/JavaScript2]].
			</p>

	== See also ==		== See also ==
	* [[Javascript FAQ]]		* [[Javascript FAQ]]

Nakohdo: /* Next challenge */

2009-07-22T12:58:48Z

Next challenge

← Older revision		Revision as of 12:58, 22 July 2009
Line 308:		Line 308:
	: Thanks for the feedback, Tim - and the next challenge... --[[User:Frank Ralf\|Frank Ralf]] 07:48, 21 July 2009 (UTC)		: Thanks for the feedback, Tim - and the next challenge... --[[User:Frank Ralf\|Frank Ralf]] 07:48, 21 July 2009 (UTC)

	The next challenge will take place ~~here~~ on [[~~Frank_Ralf~~/JavaScript2]].		The next challenge will take place on [[User:Frank Ralf/JavaScript2]].

	== See also ==		== See also ==
	* [[Javascript FAQ]]		* [[Javascript FAQ]]

Nakohdo: /* Next challenge */

2009-07-22T12:58:14Z

Next challenge

← Older revision		Revision as of 12:58, 22 July 2009
Line 303:		Line 303:
	If you really want to convince me, I would like to see a conversion of http://cvs.moodle.org/moodle/user/selector/script.js?view=markup (it is used on the assign roles and add group members pages). That is a serious application of JavaScript. However, that is also a lot of code, so it is not really fair to ask for a conversion just as a proof of concept.		If you really want to convince me, I would like to see a conversion of http://cvs.moodle.org/moodle/user/selector/script.js?view=markup (it is used on the assign roles and add group members pages). That is a serious application of JavaScript. However, that is also a lot of code, so it is not really fair to ask for a conversion just as a proof of concept.

	Re: ''"Note that these are no YUI methods but the usual JavaScript DOM ones (and therefor applied to document.). YUI only enhances the JavaScript DOM methods."''		Re: ''"Note that these are no YUI methods but the usual JavaScript DOM ones (and therefor applied to document.). YUI only enhances the JavaScript DOM methods."'' <br />
	That is definitely a strength of YUI. HTML DOM is a widely supported standard. Any in-browser JS should build on that, rather than ignore it.--[[User:Tim Hunt\|Tim Hunt]] 04:52, 21 July 2009 (UTC)		That is definitely a strength of YUI. HTML DOM is a widely supported standard. Any in-browser JS should build on that, rather than ignore it.--[[User:Tim Hunt\|Tim Hunt]] 04:52, 21 July 2009 (UTC)

Nakohdo: /* Next challenge */

2009-07-22T12:56:26Z

Next challenge

← Older revision		Revision as of 12:56, 22 July 2009
Line 303:		Line 303:
	If you really want to convince me, I would like to see a conversion of http://cvs.moodle.org/moodle/user/selector/script.js?view=markup (it is used on the assign roles and add group members pages). That is a serious application of JavaScript. However, that is also a lot of code, so it is not really fair to ask for a conversion just as a proof of concept.		If you really want to convince me, I would like to see a conversion of http://cvs.moodle.org/moodle/user/selector/script.js?view=markup (it is used on the assign roles and add group members pages). That is a serious application of JavaScript. However, that is also a lot of code, so it is not really fair to ask for a conversion just as a proof of concept.

			Re: ''"Note that these are no YUI methods but the usual JavaScript DOM ones (and therefor applied to document.). YUI only enhances the JavaScript DOM methods."''
			That is definitely a strength of YUI. HTML DOM is a widely supported standard. Any in-browser JS should build on that, rather than ignore it.--[[User:Tim Hunt\|Tim Hunt]] 04:52, 21 July 2009 (UTC)

	Re: ~~''"Note that these are no YUI methods but~~ the ~~usual JavaScript DOM ones (~~and ~~therefor applied to document.). YUI only enhances~~ the ~~JavaScript DOM methods~~.~~"'' That is definitely a strength of YUI~~. ~~HTML DOM is a widely supported standard. Any in-browser JS should build on that, rather than ignore it~~.--[[User:~~Tim Hunt~~\|~~Tim Hunt~~]] 04:52, 21 July 2009 (UTC)		: Thanks for the feedback, Tim - and the next challenge... --[[User:Frank Ralf\|Frank Ralf]] 07:48, 21 July 2009 (UTC)

	~~: Thanks for the feedback, Tim - and the~~ next challenge~~... --~~[[~~User:Frank Ralf\|Frank Ralf~~]] ~~07:48, 21 July 2009 (UTC)~~		The next challenge will take place here on [[Frank_Ralf/JavaScript2]].

	== See also ==		== See also ==
	* [[Javascript FAQ]]		* [[Javascript FAQ]]

Nakohdo: /* Another version */

2009-07-22T10:36:30Z

Another version

← Older revision		Revision as of 10:36, 22 July 2009
Line 266:		Line 266:
	* We use the shortcut $(function() {...} instead of $(document).ready(function() {...}.		* We use the shortcut $(function() {...} instead of $(document).ready(function() {...}.
	* We don't need the class="teacher" anymore on the checkbox items.		* We don't need the class="teacher" anymore on the checkbox items.
	* '''EDIT''': We make the solution more robust by ensuring that the selectbox is unchecked when (re-)loading the page. Actually we are not checking the "checked" state of the selectbox anymore but only toggle the selectbox and the form items in parallel. That might get out of synch if ~~you~~ reload the page while the selectbox is checked.		* '''EDIT''': We make the solution more robust by ensuring that the selectbox is unchecked when (re-)loading the page. Actually we are not checking the "checked" state of the selectbox anymore but only toggle the selectbox and the form items in parallel. That might get out of synch if we reload the page while the selectbox is checked.

	<code php>		<code php>

Nakohdo: /* Another version */

2009-07-22T10:35:53Z

Another version

← Older revision		Revision as of 10:35, 22 July 2009
Line 266:		Line 266:
	* We use the shortcut $(function() {...} instead of $(document).ready(function() {...}.		* We use the shortcut $(function() {...} instead of $(document).ready(function() {...}.
	* We don't need the class="teacher" anymore on the checkbox items.		* We don't need the class="teacher" anymore on the checkbox items.
	* [EDIT] We make the solution more robust by ensuring that the selectbox is unchecked when (re-)loading the page.		* '''EDIT''': We make the solution more robust by ensuring that the selectbox is unchecked when (re-)loading the page. Actually we are not checking the "checked" state of the selectbox anymore but only toggle the selectbox and the form items in parallel. That might get out of synch if you reload the page while the selectbox is checked.

	<code php>		<code php>

Nakohdo: /* Another version */

2009-07-22T10:32:45Z

Another version

← Older revision		Revision as of 10:32, 22 July 2009
Line 279:		Line 279:

	: If you think that reads like plain English then I must be speaking some other language :-P--[[User:Tim Hunt\|Tim Hunt]] 09:57, 22 July 2009 (UTC)		: If you think that reads like plain English then I must be speaking some other language :-P--[[User:Tim Hunt\|Tim Hunt]] 09:57, 22 July 2009 (UTC)

			:: Well, we're talking in comparison to the YUI or native JavaScript solution... --[[User:Frank Ralf\|Frank Ralf]] 10:32, 22 July 2009 (UTC)

	== What's left to do? ==		== What's left to do? ==

Nakohdo: /* Another version */

2009-07-22T10:30:55Z

Another version

← Older revision		Revision as of 10:30, 22 July 2009
Line 266:		Line 266:
	* We use the shortcut $(function() {...} instead of $(document).ready(function() {...}.		* We use the shortcut $(function() {...} instead of $(document).ready(function() {...}.
	* We don't need the class="teacher" anymore on the checkbox items.		* We don't need the class="teacher" anymore on the checkbox items.
			* [EDIT] We make the solution more robust by ensuring that the selectbox is unchecked when (re-)loading the page.

	<code php>		<code php>
	<script type="text/javascript">		<script type="text/javascript">
	$(function() {		$(function() {
	$("input[name='showonlyselected']").click(function(){		$("input[name='showonlyselected']").removeAttr("checked").click(function(){
	$('#teachers .fitem:has(input:not(:checked))').toggle('normal');		$('#teachers .fitem:has(input:not(:checked))').toggle('normal');
	});		});

← Older revision		Revision as of 15:16, 28 September 2009
Line 314:		Line 314:
	== See also ==		== See also ==
	* [[Javascript FAQ]]		* [[Javascript FAQ]]
			* [http://www.netbeans.org/kb/docs/web/js-toolkits-jquery.html "Using jQuery to Enhance the Appearance and Usability of a Web Page"] for NetBeans 6.7
			* [http://www.netbeans.org/kb/65/web/jquery-structured-document.html "Using jQuery to Enhance the Appearance and Usability of a Structured Document"] for NetBeans 6.5