Javascript - Revision history

Porcelinux at 22:11, 10 February 2022

2022-02-10T22:11:00Z

← Older revision		Revision as of 22:11, 10 February 2022
Line 1:		Line 1:
			[[Category:Programming-Languages]]
	=== Image Preload ===		=== Image Preload ===
	* Tratto da i templates di Quanta Plus		* Tratto da i templates di Quanta Plus

Porcelinux: /* effects methods */

2012-01-22T23:00:57Z

effects methods

@@ Line 182: / Line 182: @@
 $(selector).fadeTo()	Fade out selected elements to a given opacity
 $(selector).animate()	Run a custom animation on selected elements
 </syntaxhighlight>

Porcelinux: /* jQuery */

2012-01-22T22:50:20Z

jQuery

← Older revision		Revision as of 22:50, 22 January 2012
Line 146:		Line 146:
	</syntaxhighlight >		</syntaxhighlight >

	=== ~~slide fade etc.~~ methods ===		=== effects methods ===

	<syntaxhighlight lang=bash>		<syntaxhighlight lang=bash>
Line 169:		Line 169:
	});		});
	});		});
			</syntaxhighlight>

			<syntaxhighlight lang=bash>
			$(selector).hide() Hide selected elements
			$(selector).show() Show selected elements
			$(selector).toggle() Toggle (between hide and show) selected elements
			$(selector).slideDown() Slide-down (show) selected elements
			$(selector).slideUp() Slide-up (hide) selected elements
			$(selector).slideToggle() Toggle slide-up and slide-down of selected elements
			$(selector).fadeIn() Fade in selected elements
			$(selector).fadeOut() Fade out selected elements
			$(selector).fadeTo() Fade out selected elements to a given opacity
			$(selector).animate() Run a custom animation on selected elements
	</syntaxhighlight>		</syntaxhighlight>

Porcelinux: /* jQuery */

2012-01-22T22:48:44Z

jQuery

@@ Line 146: / Line 146: @@
 </syntaxhighlight >
-===slide methods:===
+=== slide fade etc. methods ===
 <syntaxhighlight lang=bash>
@@ Line 152: / Line 152: @@
 $(selector).slideUp(speed,callback)
 $(selector).slideToggle(speed,callback)
 </syntaxhighlight>

Porcelinux: /* jQuery */

2012-01-22T22:46:30Z

jQuery

← Older revision		Revision as of 22:46, 22 January 2012
Line 145:		Line 145:
	$(selector).mouseover(function) Triggers, or binds a function to the mouseover event of selected elements		$(selector).mouseover(function) Triggers, or binds a function to the mouseover event of selected elements
	</syntaxhighlight >		</syntaxhighlight >

			===slide methods:===

			<syntaxhighlight lang=bash>
			$(selector).slideDown(speed,callback)
			$(selector).slideUp(speed,callback)
			$(selector).slideToggle(speed,callback)
			</syntaxhighlight>

Porcelinux: /* jQuery */

2012-01-22T22:44:40Z

jQuery

@@ Line 133: / Line 133: @@
 $("[href$='.jpg']")	All elements with an href attribute that ends with ".jpg"
 $("div#intro .head")	All elements with class="head" inside a <div> element with id="intro"
 </syntaxhighlight >

Porcelinux: /* facebook */

2012-01-22T22:43:08Z

facebook

← Older revision		Revision as of 22:43, 22 January 2012
Line 117:		Line 117:
	* select all friends / invite all friends		* select all friends / invite all friends
	javascript:fs.select_all();		javascript:fs.select_all();



			== jQuery ==

			<syntaxhighlight lang=bash>
			$(this) Current HTML element
			$("p") All <p> elements
			$("p.intro") All <p> elements with class="intro"
			$("p#intro") All <p> elements with id="intro"
			$("p#intro:first") The first <p> element with id="intro"
			$(".intro") All elements with class="intro"
			$("#intro") The first element with id="intro"
			$("ul li:first") The first <li> element of the first <ul>
			$("[href$='.jpg']") All elements with an href attribute that ends with ".jpg"
			$("div#intro .head") All elements with class="head" inside a <div> element with id="intro"
			</syntaxhighlight >

Xunil at 07:48, 24 February 2011

2011-02-24T07:48:32Z

New page

=== Image Preload ===
* Tratto da i templates di Quanta Plus
/* To include this script into an xhtml page without copying and pasting it in
add the following tags into your xhtml page. Please note that these comments are
only valid within .js (JavaScript files),
do not include them if you wish to use this script within an xhtml document.
<script type="text/javascript" src="./preload.js"></script>

Or copy and paste the script into your document head enclosed in
<script type="text/javascript"></script> tags */
var arImages=new Array();
function Preload() {
var temp = Preload.arguments;
for(x=0; x < temp.length; x++) {
arImages[x]=new Image();
arImages[x].src=Preload.arguments[x];
}
}

/*this replaces your normal 'body' tag
substitute your own image names*/
/*
< body onload="Preload('thing.png','anotherthing.png','etc etc.png')" >
*/

=== AJAX Call ===
* Create the object
if (window.XMLHttpRequest ){ var XmlHttp = new XMLHttpRequest(); }
else { var XmlHttp = new ActiveXObject("MSXML2.XMLHTTP.3.0"); }
* Create the Reequest:
if ( ! XmlHttp ) {
XmlHttp = new XMLHttpRequest();
}
else {
XmlHttp.abort();
}
* Get the url fetched:
XmlHttp.open("get", PageUrl , true);
XmlHttp.onreadystatechange = function () {
if (XmlHttp.readyState == 4) {
if (XmlHttp.status == 200) {
* if everything goes well, put the result in a div called (with id) "divContent".
document.GetElementById( "divContent" ).innerHTML = XmlHttp.responseText;
} else
} alert( "error : " + PageUrl );
};
XmlHttp.send( null );

=== Create element "on the fly" ===

var but = document.createElement( "INPUT" );
but.setAttribute( 'type' , 'submit' );
but.setAttribute( 'value' , 'upload' );

== Syntax ==
=== Switch ===
switch( action ) {
case "stock":
/* code code code */
break;
default:
/* code code code */
break;
}

=== Strings ===
* Concatenating:
var BigString = StringFirst + " words between strings " + StringLast ;

=== popup window ===

<input type="button" value="open in new window" onclick="window.open('http://www.ciao.com')">

=== Null ===

from: http://lists.evolt.org/archive/Week-of-Mon-20050214/169524.html

<pre>
"
Well, first of all, in JavaScript null is an object. There’s another
value for things that don’t exist, undefined. The DOM returns null for
almost all cases where it fails to find some structure in the
document, but in JavaScript itself undefined is the value used.

Second, no, they are not directly equivalent.
If you really want to check for null, do:

if (null == yourvar) // with casting
if (null === yourvar) // without casting

If you want to check if a variable exist

if (typeof yourvar != ‘undefined’) // Any scope
if (window['varname'] != undefined) // Global scope
if (window['varname'] != void 0) // Old browsers

If you know the variable exists but don’t know if there’s any value
stored in it:

if (undefined != yourvar)
if (void 0 != yourvar) // for older browsers

If you want to know if a member exists independent of whether it has
been assigned a value or not:

if (‘membername’ in object) // With inheritance
if (object.hasOwnProperty(‘membername’)) // Without inheritance

If you want to to know whether a variable autocasts to true:

if(variablename)
"
</pre>

== facebook ==
* select all friends / invite all friends
javascript:fs.select_all();