<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Method Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/method/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/method/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:30:48 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How does the JavaScript Promise work?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-does-the-javascript-promise-work/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-does-the-javascript-promise-work/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Tue, 17 Aug 2021 12:45:21 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Operation]]></category>
		<category><![CDATA[Promises]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8048</guid>

					<description><![CDATA[<p>Promise A Promise is an object representing the eventual completion or failure of an asynchronous operation. A JavaScript Promise object [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-does-the-javascript-promise-work/">How does the JavaScript Promise work?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>Promise</strong></h2>



<p class="wp-block-paragraph">A Promise is an object representing the eventual completion or failure of an asynchronous operation. A JavaScript Promise object contains both the producing code and calls to the consuming code. It can be used to deal with Asynchronous operations in JavaScript.</p>



<p class="wp-block-paragraph"><strong>Promise State:-</strong></p>



<p class="wp-block-paragraph">Pending &#8211; Initial State, Not yet Fulfilled or Rejected<br>Fulfilled/Resolved – Promise Completed<br>Rejected – Promise Failed</p>



<h2 class="wp-block-heading"><strong>How Promise works</strong></h2>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/how-promise-works.png" alt="" class="wp-image-8050" width="827" height="402" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/how-promise-works.png 553w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/how-promise-works-300x146.png 300w" sizes="(max-width: 827px) 100vw, 827px" /></figure>



<ul class="wp-block-list"><li>A pending promise can either be Resolved with a value or Rejected with a reason (error).</li><li>When either of these options happens, the associated handlers queued up by a promise&#8217;s then method are called.</li><li>A promise is said to be settled if it is either Resolved or Rejected, but not Pending.</li></ul>



<h2 class="wp-block-heading"><strong>Creating Promise</strong></h2>



<p class="wp-block-paragraph">Promise () – A Promise object is created using the new keyword and its constructor. This constructor takes a function, called the &#8220;executor function&#8221;, as its parameter. This function should take two functions as parameters. The first of these functions (resolve) is called when the asynchronous task completes successfully and returns the results of the task as a value. The second (reject) is called when the task fails and returns the reason for failure, which is typically an error object.</p>



<p class="wp-block-paragraph">Syntax:- Promise (executor)</p>



<script src="https://gist.github.com/vijaypk376/3e7af5aa79a5d7a87e3f2a9a5c422046.js"></script>



<p class="wp-block-paragraph">A JavaScript Promise object contains both the producing code and calls to the consuming code.</p>



<h2 class="wp-block-heading"><strong>Function Returning a Promise</strong></h2>



<script src="https://gist.github.com/vijaypk376/3a1622149d11b5cb7992e09699cfcab4.js"></script>



<h2 class="wp-block-heading"><strong>then( ) Method</strong></h2>



<p class="wp-block-paragraph">The then() method returns a Promise. It takes up to two arguments: callback functions for the success and failure cases of the Promise. As then the method returns a Promise so we can do method chaining.</p>



<p class="wp-block-paragraph">Syntax:- then(onResolved, onRejected)</p>



<p class="wp-block-paragraph">onResolved &#8211; A Function called if the Promise is fulfilled. This function has one argument, the fulfillment value.</p>



<p class="wp-block-paragraph">onRejected &#8211; A Function called if the Promise is rejected. This function has one argument, the rejection reason.</p>



<script src="https://gist.github.com/vijaypk376/5f3dff1255544e534673c129d0a72fed.js"></script>



<h2 class="wp-block-heading"><strong>Promise</strong></h2>



<script src="https://gist.github.com/vijaypk376/51a3a49dd2cfe1be5fc0cf437b652753.js"></script>



<script src="https://gist.github.com/vijaypk376/1b7e2b3d633315899cc0017a944b974b.js"></script>



<h2 class="wp-block-heading"><strong>Chaining</strong></h2>



<p class="wp-block-paragraph">The then method returns a Promise which allows for method chaining. If the function passed as a handler to then returns a Promise, an equivalent Promise will be exposed to the subsequent then in the method chain.</p>



<script src="https://gist.github.com/vijaypk376/8ea687e432c326ee1092e97c37eb91b2.js"></script>



<h2 class="wp-block-heading"><strong>catch () Method</strong></h2>



<p class="wp-block-paragraph">The <em>catch()</em> method returns a Promise and deals with rejected cases only. It behaves the same as calling <em>then(undefined, onRejected)</em>. In fact, calling <em>catch(onRejected)</em> internally calls <em>then(undefined, onRejected)</em>.</p>



<p class="wp-block-paragraph">The catch method is used for error handling in promise composition. Since it returns a Promise, it can be chained in the same way as its sister method, then()</p>



<p class="wp-block-paragraph">Syntax:- catch(callback)</p>



<p class="wp-block-paragraph">Where the callback is a function called when the Promise is rejected. This function has one argument <em>error</em> – The rejection error.</p>



<h2 class="wp-block-heading"><strong>catch () Method</strong></h2>



<script src="https://gist.github.com/vijaypk376/ffcdec8b353af77dc76c124174aff7b2.js"></script>



<h2 class="wp-block-heading"><strong>finally () Method</strong></h2>



<p class="wp-block-paragraph">The finally() method returns a Promise. When the promise is settled, i.e either fulfilled or rejected, the specified callback function is executed. This provides a way for code to be run whether the promise was fulfilled successfully or rejected once the Promise has been dealt with.</p>



<p class="wp-block-paragraph">This helps to avoid duplicating code in both the promise&#8217;s then() and catch() handlers.</p>



<p class="wp-block-paragraph">Syntax:- finally(callback)</p>



<h2 class="wp-block-heading"><strong>finally () Method</strong></h2>



<script src="https://gist.github.com/vijaypk376/6313b37034386711f45503bcb708ca1f.js"></script>



<h2 class="wp-block-heading"><strong>Chaining</strong></h2>



<script src="https://gist.github.com/vijaypk376/37d902b6b443559b020399056cb5d998.js"></script>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-does-the-javascript-promise-work/">How does the JavaScript Promise work?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-does-the-javascript-promise-work/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Accessing Form Fields in JavaScript</title>
		<link>https://www.scmgalaxy.com/tutorials/accessing-form-fields-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/accessing-form-fields-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 13 Aug 2021 12:34:39 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Accessing Form]]></category>
		<category><![CDATA[Form Fields]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7927</guid>

					<description><![CDATA[<p>Accessing Form JavaScript provides various ways of accessing form:- document.forms[index_number] – It returns collection of form in the documents. document.forms[“name_attribute_value”] [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/accessing-form-fields-in-javascript/">Accessing Form Fields in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading"><strong>Accessing Form</strong></h1>



<p class="wp-block-paragraph">JavaScript provides various ways of accessing form:-</p>



<ul class="wp-block-list"><li>document.forms[index_number] – It returns collection of form in the documents.</li></ul>



<ul class="wp-block-list"><li>document.forms[“name_attribute_value”] – we can use name attribute of the form.</li></ul>



<ul class="wp-block-list"><li>document.name_attribute_value – we can use name attribute of the form with dot as well.</li></ul>



<ul class="wp-block-list"><li>getElementById(“ID”) – If form as an unique id we can use it.</li></ul>



<h1 class="wp-block-heading"><strong>Accessing Form Fields</strong></h1>



<p class="wp-block-paragraph">If form fields have unique ID then it is possible to access them using the getElementById( ) method. However, There are some other ways: &#8211;</p>



<ul class="wp-block-list"><li>elements[ ] – It contains collection of form fields.</li></ul>



<p class="wp-block-paragraph">     <strong>Syntax: &#8211; </strong></p>



<p class="wp-block-paragraph">               document.form_name.elements[index_number];<br>               document.form_name.elements[“name_attribute_value”];<br>               document.form_name.name_attribute_value;<br>               document.form_name.ID_attribute_value;</p>



<ul class="wp-block-list"><li>getElementsByName(“field_name”) – This method is also used to access form field.</li></ul>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/accessing-form-fields-in-javascript/">Accessing Form Fields in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/accessing-form-fields-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to use Form Handling in javascript</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 13 Aug 2021 12:08:53 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[document object]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[Form Handling]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[properties]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7922</guid>

					<description><![CDATA[<p>Form Handling JavaScript provides access to the forms within an HTML document through the Form object known as HTMLFormElement in [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/">How to use Form Handling in javascript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>Form Handling</strong></h2>



<p class="wp-block-paragraph">JavaScript provides access to the forms within an HTML document through the Form object known as HTMLFormElement in the DOM. Which is a child of the Document Object.</p>



<h2 class="wp-block-heading"><strong>Properties</strong></h2>



<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center"><strong>Properties</strong></td><td class="has-text-align-center" data-align="center"><strong>Value</strong></td><td><strong>Description</strong></td></tr><tr><td class="has-text-align-center" data-align="center">accept-charset</td><td class="has-text-align-center" data-align="center">UTF-8</td><td>Specifies the charset used in the submitted form (default: the page charset).</td></tr><tr><td class="has-text-align-center" data-align="center">action</td><td class="has-text-align-center" data-align="center">URL</td><td>Contains a URL that defines where to send the data after submitting the form</td></tr><tr><td class="has-text-align-center" data-align="center">autocomplete</td><td class="has-text-align-center" data-align="center">On (default)<br>Off</td><td>Determines that the browser retains the history of previous values.</td></tr><tr><td class="has-text-align-center" data-align="center">enctype</td><td class="has-text-align-center" data-align="center"></td><td>specifies how the browser encodes the data before it sends it to the server. (default: is url-encoded).</td></tr><tr><td class="has-text-align-center" data-align="center">encoding</td><td class="has-text-align-center" data-align="center"></td><td>Holds the value of the enctype attribute, which usually contains either application/x-www-form-urlencoded value or the multipart/form-data value (in the case of file upload)</td></tr><tr><td class="has-text-align-center" data-align="center">elements[ ]</td><td class="has-text-align-center" data-align="center"></td><td>An array of DOM elements that correspond to the interactive form fields within the form</td></tr></tbody></table></figure>



<h2 class="wp-block-heading"><strong>Properties</strong></h2>



<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center"><strong>Properties</strong></td><td class="has-text-align-center" data-align="center"><strong>Value</strong></td><td><strong>Description</strong></td></tr><tr><td class="has-text-align-center" data-align="center">length</td><td class="has-text-align-center" data-align="center"></td><td>The number of a form field with a given form tag. Should bt the same as elements.length</td></tr><tr><td class="has-text-align-center" data-align="center">method</td><td class="has-text-align-center" data-align="center">GET (default)<br>POST</td><td>Specifies how to send the form data to a web server. The data can be sent as URL variables, by using the get method or as HTTP post, by using the post method</td></tr><tr><td class="has-text-align-center" data-align="center">name</td><td class="has-text-align-center" data-align="center">name</td><td>Specifies a name used to identify the form</td></tr><tr><td class="has-text-align-center" data-align="center">novalidate</td><td class="has-text-align-center" data-align="center">novalidate</td><td>Specifies that the browser should not validate the form.</td></tr><tr><td class="has-text-align-center" data-align="center">target</td><td class="has-text-align-center" data-align="center">_self (default)<br>_blank<br>_parent<br>_top<br>framename</td><td>Specifies the target of the address in the action attribute</td></tr></tbody></table></figure>



<h2 class="wp-block-heading"><strong>Methods</strong></h2>



<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center"><strong>Method</strong></td><td><strong>Description</strong></td></tr><tr><td class="has-text-align-center" data-align="center">checkValidity ( )</td><td>Returns a true or false value indicating whether or not all the fields in the form are in a valid state.</td></tr><tr><td class="has-text-align-center" data-align="center">reset ( )</td><td>Returns all form fields to their initial state.</td></tr><tr><td class="has-text-align-center" data-align="center">submit ( )</td><td>Submits the form to the URL specified in the form’s action attribute</td></tr></tbody></table></figure>



<h3 class="wp-block-heading"><strong>Events: &#8211;</strong></h3>



<ul class="wp-block-list"><li>onreset</li><li>onsubmit</li></ul>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/">How to use Form Handling in javascript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-use-form-handling-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>What is the difference between a timeout and an interval in Javascript?</title>
		<link>https://www.scmgalaxy.com/tutorials/what-is-the-difference-between-a-timeout-and-an-interval-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/what-is-the-difference-between-a-timeout-and-an-interval-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 13 Aug 2021 11:45:42 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[interval ID]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Parameters]]></category>
		<category><![CDATA[setInterval( )]]></category>
		<category><![CDATA[setTimeout()]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7919</guid>

					<description><![CDATA[<p>setTimeout( ) Method The setTimeout() method sets a timer which executes a function or specified piece of code once after [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-is-the-difference-between-a-timeout-and-an-interval-in-javascript/">What is the difference between a timeout and an interval in Javascript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>setTimeout( ) Method</strong></h2>



<p class="wp-block-paragraph">The setTimeout() method sets a timer which executes a function or specified piece of code once after the timer expires. The function is only executed once. It returns a positive integer value which identifies the timer created by the call to setTimeout(); this value can be passed to clearTimeout() to cancel the timeout.</p>



<p class="wp-block-paragraph">S<strong>yntax: &#8211;<br>setTimeout (function, milliseconds, para1, para2);<br>Ex: &#8211; var timeoutID = setTimeout(show, 2000);</strong></p>



<h2 class="wp-block-heading"><strong>clearTimeout( ) Method</strong></h2>



<p class="wp-block-paragraph">The clearTimeout() method cancels a timeout previously established by calling setTimeout(). The ID value returned by setTimeout() is used as the parameter for the clearTimeout() method.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; clearTimeout (timeoutID);</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; clearTimeout(timeoutID);</strong></p>



<h2 class="wp-block-heading"><strong>setInterval( ) Method</strong></h2>



<p class="wp-block-paragraph">The setInterval() method repeatedly calls a function or executes a code snippet, with a fixed time delay between each call. It returns an interval ID that uniquely identifies the interval, so you can remove it later by calling clearInterval().</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; setInterval (function, milliseconds, para1, para2);</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; var intervalID = setInterval(show, 2000);</strong></p>



<h2 class="wp-block-heading"><strong>clearInterval( ) Method</strong></h2>



<p class="wp-block-paragraph">The clearInterval() method cancels a timed, repeating action that was previously established by a call to setInterval().</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; clearInterval (intervalID);</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; clearInterval(intervalID);</strong></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-is-the-difference-between-a-timeout-and-an-interval-in-javascript/">What is the difference between a timeout and an interval in Javascript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/what-is-the-difference-between-a-timeout-and-an-interval-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Moving Windows in JavaScript</title>
		<link>https://www.scmgalaxy.com/tutorials/moving-windows-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/moving-windows-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 12 Aug 2021 12:23:47 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Moving Windows]]></category>
		<category><![CDATA[Resizing Windows]]></category>
		<category><![CDATA[Scrolling Windows]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7845</guid>

					<description><![CDATA[<p>Moving Windows moveBy ( ) – This method moves the current window by a specified amount of pixels. Syntax:- window.moveBy(horizontalPixels, [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/moving-windows-in-javascript/">Moving Windows in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>Moving Windows</strong></h2>



<p class="wp-block-paragraph">moveBy ( ) – This method moves the current window by a specified amount of pixels.</p>



<p class="wp-block-paragraph"><strong>Syntax:- window.moveBy(horizontalPixels, verticalPixels);</strong></p>



<p class="wp-block-paragraph">Where,</p>



<p class="wp-block-paragraph">window – It is the name of the window to move or is called just window if it is the main window.</p>



<p class="wp-block-paragraph">horizontalPixels – It is the number of horizontal pixels to move the window where positive numbers move the window to the right and negative numbers to the left.</p>



<p class="wp-block-paragraph">verticalPixels – It is the number of vertical pixels to move the window where positive number move the window down and negative number up.</p>



<p class="wp-block-paragraph"><strong>Ex:- newWindow.moveBy(200, 200);</strong></p>



<h2 class="wp-block-heading"><strong>Moving Windows</strong></h2>



<p class="wp-block-paragraph">moveTo ( ) – This method moves the window to the specified coordinates.</p>



<p class="wp-block-paragraph"><strong>Syntax:- window.moveTo(x, y);</strong></p>



<p class="wp-block-paragraph">Where,</p>



<p class="wp-block-paragraph">window – It is the name of the window to move or is called just window if it is the main window.</p>



<p class="wp-block-paragraph">x – It is the screen co-ordinate on the x-axis to move the window to.</p>



<p class="wp-block-paragraph">y – It is the screen co-ordinate on the y-axis to move the window to.</p>



<p class="wp-block-paragraph"><strong>Ex:- newWindow.moveTo(200, 200);</strong></p>



<p class="wp-block-paragraph"><strong>Resizing Windows</strong></p>



<h2 class="wp-block-heading"><strong>Resizing Windows</strong></h2>



<p class="wp-block-paragraph">resizeBy ( ) – This method is used to resize the current window by a certain amount, relative to its current size. </p>



<p class="wp-block-paragraph"><strong>Syntax:- window.resizeBy(width, height);</strong></p>



<p class="wp-block-paragraph">Where,</p>



<p class="wp-block-paragraph">window – It is the name of the window to move or is called just window if it is the main window.</p>



<p class="wp-block-paragraph">width – It is the number of width pixels, where positive numbers increase the window and negative numbers decrease.</p>



<p class="wp-block-paragraph">height – It is the number of height pixels, where positive numbers increase the window and negative numbers decrease.</p>



<p class="wp-block-paragraph"><strong>Ex:- newWindow.resizeBy(200, 200);</strong></p>



<h2 class="wp-block-heading"><strong>Resizing Windows</strong></h2>



<p class="wp-block-paragraph">resizeTo ( ) – This method is used to resize a window to the specified width and height.</p>



<p class="wp-block-paragraph"><strong>Syntax:- window.resizeTo(width, height);</strong></p>



<p class="wp-block-paragraph">Where,</p>



<p class="wp-block-paragraph">window – It is the name of the window to move or is called just window if it is the main window.</p>



<p class="wp-block-paragraph">width – It is an integer representing the new outerWidth in pixels (including scroll bars, title bars, etc).</p>



<p class="wp-block-paragraph">height – It is an integer value representing the new outerHeight in pixels (including scroll bars, title bars, etc).</p>



<p class="wp-block-paragraph"><strong>Ex:- newWindow.resizeTo(200, 200);</strong></p>



<h2 class="wp-block-heading"><strong>Scrolling Windows</strong></h2>



<p class="wp-block-paragraph">scrollBy ( ) – This method scrolls the document in the window by the given amount.</p>



<p class="wp-block-paragraph">Syntax:- window.scrollBy(x, y); or window.scrollBy(options);</p>



<p class="wp-block-paragraph">Where,</p>



<p class="wp-block-paragraph">window – It is the name of the window to scroll or is called just window if it is the main window.</p>



<p class="wp-block-paragraph">x – How many pixels to scroll by, along the x-axis (horizontal). Positive values will scroll to the right, while negative values will scroll to the left</p>



<p class="wp-block-paragraph">y – How many pixels to scroll by, along the y-axis (vertical). Positive values will scroll down, while negative values scroll up</p>



<p class="wp-block-paragraph">Options – It is an object with three possible properties:<br>                top, which is the same as the y-coord<br>                left, which is the same as the x-coord<br>                behavior, which is a string containing one of smooth, instant, or auto; default is auto</p>



<script src="https://gist.github.com/vijaypk376/80f98b46e82513b83ca74a15de75ec7a.js"></script>



<p class="wp-block-paragraph">Note &#8211; For this method to work, the visible property of the window&#8217;s scrollbar must be set to true!</p>



<h2 class="wp-block-heading"><strong>Scrolling Windows</strong></h2>



<p class="wp-block-paragraph">scrollTo ( ) – This method scrolls to a particular set of coordinates in the document.</p>



<p class="wp-block-paragraph">Syntax:- window.scrollTo(x, y); or window.scrollTo(options);</p>



<p class="wp-block-paragraph">Where,</p>



<p class="wp-block-paragraph">window – It is the name of the window to scroll or is called just window if it is the main window.</p>



<p class="wp-block-paragraph">x – It is the pixel along the horizontal axis of the document that you want to be displayed in the upper left.</p>



<p class="wp-block-paragraph">y – It is the pixel along the vertical axis of the document that you want to be displayed in the upper left.</p>



<p class="wp-block-paragraph">options is an object with three possible properties:<br>            top, which is the same as the y-coord<br>            left, which is the same as the x-coord<br>            behavior, which is a string containing either smooth, instant, or auto; default is auto</p>



<script src="https://gist.github.com/vijaypk376/86c5458e800c2bb297f2e77f7c77afe0.js"></script>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/moving-windows-in-javascript/">Moving Windows in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/moving-windows-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>What is a window object in JavaScript? What are its properties?</title>
		<link>https://www.scmgalaxy.com/tutorials/what-is-a-window-object-in-javascript-what-are-its-properties/</link>
					<comments>https://www.scmgalaxy.com/tutorials/what-is-a-window-object-in-javascript-what-are-its-properties/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 12 Aug 2021 11:46:19 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Parameter]]></category>
		<category><![CDATA[properties]]></category>
		<category><![CDATA[window object]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7816</guid>

					<description><![CDATA[<p>Window Object Window object represents the browser’s window or potentially frame, that a document is displayed in. As long as [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-is-a-window-object-in-javascript-what-are-its-properties/">What is a window object in JavaScript? What are its properties?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>Window Object</strong></h2>



<ul class="wp-block-list"><li>Window object represents the browser’s window or potentially frame, that a document is displayed in.</li><li>As long as a browser window is open, even if no document is loaded in the window, the window object is defined in the current model in memory.</li><li>All global JavaScript variables, functions and objects automatically become members of the window object.</li></ul>



<h2 class="wp-block-heading"><strong>Dialog boxes</strong></h2>



<p class="wp-block-paragraph">It is used to provide some information to users.</p>



<p class="wp-block-paragraph"><strong>Type of Dialog box:-</strong></p>



<ul class="wp-block-list"><li>Alert</li><li>Confirm</li><li>Prompt</li></ul>



<h2 class="wp-block-heading"><strong>alert ( ) Method</strong></h2>



<p class="wp-block-paragraph">This Window object’s method is used to display data in the alert dialog box. alert really should be used only when you truly want to stop everything and let the user know something.</p>



<p class="wp-block-paragraph">Syntax:- window.alert( ) or alert ( )</p>



<script src="https://gist.github.com/vijaypk376/a56b1a0643fa921d71bc1adb2cb44c2a.js"></script>



<h2 class="wp-block-heading"><strong>confirm ( ) Method</strong></h2>



<p class="wp-block-paragraph">This Window object’s method is used to display a message for a user to respond to by pressing either an OK button to agree with the message to a Cancel button to disagree with the message. It returns true on OK and false on Cancel.</p>



<p class="wp-block-paragraph">Syntax:- window.confirm( ) or confirm ( )</p>



<script src="https://gist.github.com/vijaypk376/f641196b03e209f96d7593f23cf36d0b.js"></script>



<h2 class="wp-block-heading"><strong>prompt ( ) Method</strong></h2>



<p class="wp-block-paragraph">Window object’s method prompt() can be used to get input from the user, named prompt. The prompt( ) method displays a dialog box that prompts the visitor for input.</p>



<p class="wp-block-paragraph">Once the prompt function obtains input from the user, it returns that input. If the user press the cancel button in the dialog or close box, a value null will be returned.</p>



<p class="wp-block-paragraph">Syntax: &#8211; prompt(text, defaultText)</p>



<script src="https://gist.github.com/vijaypk376/b2c811f42dda846bdfa5b3131944f48c.js"></script>



<h2 class="wp-block-heading"><strong>open ( ) Method</strong></h2>



<p class="wp-block-paragraph">The open( ) method creates a new secondary browser window, similar to choosing New Window from the File menu. It returns a Window object representing the newly-created window. If the window couldn&#8217;t be opened, the returned value is instead null.</p>



<p class="wp-block-paragraph">Syntax: &#8211; window.open (URL, name, features, replace)</p>



<p class="wp-block-paragraph">URL – URL indicates the document to load into the window. If no URL is specified, a new window with about: blank is opened</p>



<p class="wp-block-paragraph">Name – Specifies the target attribute or the name of the window. The following values are supported:</p>



<p class="wp-block-paragraph">_blank &#8211; URL is loaded into a new window. This is default<br>_parent &#8211; URL is loaded into the parent frame<br>_self &#8211; URL replaces the current page<br>_top &#8211; URL replaces any framesets that may be loaded</p>



<h2 class="wp-block-heading"><strong>open ( ) Method</strong></h2>



<p class="wp-block-paragraph">Syntax: &#8211; window.open (URL, name, features, replace)</p>



<p class="wp-block-paragraph">Features – It is a comma-delimited string that lists the features of the window.</p>



<p class="wp-block-paragraph">Replace – It indicates whether or not the URL specified should replace the window’s contents. This would apply to a window that was already created. Value can be true/false.</p>



<script src="https://gist.github.com/vijaypk376/1db29e62013fd73212425b33aade7de1.js"></script>



<h2 class="wp-block-heading"><strong>Features</strong></h2>



<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center"><strong>Feature Parameter</strong></td><td class="has-text-align-center" data-align="center"><strong>Value</strong></td><td class="has-text-align-center" data-align="center"><strong>Example</strong></td></tr><tr><td class="has-text-align-center" data-align="center">alwaysLowered</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">alwaysLowered=yes</td></tr><tr><td class="has-text-align-center" data-align="center">alwaysRaised</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">alwaysRaised=no</td></tr><tr><td class="has-text-align-center" data-align="center">centerscreen</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">centerscreen=yes</td></tr><tr><td class="has-text-align-center" data-align="center">chrome</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">chrome=yes/true</td></tr><tr><td class="has-text-align-center" data-align="center">close</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">close=no</td></tr><tr><td class="has-text-align-center" data-align="center">dialog</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">dialog=yes</td></tr><tr><td class="has-text-align-center" data-align="center">dependent</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">dependent=yes</td></tr><tr><td class="has-text-align-center" data-align="center">z-lock</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">z-lock=yes</td></tr><tr><td class="has-text-align-center" data-align="center">hotkeys</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">hotkeys=yes</td></tr></tbody></table></figure>



<h2 class="wp-block-heading"><strong>Features</strong></h2>



<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center"><strong>Feature Parameter</strong></td><td class="has-text-align-center" data-align="center"><strong>Value</strong></td><td class="has-text-align-center" data-align="center"><strong>Example</strong></td></tr><tr><td class="has-text-align-center" data-align="center">location</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">location=no</td></tr><tr><td class="has-text-align-center" data-align="center">menubar</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">menubar=no</td></tr><tr><td class="has-text-align-center" data-align="center">minimizable</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">minimizable=no</td></tr><tr><td class="has-text-align-center" data-align="center">modal</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">modal=yes</td></tr><tr><td class="has-text-align-center" data-align="center">personalbar</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">personalbar=yes/true</td></tr><tr><td class="has-text-align-center" data-align="center">resizable</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">resizable=no</td></tr><tr><td class="has-text-align-center" data-align="center">scrollbars</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">scrollbars=no</td></tr><tr><td class="has-text-align-center" data-align="center">status</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">status=no</td></tr><tr><td class="has-text-align-center" data-align="center">titlebar</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">titlebar=yes</td></tr></tbody></table></figure>



<h2 class="wp-block-heading"><strong>Features</strong></h2>



<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-center" data-align="center"><strong>Feature Parameter</strong></td><td class="has-text-align-center" data-align="center"><strong>Value</strong></td><td class="has-text-align-center" data-align="center"><strong>Example</strong></td></tr><tr><td class="has-text-align-center" data-align="center">toolbar</td><td class="has-text-align-center" data-align="center">yes/no</td><td class="has-text-align-center" data-align="center">toolbar=yes</td></tr><tr><td class="has-text-align-center" data-align="center">top</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">top=20</td></tr><tr><td class="has-text-align-center" data-align="center">height</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">height=200</td></tr><tr><td class="has-text-align-center" data-align="center">width</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">width=200</td></tr><tr><td class="has-text-align-center" data-align="center">innerHeight</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">innerHeight=200</td></tr><tr><td class="has-text-align-center" data-align="center">innerWidth</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">innerWidth=200</td></tr><tr><td class="has-text-align-center" data-align="center">outerHeight</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">outerHeight=200</td></tr><tr><td class="has-text-align-center" data-align="center">outerWidth</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">outerWidth=200</td></tr><tr><td class="has-text-align-center" data-align="center">left</td><td class="has-text-align-center" data-align="center">pixel value</td><td class="has-text-align-center" data-align="center">left=20</td></tr></tbody></table></figure>



<h2 class="wp-block-heading"><strong>close ( ) Method</strong></h2>



<p class="wp-block-paragraph">Once a window is open, the close ( ) method is used to close it. It closes the current window or the window on which it was called. This method is only allowed to be called for windows that were opened by a script using the window.open() method. It is often used together with open ( ) method.</p>



<p class="wp-block-paragraph">Syntax: &#8211; window.close ( )</p>



<script src="https://gist.github.com/vijaypk376/d6cf9f008ced687a2981606f3a685dae.js"></script>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-is-a-window-object-in-javascript-what-are-its-properties/">What is a window object in JavaScript? What are its properties?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/what-is-a-window-object-in-javascript-what-are-its-properties/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Manipulation Attributes in JavaScript</title>
		<link>https://www.scmgalaxy.com/tutorials/manipulation-attributes-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/manipulation-attributes-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Tue, 10 Aug 2021 10:26:34 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Attributes]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[properties]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7738</guid>

					<description><![CDATA[<p>Attributes The attributes property returns a live collection of all attribute nodes registered to the specified node. It is a [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/manipulation-attributes-in-javascript/">Manipulation Attributes in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>Attributes</strong></h2>



<p class="wp-block-paragraph">The attributes property returns a live collection of all attribute nodes registered to the specified node. It is a read-only property.</p>



<p class="wp-block-paragraph"><strong>Syntax:-<br>Element.attributes[index/key]</strong></p>



<h2 class="wp-block-heading"><strong>Attr Object</strong></h2>



<p class="wp-block-paragraph"><strong>Properties</strong></p>



<ul class="wp-block-list"><li>name (do not use nodeName)</li><li>value (do not use nodeValue or textContent or appendChild() or insertBefore( ) or removeChild( ) or replaceChild( ) these all are deprecated for attr object)</li></ul>



<p class="wp-block-paragraph"><strong>Methods</strong></p>



<ul class="wp-block-list"><li>setAttribute( )</li><li>getAttribute( )</li><li>removeAttribute( )</li></ul>



<h2 class="wp-block-heading"><strong>setAttribute( )</strong></h2>



<p class="wp-block-paragraph">This method is used to set the value of an attribute on the specified element. If the attribute already exists, the value is updated; otherwise, a new attribute is added with the specified name and value. We should not use this method to set inline style as it will overwrite other CSS properties.</p>



<p class="wp-block-paragraph"><strong>Syntax:-<br>Element.setAttribute(name, value);<br>Element.setAttribute(“style”, “css properties: value”);</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211;<br>p.setAttribute(“id”, “mydiv”);<br>p.setAttribute(“style”, “font-size: 80px”);</strong></p>



<h2 class="wp-block-heading"><strong>getAttribute( )</strong></h2>



<p class="wp-block-paragraph">The getAttribute() returns the value of a specified attribute on the element. If the given attribute does not exist, the value returned will either be null or “ ”.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211;<br>var attribute = element.getAttribute(attributeName);</strong></p>



<h2 class="wp-block-heading"><strong>removeAttribute( )</strong></h2>



<p class="wp-block-paragraph">This method is used to remove an attribute from the specified element.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211;<br>element.removeAttribute(attrName);</strong></p>



<h2 class="wp-block-heading"><strong>hasAttribute( )</strong></h2>



<p class="wp-block-paragraph">The hasAttribute() method returns a Boolean value indicating whether the specified element has the specified attribute or not.</p>



<p class="wp-block-paragraph"><strong>Syntax:-<br>var result = element.hasAttribute(attr_name);</strong></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/manipulation-attributes-in-javascript/">Manipulation Attributes in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/manipulation-attributes-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Insert( ) Method in JavaScript</title>
		<link>https://www.scmgalaxy.com/tutorials/insert-method-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/insert-method-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Sat, 07 Aug 2021 11:26:17 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Node]]></category>
		<category><![CDATA[property]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7559</guid>

					<description><![CDATA[<p>The insertBefore() method is used to insert a node before the reference node as a child of a specified parent [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/insert-method-in-javascript/">Insert( ) Method in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">The insertBefore() method is used to insert a node before the reference node as a child of a specified parent node. If the given child is a reference to an existing node in the document, insertBefore( ) moves it from its current position to the new position.</p>



<p class="wp-block-paragraph">If referenceNode is null, the newNode is inserted at the end of the list of child nodes.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211;</strong></p>



<script src="https://gist.github.com/vijaypk376/a8298d0e359b1d1b1e718cf63793bc7f.js"></script>



<h2 class="wp-block-heading">parentNode.insertBefore(newNode, referenceNode);</h2>



<script src="https://gist.github.com/vijaypk376/ad655b559e730ed2300ceed76d4e1bf9.js"></script>



<h2 class="wp-block-heading"><strong>insertAdjacentElement ( ) Method</strong></h2>



<p class="wp-block-paragraph">The insertAdjacentElement() method inserts the specified element into a given specified position. It returns the element that was inserted, or null if the insertion failed.</p>



<p class="wp-block-paragraph"><strong>Syntax:-</strong></p>



<script src="https://gist.github.com/vijaypk376/b81040638a96e27743810fb3590d4ce3.js"></script>



<p class="wp-block-paragraph">element &#8211; The element to be inserted into the tree.<br>The beforebegin and afterend positions work only if the node is in a tree and has an element parent.</p>



<h2 class="wp-block-heading"><strong>insertAdjacentHTML ( ) Method</strong></h2>



<p class="wp-block-paragraph">The insertAdjacentHTML() method is used to insert a text as HTML (parses the specified text as HTML or XML) into a specified position.</p>



<p class="wp-block-paragraph"><strong>Syntax:-</strong></p>



<script src="https://gist.github.com/vijaypk376/7f1fe12c71264b4b67ee4f958933e865.js"></script>



<p class="wp-block-paragraph">text &#8211; The string to be parsed as HTML or XML and inserted into the tree.<br>It is recommended you not use insertAdjacentHTML when inserting plain text instead, use the node.textContent property</p>



<h2 class="wp-block-heading"><strong>insertAdjacentText ( ) Method</strong></h2>



<p class="wp-block-paragraph">The insertAdjacentText() method inserts the specified element into a specified position.</p>



<p class="wp-block-paragraph"><strong>Syntax:-</strong></p>



<script src="https://gist.github.com/vijaypk376/3e9c3ac5b9540dcf7161a60d932571d5.js"></script>



<p class="wp-block-paragraph">text – The text which is about to insert.<br>The beforebegin and afterend positions work only if the node is in a tree and has an element parent.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/insert-method-in-javascript/">Insert( ) Method in JavaScript</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/insert-method-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How is Node.js created with JavaScript?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-is-node-js-created-with-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-is-node-js-created-with-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Sat, 07 Aug 2021 09:51:39 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Creating Nodes]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Node]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7557</guid>

					<description><![CDATA[<p>Creating Nodes createElement(element_name) createTextNode(string) createComment(string) createDocumentFragment( ) Create Element Node The createElement(element_name) method is used to create the HTML element [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-is-node-js-created-with-javascript/">How is Node.js created with JavaScript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>Creating Nodes</strong></h2>



<ul class="wp-block-list"><li><strong>createElement(element_name)</strong></li><li><strong>createTextNode(string)</strong></li><li><strong>createComment(string)</strong></li><li><strong>createDocumentFragment( )</strong></li></ul>



<h2 class="wp-block-heading"><strong>Create Element Node</strong></h2>



<p class="wp-block-paragraph">The createElement(element_name) method is used to create the HTML element specified by tagName, or an HTMLUnknownElement if tagName isn&#8217;t recognized. It returns the New Element.</p>



<p class="wp-block-paragraph"><strong>Syntax:-<br>createElement(element_name)</strong></p>



<script src="https://gist.github.com/vijaypk376/34c15626162fac8ba62b0f573c4ed81c.js"></script>



<h2 class="wp-block-heading"><strong>Create Text Node</strong></h2>



<p class="wp-block-paragraph">The createTextNode(string) method is used to create the Text Node with the specified text (string).</p>



<p class="wp-block-paragraph"><strong>Syntax:-<br>createTextNode(string)</strong></p>



<script src="https://gist.github.com/vijaypk376/97708d1cbec9cf2cd98339c07b9a5f15.js"></script>



<h2 class="wp-block-heading"><strong>Create Comment Node</strong></h2>



<p class="wp-block-paragraph">The createComment(string) method is used to create the Comment Node with the specified string and returns it.</p>



<p class="wp-block-paragraph"><strong>Syntax:-<br>createComment (string)</strong></p>



<script src="https://gist.github.com/vijaypk376/e4df6fc09f92d126d7ec4e3a0c13a552.js"></script>



<h2 class="wp-block-heading"><strong>Document Fragment</strong></h2>



<ul class="wp-block-list"><li>The DocumentFragment interface represents a minimal document object that has no parent.</li><li>A common use for Document Fragment is to create one, assemble a DOM subtree within it, then append or insert the fragment into the DOM using Node interface methods such as appendChild( ) or insertBefore( ).</li><li>Document fragment isn&#8217;t part of the active document tree structure, changes made to the fragment don&#8217;t affect the document.</li><li>Doing this moves the fragment&#8217;s nodes into the DOM, leaving behind an empty Document Fragment.</li><li>An empty Document Fragment can be created using the document.createDocumentFragment() method.</li></ul>



<h2 class="wp-block-heading"><strong>Create Document Fragment</strong></h2>



<p class="wp-block-paragraph">The createDocumentFragment() method creates a imaginary Node object, with all the properties and methods of the Node object.</p>



<script src="https://gist.github.com/vijaypk376/261c28528a9b7721cfa74889aec2e8ba.js"></script>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-is-node-js-created-with-javascript/">How is Node.js created with JavaScript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-is-node-js-created-with-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Use CSS Selector in javascript?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-do-i-manipulate-css-with-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-do-i-manipulate-css-with-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 06 Aug 2021 13:21:20 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Node]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7496</guid>

					<description><![CDATA[<p>querySelector(“CSS Selector”) The method querySelector() returns the first Element match of the specified selector or group of selectors. If no [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-do-i-manipulate-css-with-javascript/">How to Use CSS Selector in javascript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">querySelector(“CSS Selector”)</h2>



<p class="wp-block-paragraph">The method querySelector() returns the first Element match of the specified selector or group of selectors. If no matches are found, null is returned.</p>



<script src="https://gist.github.com/vijaypk376/7b6dcc12059a06ca91a7a198abbb33b8.js"></script>



<h2 class="wp-block-heading">querySelectorAll(“CSS Selector”)</h2>



<p class="wp-block-paragraph">The method querySelectorAll() returns a static (not live) NodeList representing a list of the document&#8217;s elements that match the specified group of selectors.</p>



<ul class="wp-block-list"><li>The NodeList object represents a collection of nodes. The nodes can be accessed by index numbers. The index starts at 0.</li><li>You can use the length property of the NodeList object to determine the number of elements that matches the specified selector, then you can loop through all elements and extract the info you want.</li><li>If the specified selectors include a CSS pseudo-element, the returned list is always empty.</li></ul>



<h2 class="wp-block-heading">querySelectorAll(“CSS Selector”)</h2>



<script src="https://gist.github.com/vijaypk376/3b8463fa85c1e0627333fe6b9fb14982.js"></script>



<h2 class="wp-block-heading">querySelectorAll(“CSS Selector”)</h2>



<h3 class="wp-block-heading"><strong>More specific</strong></h3>



<script src="https://gist.github.com/vijaypk376/02371374e63bdae9c7b62b6b9222cd59.js"></script>



<h2 class="wp-block-heading">querySelectorAll(“CSS Selector”)</h2>



<ul class="wp-block-list"><li><strong>Length Property</strong></li></ul>



<script src="https://gist.github.com/vijaypk376/8ea435f4ad00cc6a95237ee6de1044af.js"></script>



<ul class="wp-block-list"><li><strong>Loop</strong></li></ul>



<script src="https://gist.github.com/vijaypk376/3d60ff3937c269ab4f754fceace8032b.js"></script>



<h2 class="wp-block-heading">innerHTML</h2>



<p class="wp-block-paragraph">The innerHTML property defines the HTML content.</p>



<script src="https://gist.github.com/vijaypk376/fefebf38d0413f8fea6bfbf65276af1e.js"></script>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-do-i-manipulate-css-with-javascript/">How to Use CSS Selector in javascript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-do-i-manipulate-css-with-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>What&#8217;s the use of the method in JavaScript?</title>
		<link>https://www.scmgalaxy.com/tutorials/whats-the-use-of-the-method-in-javascript/</link>
					<comments>https://www.scmgalaxy.com/tutorials/whats-the-use-of-the-method-in-javascript/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 05 Aug 2021 09:55:57 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Concat ( ) Method]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Join ( ) Method]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Reverse ( ) Method]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7436</guid>

					<description><![CDATA[<p>method in JavaScript Concat ( ) Method Join ( ) Method Reverse ( ) Method Slice( ) Method Splice ( [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/whats-the-use-of-the-method-in-javascript/">What&#8217;s the use of the method in JavaScript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">method in JavaScript</h2>



<ul class="wp-block-list"><li><strong>Concat ( ) Method</strong></li><li><strong>Join ( ) Method</strong></li><li><strong>Reverse ( ) Method</strong></li><li><strong>Slice( ) Method</strong></li><li><strong>Splice ( ) Method</strong></li><li><strong>toString( ) Method</strong></li><li><strong>Array.isArray ( ) Method</strong></li><li><strong>IndexOf ( ) Method</strong></li><li><strong>Fill ( ) Method</strong></li><li><strong>unshift ( ) Method</strong></li><li><strong>Shift( ) Method</strong></li><li><strong>Shift( ) Method</strong></li><li><strong>pop( ) Method</strong></li><li><strong>Map ( ) Method</strong></li></ul>



<h2 class="wp-block-heading">Concat ( ) Method</h2>



<p class="wp-block-paragraph">The concat() method is used to merge two or more arrays. This method does not change<br>the existing arrays, but instead returns a new array.</p>



<p class="wp-block-paragraph"><strong>Syntax:- new_array = old_array.concat(value1, value2, value_n);<br>Syntax:- new_array = old_array1.concat(old_array2, old_array_n);</strong></p>



<script src="https://gist.github.com/vijaypk376/0ec6468e8b65435d5d7388b608cd93e1.js"></script>



<h2 class="wp-block-heading">Join ( ) Method</h2>



<p class="wp-block-paragraph">The join() method joins the elements of an array into a string, and returns the string. The elements will be separated by a specified separator. The default separator is the comma (,).</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; array_name.join(separator);</strong></p>



<script src="https://gist.github.com/vijaypk376/3cffae2a937d592c3097b95e6a28e64d.js"></script>



<h2 class="wp-block-heading">Reverse ( ) Method</h2>



<p class="wp-block-paragraph">The reverse() method reverses the order of the elements in an array.</p>



<p class="wp-block-paragraph"><strong>Syntax :- array_name.reverse( );</strong></p>



<p class="wp-block-paragraph"><strong>Ex:-</strong> dev.reverse( );</p>



<h2 class="wp-block-heading">Slice( ) Method</h2>



<p class="wp-block-paragraph">The slice( ) method returns a shallow copy of a portion of an array into a new array object selected from beginning to<br>end (end not included). The original array will not be modified.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; array_name.slice(start, end)</strong></p>



<p class="wp-block-paragraph"><strong>Start</strong><br>If begin is undefined, the slice begins from index 0.<br>If begin is greater than the length of the sequence, an empty array is returned.<br>A negative index can be used, indicating an offset from the end of the sequence. slice(-2) extracts the last two<br>elements in the sequence.</p>



<p class="wp-block-paragraph"><strong>End</strong><br>If end is omitted, slice extracts through the end of the sequence (arr.length).<br>If end is greater than the length of the sequence, slice extracts through to the end of the sequence (arr.length).<br>A negative index can be used, indicating an offset from the end of the sequence. slice(2,-1) extracts the third<br>element through the second-to-last element in the sequence.<br>slice extracts up to but not including end.</p>



<h2 class="wp-block-heading">Splice ( ) Method</h2>



<p class="wp-block-paragraph">The splice() method changes the contents of an array by removing existing elements and/or adding new elements. This method changes the original array.</p>



<p class="wp-block-paragraph"><strong>Syntax:- array_name.splice (start, deletecount, replacevalues);</strong></p>



<p class="wp-block-paragraph"><strong>Start – </strong>The first argument start specifies at what position to add/remove items, uses negative values to specify the position from the end of the array.</p>



<p class="wp-block-paragraph"><strong>Deletecount –</strong> The second argument deletecount, is the number of elements to delete<br>beginning with index start.</p>



<p class="wp-block-paragraph"><strong>Replacevalues –</strong> replacevalues are inserted in the place of the deleted elements. If more<br>than one separate it by a comma.</p>



<h2 class="wp-block-heading">toString( ) Method</h2>



<p class="wp-block-paragraph">The toString ( ) method returns a string containing the comma-separated values of the array. This method is invoked automatically when you print an array. It is equivalent to invoking the join ( ) method without any arguments. The<br>the returned string will separate the elements in the array with commas.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; array_name.toString();</strong></p>



<script src="https://gist.github.com/vijaypk376/c80c134ef1937c5b75bc7a73214f56bc.js"></script>



<h2 class="wp-block-heading">Array.isArray ( ) Method</h2>



<p class="wp-block-paragraph">The Array.isArray() method determines whether the passed value is an Array. This function returns true if the object is an array, and false if not.</p>



<p class="wp-block-paragraph"><strong>Syntax:- Array.isArray(value);</strong></p>



<script src="https://gist.github.com/vijaypk376/e1ca529e0fd3feceef0f8030742ae628.js"></script>



<h2 class="wp-block-heading">IndexOf ( ) Method</h2>



<p class="wp-block-paragraph">This method allows us to easily find the occurrence of an item in an array.</p>



<ul class="wp-block-list"><li>If the item is not found, it returns -1.</li><li>The search will start at the specified position, or at the beginning if no start position is specified, and end the search at the end of the array.</li><li>If the item is present more than once, the indexOf method returns the position of the first occurrence.</li></ul>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; var position = array_name.indexOf(item, start);</strong></p>



<p class="wp-block-paragraph"><strong>Ex:- var position = dev.indexOf(“Rohit”, 2);</strong></p>



<h2 class="wp-block-heading">Fill ( ) Method</h2>



<p class="wp-block-paragraph">The fill() method fills all the elements in an array with a static value.</p>



<p class="wp-block-paragraph"><strong>Syntax:- array_name.fill(value, start, end)</strong></p>



<script src="https://gist.github.com/vijaypk376/e59796498dd8e957ad76d482e857939f.js"></script>



<h2 class="wp-block-heading">unshift ( ) Method</h2>



<p class="wp-block-paragraph">The unshift() method adds one or more elements to the beginning of an array and returns the new length of the array.<br>This method changes the length of an array.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211;<br>Array_name.unshift(value1, value2, value_n);</strong></p>



<script src="https://gist.github.com/vijaypk376/09ba5978069829c200b43dcbe7381769.js"></script>



<h2 class="wp-block-heading">Push ( ) Method</h2>



<p class="wp-block-paragraph">The push() method adds one or more elements to the end of an array and returns the new length of the array.<br>The new item will be added at the end of the array.<br>This method changes the length of the array.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211;<br>Array_name.push(value1, value2, value_n);</strong></p>



<script src="https://gist.github.com/vijaypk376/65dbae4f9ac9e115c78aa5a137d7e38e.js"></script>



<h2 class="wp-block-heading">Shift( ) Method</h2>



<p class="wp-block-paragraph">The shift() method removes the first element from an array and returns that removed element. This method changes the length of the array.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; array_name.shift( );</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; geek.shift( );</strong></p>



<h2 class="wp-block-heading">pop( ) Method</h2>



<p class="wp-block-paragraph">The pop() method removes the last element from an array and returns that removed element. This method changes the length of the array.</p>



<p class="wp-block-paragraph"><strong>Syntax: &#8211; array_name.pop( );</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211; geek.pop( );</strong></p>



<h2 class="wp-block-heading">Map ( ) Method</h2>



<p class="wp-block-paragraph">The map() method creates a new array with the results of calling a provided function on every element in the calling array.<br>The map() method calls the provided function once for each element in an array, in order.</p>



<p class="wp-block-paragraph">map() does not execute the function for array elements without values.<br>map() does not change the original array.</p>



<p class="wp-block-paragraph"><strong>Syntax:- array_name.map(function(currentValue, index, array)<br>     {<br>     }, thisValue</strong></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/whats-the-use-of-the-method-in-javascript/">What&#8217;s the use of the method in JavaScript?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/whats-the-use-of-the-method-in-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Advance PHP</title>
		<link>https://www.scmgalaxy.com/tutorials/advance-php/</link>
					<comments>https://www.scmgalaxy.com/tutorials/advance-php/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 09 Jul 2021 12:19:39 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[objects]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[Variables]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6702</guid>

					<description><![CDATA[<p>What was easy in any language was made core and what became difficult was made an advance. What happens in [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/advance-php/">Advance PHP</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">What was easy in any language was made core and what became difficult was made an advance. What happens in Core is of basic level and what happens in Advance is of upper-level.</p>



<h2 class="wp-block-heading">Object Oriented Progrmming</h2>



<p class="wp-block-paragraph">Object-Oriented Programming is a Technic that solves the problem. In this, the code breaks the object. And you see your problem on the side of the object. In which you find your problem similar to the real-world problem and it is easy to maintain, and it has to be solved.</p>



<h2 class="wp-block-heading">Class</h2>



<p class="wp-block-paragraph">The PHP class has a group of values. To manipulate whatever value you write inside the class, you also write operations in it. The class gives you this facility, that if the user does not need to know the information. So you can also hide the information. To use the application, you can keep it hidden for security purposes. Or if it will be accessed from the outside users or from an outside viewer then your application may be damaged. That&#8217;s why you can keep your application hidden, it gives class facility. You can define type using class.</p>



<h2 class="wp-block-heading">Rule</h2>



<ul class="wp-block-list"><li>The class name can be any valid label.</li><li>It can&#8217;t be PHP reserved world.</li><li>The class name must start with a letter or an underscore. Following by any number of letters, numbers, or underscore all this will work. Lwkin should not start with number.</li></ul>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
class Classname
{
	var $variable_name;  (It is also called Data Member/Properties or Attribute.)
	var $variable_name;
	
	function Method_name()
	{
		Body of method;
	}
	function Method_name(parameter_list)     (And these methods are called methods or member functions.)
	{
		Body of Method;
	}

}
</pre></div>


<p class="wp-block-paragraph"><strong>See your problem in the real world.</strong></p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
class Mobile
{
	public $model;
	function show Model (Sumber)
	{
		$this-&gt;model = $number;
		echo &quot;Model Number: $this-&gt;model&quot;;
	}
	
}
</pre></div>


<h2 class="wp-block-heading">Object</h2>



<p class="wp-block-paragraph">The object is a variable of class data type. Whenever you create an object, for that object, whatever is proper inside the class, a copy of it is prepared and it is prepared for that object. If there are 2 objects then 2 copies of that variable or that property will be created and one copy for the first object and a second copy for the second object. Whatever object you make, its copy will be ready and one copy will be distributed. But this is not the case with the member function. The member function is the same, all the objects share with it.</p>



<p class="wp-block-paragraph"><strong>The new Operator is used to create an object.</strong></p>



<p class="wp-block-paragraph">Syntax:</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
class Mobile
{
	public $model;
	function show Model (Sumber)
	{
		$this-&gt;model = $number;
		echo &quot;Model Number: $this-&gt;model&quot;;
	}
	
}
$samsung = new Mobile;
$samsung-&gt;showModel(&#039;A5&#039;);

$lg = new Mobile;
$lg-&gt;showModel(&#039;M30&#039;);

</pre></div>


<p class="wp-block-paragraph">You will not need to write the class, again and again, you just have to create an object of it. And call this method with the help of that object. It will show its own model number.</p>



<p class="wp-block-paragraph"><strong>Important thing</strong></p>



<p class="wp-block-paragraph">A class is of no importance unless it has an object.</p>



<h2 class="wp-block-heading">Accessing class member using object</h2>



<p class="wp-block-paragraph">How would you make accessing a member of a class into a user object?</p>



<p class="wp-block-paragraph">-&gt; This operator is used to access the member of the class.</p>



<p class="wp-block-paragraph">object_name-&gt;variable_name;<br>$samsung-&gt;model;</p>



<p class="wp-block-paragraph">access to method<br>Object_name-&gt;method_name();<br>$samsung-&gt;showModel();</p>



<p class="wp-block-paragraph">in parameter<br>Object_name-&gt;method_name(parameter_list)<br>$samsung-&gt;showModel(&#8216;A8&#8217;);</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/advance-php/">Advance PHP</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/advance-php/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Laravel 5.5 Method paginate does not exist</title>
		<link>https://www.scmgalaxy.com/tutorials/laravel-5-5-method-paginate-does-not-exist/</link>
		
		<dc:creator><![CDATA[Chandan Kumar]]></dc:creator>
		<pubDate>Sat, 15 May 2021 10:53:03 +0000</pubDate>
				<category><![CDATA[Laravel]]></category>
		<category><![CDATA[laravel5.5]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Php]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6282</guid>

					<description><![CDATA[<p>When I am trying to put some value in my input search box and after pressing enter button showing above [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/laravel-5-5-method-paginate-does-not-exist/">Laravel 5.5 Method paginate does not exist</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="229" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/method-paginate-does-not-exist-1024x229.jpg" alt="" class="wp-image-6283" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/method-paginate-does-not-exist-1024x229.jpg 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/method-paginate-does-not-exist-300x67.jpg 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/method-paginate-does-not-exist-768x172.jpg 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/method-paginate-does-not-exist.jpg 1268w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">When I am trying to put some value in my input search box and after pressing enter button showing above issue.<br>But when I am trying to filter data with my search button then it&#8217;s working fine. so i dig into it. i found one solution on it.</p>



<h5 class="wp-block-heading">FilterController.php</h5>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
$users = DB::table(&#039;users&#039;)
-&gt;where(function($query) use ($countryId, $stateId, $cityId) {
	if (isset($countryId) &amp;amp;&amp;amp; $countryId !== null &amp;amp;&amp;amp; $countryId !== &#039;&#039; &amp;amp;&amp;amp; $stateId == &#039;Select State&#039;) {
		$query-&gt;where(&#039;country_id&#039;, &#039;=&#039;, $countryId);
	}
	if (isset($countryId) &amp;amp;&amp;amp; $countryId !== null &amp;amp;&amp;amp; $countryId !== &#039;&#039; &amp;amp;&amp;amp; isset($stateId) &amp;amp;&amp;amp; $stateId !== &#039;Select State&#039; &amp;amp;&amp;amp; $stateId !== &#039;&#039;) {
		$query-&gt;where(&#x5B;
							&#x5B;&#039;country_id&#039;, &#039;=&#039;, $countryId],
							&#x5B;&#039;state_id&#039;, &#039;&amp;lt;&gt;&#039;, $stateId]
						]);
		
	}
})-&gt;get()-&gt;paginate(5);
</pre></div>


<h4 class="wp-block-heading">Solution :</h4>



<p class="wp-block-paragraph">Just remove the get() and your code will work fine.</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
$users = DB::table(&#039;users&#039;)
-&gt;where(function($query) use ($countryId, $stateId, $cityId) {
	if (isset($countryId) &amp;amp;&amp;amp; $countryId !== null &amp;amp;&amp;amp; $countryId !== &#039;&#039; &amp;amp;&amp;amp; $stateId == &#039;Select State&#039;) {
		$query-&gt;where(&#039;country_id&#039;, &#039;=&#039;, $countryId);
	}
	if (isset($countryId) &amp;amp;&amp;amp; $countryId !== null &amp;amp;&amp;amp; $countryId !== &#039;&#039; &amp;amp;&amp;amp; isset($stateId) &amp;amp;&amp;amp; $stateId !== &#039;Select State&#039; &amp;amp;&amp;amp; $stateId !== &#039;&#039;) {
		$query-&gt;where(&#x5B;
							&#x5B;&#039;country_id&#039;, &#039;=&#039;, $countryId],
							&#x5B;&#039;state_id&#039;, &#039;&amp;lt;&gt;&#039;, $stateId]
						]);
		
	}
})-&gt;paginate(5);
</pre></div>


<h4 class="wp-block-heading">References :</h4>



<ol class="wp-block-list"><li><a rel="noreferrer noopener" href="https://stackoverflow.com/questions/44980792/laravel-5-4-method-paginate-does-not-exist-multiple-relation-filter-and-ord" target="_blank">Click here</a></li><li><a href="https://stackoverflow.com/questions/48148472/laravel-method-paginate-does-not-exist" target="_blank" rel="noreferrer noopener">Click here</a></li></ol>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/laravel-5-5-method-paginate-does-not-exist/">Laravel 5.5 Method paginate does not exist</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Setup Configure Hudson Master Slave? &#8211; Complete Guide</title>
		<link>https://www.scmgalaxy.com/tutorials/hudson-master-slave-setup/</link>
					<comments>https://www.scmgalaxy.com/tutorials/hudson-master-slave-setup/#respond</comments>
		
		<dc:creator><![CDATA[scmgalaxy K]]></dc:creator>
		<pubDate>Sat, 24 Jul 2010 05:09:11 +0000</pubDate>
				<category><![CDATA[Build Tools]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[Hudson]]></category>
		<category><![CDATA[Hudson master slave configuration]]></category>
		<category><![CDATA[Hudson Master Slave setup]]></category>
		<category><![CDATA[Hudson Master Slave setup Guide]]></category>
		<category><![CDATA[Instructions]]></category>
		<category><![CDATA[Master slave setup]]></category>
		<category><![CDATA[Master/Slave Hudson]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[Setup]]></category>
		<category><![CDATA[Slave agents setup method]]></category>
		<category><![CDATA[Slave setup]]></category>
		<category><![CDATA[Steps]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Ways]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/2010/07/24/hudson-master-slave-setup/</guid>

					<description><![CDATA[<p>The tasks can be scheduled to run on the same machine (Master), or on a different machine (Slave). A master [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/hudson-master-slave-setup/">How to Setup Configure Hudson Master Slave? &#8211; Complete Guide</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="date-posts">
<div class="post-outer">
<div class="post hentry">
<div class="post-body entry-content">
<div><img decoding="async" class="alignnone size-full wp-image-4420 aligncenter" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/07/hudson-master-slave-setup.png" alt="hudson-master-slave-setup" width="600" height="400" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/07/hudson-master-slave-setup.png 600w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/07/hudson-master-slave-setup-300x200.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></div>
<div style="margin-bottom: 0in;">The tasks can be scheduled to run on the same machine (Master), or on a different machine (Slave). A master is a installation of Hudson, that can manage one or more slaves. The role of master remains same in Master slave setup. It serves HTTP requests, and it can still build projects on it&#8217;s own.</div>
<div style="margin-bottom: 0in;">Slaves are computers that are setup to build projects triggered from the master. A separate program called <strong><em>slave agent</em></strong><span style="font-weight: normal;"> runs on slave computer. In this article we&#8217;ll discuss about how to setup Hudson to executed distributed builds using Master slave. One computer can be configured to execute multiple slave agents.</span></div>
<h1 class="western"><span style="font-size: large;">How it works</span></h1>
<div style="margin-bottom: 0in;">When the slaves are registered to a master, the master starts distributing loads to slaves. The delegation depends on the specific job. The job can be configured to either execute on the master, or it can be tied to a specific slave. On the other hand, the jobs can be configured to freely roam between slaves, wherein the job is executed using the free slave. As per the user is concerned, the setup is transparent. The results for all jobs are viewable using the Master, irrespective of the Slave that executed the job.</div>
<div style="margin-bottom: 0in;">The slave may be built using any Operating system. The Master slave setup is highly helpful while the user has to execute the job on different Operating system. Consider this use case: The application is expected to run on different operating system, Linux, Solaris and Windows system. To address this need, the user can install Hudson on any machine, say Linux, and add 2 slaves: Solaris and Windows. The user can add 3 different jobs, one running on Master itself and others running on slave machines.</div>
<h1 class="western"><span style="font-size: large;">Methods to set up Slave agents</span></h1>
<div style="margin-bottom: 0in;">The slave can be launched from Master using any of below methods:</div>
<ol>
<li>Launch Slave agents on Unix machines via SSH.</li>
<li>Launch Slave agents via JNLP.</li>
<li>Launch Slave agents via execution of command on the master.</li>
<li>Let Hudson control windows slave as a windows service.</li>
</ol>
<p>The following screenshot illustrates the list of modes under which the Hudson slave can be launched.<br />
<a style="margin-bottom: 1em; float: right; margin-left: 1em; clear: right;" href="http://3.bp.blogspot.com/_dWL7A18AuFA/S3p7yGMyE4I/AAAAAAAABEo/h6x1l2oCndM/s1600-h/hudson-slave-modes.png"><img loading="lazy" decoding="async" src="http://3.bp.blogspot.com/_dWL7A18AuFA/S3p7yGMyE4I/AAAAAAAABEo/h6x1l2oCndM/s640/hudson-slave-modes.png" width="640" height="51" border="0" /></a></p>
<p><em><span style="font-size: small;"><strong>Set up Slave agents on Unix machines via SSH</strong></span></em></p>
<div><span style="font-weight: normal;">Hudson has a built-in SSH client implementation that it can use to talk to remote sshd and start a slave agent. This is the most convenient and preferred method for Unix slaves, which normally has sshd out-of-the-box. Click </span><em><span style="font-weight: normal;">Manage Hudson</span></em><span style="font-weight: normal;">, then </span><em><span style="font-weight: normal;">Manage Nodes</span></em><span style="font-weight: normal;">, then click </span><em><span style="font-weight: normal;">New Node</span></em><span style="font-weight: normal;">. In this set up, the connection information is supplied, including SSH host name, user name and authentication credentials. The authentication is performed using password or ssh keys. If it is configured to use ssh keys, the SSH public key should be copied to </span><span style="font-family: Courier New, monospace;"><span style="font-weight: normal;">~/.ssh/authorized_keys</span></span><span style="font-weight: normal;"> file. Hudson will do the rest of the work by itself, including copying the binary needed for a slave agent, and starting/stopping slaves.</span></div>
<p>&nbsp;</p>
<blockquote>
<div style="text-align: justify;">Depending on the project and hardware resource availability, the user Desktop can be used as one of Slave, without affecting his day-to-day activities, thus avoiding the need for dedicated Slaves.</div>
</blockquote>
<h2 class="western"><em><span style="font-size: small;"><strong>Establish slave agent via Java Web Start</strong></span></em></h2>
<div style="font-weight: normal;">Another way of launching slave is to start a slave agent through Java Web Start (JNLP). In this approach, the user will login to the slave node, open a browser and open the slave page using the URL pointed to the Master. It may look like the following URL:</div>
<div style="font-weight: normal;"><span style="font-family: Courier New, monospace;">http://masterserver:port/hudson/jnlpJars/slave.jar</span></div>
<div style="font-weight: normal;">The user is presented with the JNLP launch icon. If user click the icon, the Java Web Start kicks in and it launches a slave agent on this computer.</div>
<div style="font-weight: normal;">This mode is convenient when the master cannot initiate a connection to slaves, such as when it runs outside a firewall while the rest of the slaves are in the firewall. The disadvantage is, if the machine with a slave agent goes down, the master has no way of re-launching it on its own.</div>
<h3 class="western"><em><span style="font-size: small;">Set up slave agent headlessly</span></em></h3>
<div style="margin-bottom: 0in; font-weight: normal;">This launch mode uses a mechanism very similar to Java Web Start, except that it runs without using GUI, making it convenient for an execution as a daemon on Unix. To do this, the user should configure this slave to be a JNLP slave by downloading <tt><span style="font-family: Courier New, monospace;"><em>slave.jar</em></span></tt>, and then from the slave, run a command like this:</div>
<pre style="font-weight: normal;"><span style="font-family: Courier New, monospace;"> </span></pre>
<pre style="font-weight: normal;"><span style="font-family: Courier New, monospace;">java -jar slave.jar -jnlpUrl http://yourserver:port/computer/slave-name/slave-agent.jnlp</span></pre>
<div style="margin-bottom: 0in; font-weight: normal;">
<p>The <span style="font-family: Courier New, monospace;">slave.jar</span> file is downloaded from the above mentioned URL. Make sure to replace <strong>slave-name</strong> with the name of the slave setup in Master.</p>
<blockquote><p>By default, Hudson runs on port 8080. It can be installed and managed without the need for super user privilege. The super user privilege is not required to manage both Master and Slave.</p></blockquote>
</div>
<p>The below diagram illustrates the list of configuration parameters specific to a slave.</p>
<div class="separator" style="text-align: center; clear: both;"><a style="margin-bottom: 1em; float: right; margin-left: 1em; clear: right;" href="http://3.bp.blogspot.com/_dWL7A18AuFA/S3qBFN_G-CI/AAAAAAAABEw/GYdxfv2w__4/s1600-h/hudson-slave-2.png"><img loading="lazy" decoding="async" src="http://3.bp.blogspot.com/_dWL7A18AuFA/S3qBFN_G-CI/AAAAAAAABEw/GYdxfv2w__4/s400/hudson-slave-2.png" width="400" height="176" border="0" /></a></div>
<p>&nbsp;</p>
<h2 class="western"><em><span style="font-size: small;">set up Slave Agent using own scripts</span></em></h2>
<div>If the above modes is not flexible, the user can write his own script to launch the Slave agent. The script is placed in the Master computer and Hudson runs this script whenever it should connect to the slave. The script may use the remote login program like SSH, RSH to establish connection between Master and slave.</div>
<div>The script would execute the slave agent program like <span style="font-family: Courier New, monospace;">java -jar slave.jar. </span><span style="font-family: Times New Roman, serif;">The stdin and stdout for the script should be connected to the master. For example, the script that does </span><span style="font-family: Courier New, monospace;">ssh myslave java -jar ~/bin/slave.jar</span><span style="font-family: Times New Roman, serif;"> would satisfy this need, when it is executed from the Master web interface. For this reason, running this script manually from the command line does no good.</span></div>
<div style="font-family: Arial, Helvetica, sans-serif;">The copy of slave.jar can be downloaded from the above mentioned URL. Launching the slave agent using this mode requires additional setup in the Slave. The benefit is that when the connection goes bad, the user can use Hudson web interface to re-establish the connection. <!-- BLOG_CMT_createIframe('http://www.blogger.com/rpc_relay.html', '12285068873195078521'); // --></div>
</div>
</div>
</div>
</div>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/hudson-master-slave-setup/">How to Setup Configure Hudson Master Slave? &#8211; Complete Guide</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/hudson-master-slave-setup/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to put comment in Ant &#124; Comments in Apache Ant</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-put-comment-in-ant-comments-in-apache-ant/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-put-comment-in-ant-comments-in-apache-ant/#respond</comments>
		
		<dc:creator><![CDATA[scmgalaxy K]]></dc:creator>
		<pubDate>Thu, 22 Jul 2010 11:09:52 +0000</pubDate>
				<category><![CDATA[Apache Ant]]></category>
		<category><![CDATA[ANT]]></category>
		<category><![CDATA[Ant COmment Block]]></category>
		<category><![CDATA[Ant commenting]]></category>
		<category><![CDATA[Ant comments]]></category>
		<category><![CDATA[Ant multiline comments]]></category>
		<category><![CDATA[Comment]]></category>
		<category><![CDATA[Comments in Ant build]]></category>
		<category><![CDATA[Comments in Apache Ant]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[How to put comment in Ant]]></category>
		<category><![CDATA[Instructions]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Tutorials]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/2010/07/22/how-to-put-comment-in-ant-comments-in-apache-ant/</guid>

					<description><![CDATA[<p>How to put comment in Ant &#124; Comments in Apache Ant Method 1: &#60;!&#8211; Comments are just as important in [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-put-comment-in-ant-comments-in-apache-ant/">How to put comment in Ant | Comments in Apache Ant</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-4418 aligncenter" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/07/comments-in-apache-ant.png" alt="comments-in-apache-ant" width="600" height="400" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/07/comments-in-apache-ant.png 600w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/07/comments-in-apache-ant-300x200.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<p><strong>How to put comment in Ant | Comments in Apache Ant </strong></p>
<p><strong>Method 1:</strong></p>
<p>&lt;!&#8211; Comments are just as important in buildfiles, do not &#8211;&gt;<br />
&lt;!&#8211; avoid writing them! &#8211;&gt;<br />
&lt;!&#8211; Example build file for &#8220;Ant: The Definitive Guide&#8221; &#8211;&gt;<br />
&lt;!&#8211; and its sample project: irssibot &#8211;&gt;</p>
<p><strong>Method 2: Echo</strong><br />
<strong>Description</strong><br />
Writes a message to the Ant logging facilities. A message may be supplied<br />
as nested text to this task.<br />
Echoes a message to the current loggers and listeners which means System.out unless overridden. A level can be specified, which controls at what logging level the message is filtered at.<br />
The task can also echo to a file, in which case the option to append rather than overwrite the file is available, and the level option is ignored</p>
<h3>Parameters</h3>
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top"><strong>Attribute</strong></td>
<td valign="top"><strong>Description</strong></td>
<td valign="top">
<p align="center"><strong>Required</strong></p>
</td>
</tr>
<tr>
<td valign="top">message</td>
<td valign="top">the message to echo.</td>
<td valign="top">
<p align="center">No. Text may also be included in a character section within this element. If neither is included a blank line will be emitted in the output.</p>
</td>
</tr>
<tr>
<td valign="top">file</td>
<td valign="top">the file to write the message to.</td>
<td valign="top">
<p align="center">No</p>
</td>
</tr>
<tr>
<td valign="top">append</td>
<td valign="top">Append to an existing file (or <a href="http://java.sun.com/j2se/1.4.2/docs/api/java/io/FileWriter.html#FileWriter(java.lang.String, boolean)" target="_blank" rel="noopener">open a new file / overwrite an existing file</a>)?</td>
<td valign="top">
<p align="center">No &#8211; default is false.</p>
</td>
</tr>
<tr>
<td valign="top">level</td>
<td valign="top">Control the level at which this message is reported. One of &#8220;error&#8221;, &#8220;warning&#8221;, &#8220;info&#8221;, &#8220;verbose&#8221;, &#8220;debug&#8221; (decreasing order)</td>
<td valign="top">
<p align="center">No &#8211; default is &#8220;warning&#8221;.</p>
</td>
</tr>
<tr>
<td valign="top">encoding</td>
<td valign="top">encoding to use, default is &#8220;&#8221;; the local system encoding. <em>since Ant 1.7</em></td>
<td valign="top">
<p align="center">No</p>
</td>
</tr>
</tbody>
</table>
<p><strong>Examples</strong><br />
<strong>Style 1:</strong><br />
&lt;echo message=&#8221;Hello, world&#8221;/&gt;</p>
<p><strong>Style 2:</strong><br />
&lt;echo message=&#8221;Embed a line break:${line.separator}&#8221;/&gt;</p>
<p><strong>Style 3:</strong><br />
&lt;echo&gt;Embed another:${line.separator}&lt;/echo&gt;</p>
<p><strong>Style 4:</strong><br />
&lt;echo&gt;This is a longer message stretching over<br />
two lines.<br />
&lt;/echo&gt;</p>
<p><strong>Style 5:</strong><br />
&lt;echo&gt;<br />
This is a longer message stretching over<br />
three lines; the first line is a blank<br />
&lt;/echo&gt;</p>
<p><strong>Style 5:</strong><br />
&lt;echo message=&#8221;Deleting drive C:&#8221; level=&#8221;debug&#8221;/&gt;<br />
A message which only appears in -debug mode.</p>
<p><strong>Style 6:</strong><br />
&lt;echo level=&#8221;error&#8221;&gt;<br />
Imminent failure in the antimatter containment facility.<br />
Please withdraw to safe location at least 50km away.<br />
&lt;/echo&gt;<br />
A message which appears even in -quiet mode.</p>
<p><strong>Style 7:</strong><br />
&lt;echo file=&#8221;runner.csh&#8221; append=&#8221;false&#8221;&gt;#\!/bin/tcsh<br />
java-1.3.1 -mx1024m ${project.entrypoint} $$*<br />
&lt;/echo&gt;<br />
Generate a shell script by echoing to a file. Note the use of a double $ symbol to stop Ant filtering out the single $ during variable expansion<br />
Depending on the loglevel Ant runs, messages are print out or silently ignored:</p>
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top"><strong>Ant-Statement</strong></td>
<td valign="top">
<p align="center"><strong>-quiet, -q</strong></p>
</td>
<td valign="top">
<p align="center"><strong><em>no statement</em></strong></p>
</td>
<td valign="top">
<p align="center"><strong>-verbose, -v</strong></p>
</td>
<td valign="top">
<p align="center"><strong>-debug, -d</strong></p>
</td>
</tr>
<tr>
<td valign="top"><strong>&lt;echo message=&#8221;This is error message.&#8221; level=&#8221;error&#8221; /&gt;</strong></td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
</tr>
<tr>
<td valign="top"><strong>&lt;echo message=&#8221;This is warning message.&#8221; /&gt;</strong></td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
</tr>
<tr>
<td valign="top"><strong>&lt;echo message=&#8221;This is warning message.&#8221; level=&#8221;warning&#8221; /&gt;</strong></td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
</tr>
<tr>
<td valign="top"><strong>&lt;echo message=&#8221;This is info message.&#8221; level=&#8221;info&#8221; /&gt;</strong></td>
<td valign="top">
<p align="center">not logged</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
</tr>
<tr>
<td valign="top"><strong>&lt;echo message=&#8221;This is verbose message.&#8221; level=&#8221;verbose&#8221; /&gt;</strong></td>
<td valign="top">
<p align="center">not logged</p>
</td>
<td valign="top">
<p align="center">not logged</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
</tr>
<tr>
<td valign="top"><strong>&lt;echo message=&#8221;This is debug message.&#8221; level=&#8221;debug&#8221; /&gt;</strong></td>
<td valign="top">
<p align="center">not logged</p>
</td>
<td valign="top">
<p align="center">not logged</p>
</td>
<td valign="top">
<p align="center">not logged</p>
</td>
<td valign="top">
<p align="center">ok</p>
</td>
</tr>
</tbody>
</table>
<p><strong>Method 3:</strong><br />
Description</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-put-comment-in-ant-comments-in-apache-ant/">How to put comment in Ant | Comments in Apache Ant</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-put-comment-in-ant-comments-in-apache-ant/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How we reduced build time from 8 hours to 1 hour ? &#8211; Complete Guide</title>
		<link>https://www.scmgalaxy.com/tutorials/how-we-reduced-build-time-from-8-hours-to-1-hour/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-we-reduced-build-time-from-8-hours-to-1-hour/#respond</comments>
		
		<dc:creator><![CDATA[scmgalaxy K]]></dc:creator>
		<pubDate>Mon, 21 Jun 2010 09:30:11 +0000</pubDate>
				<category><![CDATA[Build Management]]></category>
		<category><![CDATA[Build Process time]]></category>
		<category><![CDATA[Build time]]></category>
		<category><![CDATA[Build time Optimization]]></category>
		<category><![CDATA[Decrease Build Time]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[How to reduced build time]]></category>
		<category><![CDATA[Instruction]]></category>
		<category><![CDATA[Lessen Build Time]]></category>
		<category><![CDATA[Method]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[Reduce]]></category>
		<category><![CDATA[Save build time]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Ways]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/2010/06/21/how-we-reduced-build-time-from-8-hours-to-1-hour/</guid>

					<description><![CDATA[<p>Situation For one of our clients, Build is taking 8 hours and nightly build is failing frequently. Test case execution [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-we-reduced-build-time-from-8-hours-to-1-hour/">How we reduced build time from 8 hours to 1 hour ? &#8211; Complete Guide</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-4425 aligncenter" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/06/hudson-master-slave-setup.png" alt="hudson-master-slave-setup" width="600" height="400" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/06/hudson-master-slave-setup.png 600w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2010/06/hudson-master-slave-setup-300x200.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<p><strong>Situation</strong></p>
<ol>
<li>For one of our clients, Build is taking 8 hours and nightly build is failing frequently.</li>
<li>Test case execution is consuming more time than the compilation.</li>
<li>Low confidence levels for developers on nightly builds and subsequently during integration cycle.</li>
</ol>
<p><strong>Approach</strong></p>
<ol>
<li>We reviewed the whole set of build scripts being used and test case suite to check how we can refatcor them.</li>
<li>Verified the build infrastructure i.e., build server capacity from hardware point of view.</li>
<li>Feasibility study done to check how a CI environment help in giving faster feedback on the quality.</li>
</ol>
<p><strong><br />
Solution</strong></p>
<ol>
<li>Refactoring done for build scripts to make modules compilation parallel (wherever possible).</li>
<li>Some test cases are selected (which don’t require external services like database) to run as part of the build.</li>
<li>CI environment (using open source cruise control) is established to run builds per commit and execute only above set of test cases as part of the build.</li>
<li>Set up low-cost remote agent machine which will run remaining test suite once per day.</li>
</ol>
<p><strong>Results</strong></p>
<ol>
<li>Build took only 1 hour and gave faster feedback to dev team.</li>
<li>CI environment provided good confidence to dev team.</li>
<li>Team is able to implement more best practices.</li>
<li>Effective use of existing build  infrastructure (hardware) ensured no further cost is required.</li>
<li>This helped the client in ensuring smooth release management.</li>
</ol>
<p>&nbsp;</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-we-reduced-build-time-from-8-hours-to-1-hour/">How we reduced build time from 8 hours to 1 hour ? &#8211; Complete Guide</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-we-reduced-build-time-from-8-hours-to-1-hour/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
