Home
Search results “Jquery find all disabled options”
jQuery disabled selector
 
04:29
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-disabled-selector.html In this video we will discuss 1. jQuery disabled selector 2. jQuery enabled selector 3. Where you can find jquery selectors documentation Selects all disabled elements $(':disabled') Selects all disabled elements and sets a 3px solid red border [html] [head] [title][/title] [script src="jquery-1.11.2.js"][/script] [script type="text/javascript"] $(document).ready(function () { $(':disabled').css('border', '3px solid red'); }); [/script] [/head] [body style="font-family:Arial"] [table] [tr] [td]First Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Last Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Email [/td] [td][input type="text" /][/td] [/tr] [tr] [td]Gender [/td] [td] [select id="selectGender" disabled="disabled"] [option value="Male"]Male[/option] [option value="Female"]Female[/option] [/select] [/td] [/tr] [tr] [td]Comments[/td] [td][textarea][/textarea][/td] [/tr] [tr] [td colspan="2"] [input type="submit" value="Submit" disabled="disabled"/] [/td] [/tr] [/table] [/body] [/html] Selects all input elements that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input:disabled').css('border', '3px solid red'); }); [/script] Selects all input elements with type=text that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input[type="text"]:disabled').css('border', '3px solid red'); }); [/script] Selects all enabled elements $(':enabled') Selects all enabled textarea elements and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('textarea:enabled').css('border', '3px solid red'); }); [/script] Where can you find jquery selectors documentation https://api.jquery.com/category/selectors
Views: 59171 kudvenkat
How To Get Selected Option Value From Drop Down List Using JavaScript [ with source code ]
 
04:46
Display Value Of Selected Option in Select Tag Using Javascript Source Code: http://1bestcsharp.blogspot.com/2017/03/javascript-get-selected-option-value.html Javascript Tutorials For Beginners ➜ http://bit.ly/2k7NMWq Javascript Course ➜ http://bit.ly/2IvBCFC WEB-HOSTING (affiliate link) ➜ http://bit.ly/YtWebHost visit our blog https://1bestcsharp.blogspot.com/ subscribe: http://goo.gl/nRjPKk In This Javascript Tutorial we will see How To How to Get the Value of Selected Option in a Select Box In Netbeans Editor . Javascript Tutorials : How to get value of selected radio button https://www.youtube.com/watch?v=uzwUBDQfpkU How to append Value to an array https://www.youtube.com/watch?v=KVdY8n6lCy4 javascript images slider 1 https://www.youtube.com/watch?v=QkcemPr4xaU Convert String To Number https://www.youtube.com/watch?v=JMfZG7o_QtE JavaScript Show And Hide Input Password Text https://www.youtube.com/watch?v=Cmo9sjx5eFE change div class name in js https://www.youtube.com/watch?v=X_SDJxKI6HE using checkbox with js https://www.youtube.com/watch?v=yFYEHSh2iTQ get And Set Value To An Input https://www.youtube.com/watch?v=AfRHl3soLDg calculate two numbers https://www.youtube.com/watch?v=oDUjP4N_MtQ Search Element In Array https://www.youtube.com/watch?v=LIsjSMr9bJU Add Search Remove Array Element https://www.youtube.com/watch?v=ppLbuVWf6zM Add HTML Table Row https://www.youtube.com/watch?v=FVSfp8yT8lA Get Mouse Position https://www.youtube.com/watch?v=LVi5DN2vtdo Show Text Letter By Letter https://www.youtube.com/watch?v=dbdYazO4IZ4
Views: 93774 1BestCsharp blog
Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5
 
16:08
Lesson Code: http://www.developphp.com/video/JavaScript/Form-Select-Change-Dynamic-List-Option-Elements-Tutorial In this Javascript video lesson you will learn how to program dynamic select form list elements. To demonstrate the logic we will show how to change options of a select list based on the selection the user makes from the first list. A web application developer will definitely need to know how to do this when they get into form programming that involves data intake of categories and subcatories from a user.
Views: 235838 Adam Khoury
jQuery selected selector
 
07:41
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-selected-selector.html In this video we will discuss jQuery :selected selector. To select all checked checkboxes or radio buttons, we use :checked selector. To select all selected options of a select element use :selected selector. How to get selected option from single select dropdown in jquery : We want to get the selected option text and value Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#selectCountries').change(function () { var selectedOption = $('#selectCountries option:selected'); $('#divResult').html('Value = ' + selectedOption.val() + ', Text = ' + selectedOption.text()); }); }); </script> </head> <body style="font-family:Arial"> Country: <select id="selectCountries"> <option selected="selected" value="USA">United States</option> <option value="IND">India</option> <option value="UK">United Kingdom</option> <option value="CA">Canada</option> <option value="AU">Australia</option> </select> <br /><br /> <div id="divResult"></div> </body> </html> How to get all selected options from multi select dropdown in jquery : We want to get all the selected options text and value. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#selectCountries').change(function () { var selectedOptions = $('#selectCountries option:selected'); if (selectedOptions.length > 0) { var resultString = ''; selectedOptions.each(function () { resultString += 'Value = ' + $(this).val() + ', Text = ' + $(this).text() + '<br/>'; }); $('#divResult').html(resultString); } }); }); </script> </head> <body style="font-family:Arial"> <select id="selectCountries" multiple="multiple"> <option selected="selected" value="USA">United States</option> <option value="IND">India</option> <option value="UK">United Kingdom</option> <option value="CA">Canada</option> <option value="AU">Australia</option> </select> <br /><br /> <div id="divResult"></div> </body> </html> Please note : Hold down the CTRL key, to select more than one item.
Views: 84590 kudvenkat
How to enable and disable button using jQuery
 
05:43
In this video I will show you how you can enable and disable a button by using jQuery. You can find more information about this video at http://tutorials.scrisoft.com/jquery-tutorial-about-how-to-enable-or-disable-submit-button-by-accepting-the-terms/
Views: 13135 asksy
jquery visibility hidden filter selector - part 73
 
02:14
This video explains about jquery visibility hidden filter selector. hidden filter selector select all the elements that are hidden. In current example we have many input elements. for demo i have marked one of them as hidden. so while querying we first select all element of type "input" next using "hidden" filter selector we try to find the hidden input elements on DOM. I will try cover all the possible attribute selector as much as possible. rest you can take it as a homework :-) 1. :hidden = Done 2. :visible = Next I need you to try these cases on your machine and also do try few crazy scenarios if you can. If you get stuck or if you have any query then please do comment below and let me know. I will try to reply you as soon as possible.
Views: 187 dnanetwork
CORS access control allow origin [SOLVED]
 
08:42
No access-control-allow-origin-header is present on required resource. Origin is therefore not allowed access Following is the solution to above problem. Copy code given in following link to your Web.Config of your file in System.WebServer tag https://amolwabale.blogspot.in/2017/06/cors-access-control-allow-origin-header.html
Views: 110684 Code Bandit
How to disable input autocomplete for all browsers
 
02:02
In this video I want present you my easiest way to disable autocomplete for all browser. http://tutorials.scrisoft.com/how-to-disable-autofillautocomplete-for-input-fields/
Views: 2074 asksy
Select values of checkbox group with jquery
 
12:22
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/select-values-of-checkbox-group-with.html In this video we will discuss, how to select values of checked checkboxes that are in different groups using jQuery. Along the way, we will also discuss how to pass a variable to jquery selector. If you have just one group of checkboxes on your page, to get all the checked checkboxes you can use $('input[type="checkbox"]:checked'). However, if you have more than one checkbox group, then $('input[type="checkbox"]:checked') is going to select all checked checkboxes from both the checkbox groups. If you prefer to get checked checkboxes from a specific checkbox group, depending on which button you have clicked, you can use $('input[name="skills"]:checked') or $('input[name="cities"]:checked'). This will ensure that the checked checkboxes from only the skills or cities checkbox group are selected. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. At the moment to get the checked checkboxes values, we are using a button click event. You can also use the click event of the checkbox to do this. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('input[name="skills"]').click(function () { getSelectedCheckBoxes('skills'); }); $('input[name="cities"]').click(function () { getSelectedCheckBoxes('cities'); }); var getSelectedCheckBoxes = function (groupName) { var result = $('input[name="' + groupName + '"]:checked'); if (result.length > 0) { var resultString = result.length + " checkboxe(s) checked<br/>"; result.each(function () { resultString += $(this).val() + "<br/>"; }); $('#div' + groupName).html(resultString); } else { $('#div' + groupName).html("No checkbox checked"); } }; }); </script> </head> <body style="font-family:Arial"> Skills : <input type="checkbox" name="skills" value="JavaScript" />JavaScript <input type="checkbox" name="skills" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <input type="checkbox" name="skills" value="VB" />VB <br /><br /> Preferred Cities : <input type="checkbox" name="cities" value="New York" />New York <input type="checkbox" name="cities" value="New Delhi" />New Delhi <input type="checkbox" name="cities" value="London" />London <br /><br /> Selected Skills:<br /> <div id="divskills"></div> <br /> Selected Cities:<br /> <div id="divcities"></div> </body> </html>
Views: 104478 kudvenkat
Remove selected item from dropdownlist or select list using JQuery
 
07:21
In this JQuery Tutorial, I will teach you, How to remove selected item from DropdownList or Html select list. The basic logic applied here. First to get the selected item of DropdownList using JQuery then use remove method to remove the item.
Views: 3194 JQUERY
How to enable disable buttons or item with check box? | Oracle apps
 
10:39
Query Solved: 1. Enable/Disable Item based on the value of the List Item 2. Enable Disable A Field/button In Multi-row Block 3. properties - How to disable a block on form 4.oracle forms - Oracle form: How to disable/enable certain blocks 5.Oracle Forms - Enable Disable Text box Based 6.Enable/disable only item (field) based in 7.A button has to be disabled in Query mode 8.How to ENABLE/DISABLE an item
Views: 188 Young India
jQuery UI Datepicker: How to Enable Dates Before/After Specific Dates in Datepicker
 
11:18
https://www.udemy.com/jquery-web-development-made-easy/?couponCode=TUBECUST Practical jQuery: Build 9 jQuery Projects https://www.udemy.com/jquery-ui-practical-build-jquery-ui-projects/?couponCode=YOU-CUST jQuery UI in Action: Build 7 jQuery UI Projects https://www.udemy.com/hands-on-jquery-jquery-examples/?couponCode=YouCust Hands-On jQuery: jQuery Examples Find all our Udemy courses here: https://www.udemy.com/user/cryptersinfotech/ jQuery UI Datepicker: How to Enable Dates Before/After Specific Dates in Datepicker We have already seen how to disables some dates in jQuery UI Datepicker using beforeShowDay option. In this video, we will see how to enable dates after a specific date using minDate option and how to enable dates before a specific date using maxDate option. These options are really useful when you have to enable or disable consecutive dates in jQuery UI Datepicker. You can set the value of minDate and maxDate in the form of a Date object, number or string. If you set the value of minDate to new Date(2015, 0, 5), then dates till 5th January 2015 will be disabled. In other words, only dates from 5th January 2015 will be selectable or clickable. If you set the value of minDate to -2, then only dates from day before yesterday (2 days before today) will be enabled. If you set the value of minDate to -1m (y for year, m for month, w for week and d for day), only dates from one month before will be selectable. If you set the value of minDate to 0, only dates from current day (today) will be enabled. Similar is the case with maxDate. To know how to write jQuery code easily, see this video: http://youtu.be/ifus3baASaQ To know how to reference jQuery UI files correctly, see the video at http://www.youtube.com/watch?v=vUUNH0zUeOg To know how to mark holidays in jQuery UI datepicker, see the video at http://youtu.be/Aj00lQlMVPU To know how to disable required dates in jQuery UI datepicker https://youtu.be/vUUNH0zUeOg To know how to enable dates before/after specific dates in jQuery UI datepicker https://youtu.be/tNAmUH_RsrI To know how to format selected date in jQuery UI datepicker, see the video at: https://youtu.be/zlZnAqYPZVc
Views: 26371 Crypters Infotech
jQuery UI DatePicker: How to Disable (Make Non-Selectable) Required Dates in Date Picker
 
10:27
https://www.udemy.com/jquery-web-development-made-easy/?couponCode=TUBECUST Practical jQuery: Build 9 jQuery Projects https://www.udemy.com/jquery-ui-practical-build-jquery-ui-projects/?couponCode=YOU-CUST jQuery UI in Action: Build 7 jQuery UI Projects https://www.udemy.com/hands-on-jquery-jquery-examples/?couponCode=YouCust Hands-On jQuery: jQuery Examples Find all our Udemy courses here: https://www.udemy.com/user/cryptersinfotech/ To learn jQuery from scratch and to increase your productivity as a web developer, click this link!! jQuery UI DatePicker: Make Required Dates Disabled (Non-Selectable) It is so easy to add a date picker with jQuery UI Datepicker widget. You just need to use the datepicker method. The Datepicker widget offers a number of options to customize your date picker. Many times, you will have to make some of the dates disabled or non-selectable. If you are developing an appointment form where you should not give appointments on holidays or Sundays. In that case, it would be better to disable those dates so that user will not select those dates even by mistake. You can accomplish this using beforeShowDay option. You need to return an array where the first item in the array needs to be true or false based on whether you want the date selectable (true) or non-selectable (false). In this video, we will make all Saturdays and Sundays as well as January 1st non-selectable. If you do not know how to write jQuery code easily and simply, see this video tutorial. http://youtu.be/ifus3baASaQ To know how to mark holidays in jQuery UI datepicker, see the video at http://youtu.be/Aj00lQlMVPU To know how to enable dates before/after specific dates in jQuery UI datepicker https://youtu.be/tNAmUH_RsrI To know how to format selected date in jQuery UI datepicker https://youtu.be/zlZnAqYPZVc
Views: 9143 Crypters Infotech
jquery forms selected selector - part 72
 
01:23
This video explains about jquery forms selected selector. selected selector selects all the input elements where element type is select tag. using selected filter we can check if any of the option of select tag or dropdown list has been selected. I will try cover all the possible attribute selector as much as possible. rest you can take it as a homework :-) 1. :enabled = Done 2. :disabled = Done 3. :input = Done 4. :text = Done 5. :password = Done 6. :file = Done 7. :image = Done 8. :submit = Done 9. :button = Done 10. :focus = Done 11. :reset = Done 12. :checkbox = Done 13. :checked = Done 14. :radio = Done 15. :selected = Done I need you to try these cases on your machine and also do try few crazy scenarios if you can. If you get stuck or if you have any query then please do comment below and let me know. I will try to reply you as soon as possible.
Views: 90 dnanetwork
Select Multiple Rows With Checkboxes Using jQuery DataTable
 
05:54
Select/Select All Checkbox Using jQuery and DataTable Support Donate for me: https://www.patreon.com/codetube Follow me: https://www.facebook.com/mycodetube/ https://plus.google.com/+kautubecodeghazali My Social Media: https://www.facebook.com/tghazalipidie https://www.twitter.com/tghazalipidie Thank you very much for watching my new video on this channel Code Tube. You can contribute to this channel by giving support, make the subtitle, or comments that are supportive.
Views: 72788 Code Tube
jQuery get selected checkbox text
 
09:04
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-get-selected-checkbox-text.html In this video we will discuss how to get the checked checkbox text along with the value. This is continuation to Part 12, please watch Part 12 from jQuery tutorial before proceeding. Here is what we want to do. As we check the checkboxes, we want to display the count of checkboxes checked and their text and values. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('input[name="skills"]').click(function () { getSelectedCheckBoxes('skills'); }); $('input[name="cities"]').click(function () { getSelectedCheckBoxes('cities'); }); var getSelectedCheckBoxes = function (groupName) { var result = $('input[name="' + groupName + '"]:checked'); if (result.length > 0) { var resultString = result.length + " checkbox checked<br/>"; result.each(function () { var selectedValue = $(this).val(); resultString += selectedValue + " - " + $('label[for="option-' + selectedValue + '"]').text() + "<br/>"; }); $('#div' + groupName).html(resultString); } else { $('#div' + groupName).html("No checkbox checked"); } }; }); </script> </head> <body style="font-family:Arial"> Skills : <input type="checkbox" name="skills" value="js" /> <label for="option-js">JavaScript</label> <input type="checkbox" name="skills" value="jq" /> <label for="option-jq">jQuery</label> <input type="checkbox" name="skills" value="cs" /> <label for="option-cs">C#</label> <input type="checkbox" name="skills" value="vb" /> <label for="option-vb">VB</label> <br /><br /> Preferred Cities : <input type="checkbox" name="cities" value="ny" /> <label for="option-ny">New York</label> <input type="checkbox" name="cities" value="nd" /> <label for="option-nd">New Delhi</label> <input type="checkbox" name="cities" value="ln" /> <label for="option-ln">London</label> <br /><br /> Selected Skills:<br /> <div id="divskills"></div> <br /> Selected Cities:<br /> <div id="divcities"></div> </body> </html>
Views: 78754 kudvenkat
How to solve : select2 jquery not work after clone
 
04:29
i have select2 html ement, when i clone() using jquery.. it not work.. this video will help you how to solve that problem. just re-define $('.select2_opt').select2() after append() --- see this video for details.
Views: 4069 A. Hasbiyatmoko
jQuery checked selector
 
10:35
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/jquery-checked-selector.html In this video we will discuss the jQuery :checked selector. The :checked selector selects all checked checkboxes or radio buttons. Let us understand this with an example. Selects all checked radio button elements $('input[type="radio"]:checked') Example : When you click the submit button without selecting any radio button, "No radio button checked" message should be displayed. When you click the submit button after a radio button is checked, then a message stating "Male is checked" or "Female is checked" should be displayed. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnSubmit').click(function () { var result = $('input[type="radio"]:checked'); if (result.length > 0) { $('#divResult').html(result.val() + " is checked"); } else { $('#divResult').html("No radio button checked"); } }); }); </script> </head> <body style="font-family:Arial"> Gender : <input type="radio" name="gender" value="Male">Male <input type="radio" name="gender" value="Female">Female <br /><br /> <input id="btnSubmit" type="submit" value="submit" /> <br /><br /> <div id="divResult"> </div> </body> </html> Selects all checked checkbox elements $('input[type="checkbox"]:checked') Example : When you click the submit button without checking any checkbox, "No checkbox checked" message should be displayed. When you click the submit button after checking a checkbox, then a message stating the number of checkboxes checked and their values should be displayed. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnSubmit').click(function () { var result = $('input[type="checkbox"]:checked'); if (result.length > 0) { var resultString = result.length + " checkboxe(s) checked<br/>"; result.each(function () { resultString += $(this).val() + "<br/>"; }); $('#divResult').html(resultString); } else { $('#divResult').html("No checkbox checked"); } }); }); </script> </head> <body style="font-family:Arial"> Skills : <input type="checkbox" name="skills" value="JavaScript" />JavaScript <input type="checkbox" name="skills" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <input type="checkbox" name="skills" value="VB" />VB <br /><br /> <input id="btnSubmit" type="submit" value="submit" /> <br /><br /> <div id="divResult"> </div> </body> </html>
Views: 107472 kudvenkat
Onchange event, getting a value from a select tag and changing the visibility of other elements
 
09:17
Get the value of a select tag, check it and change the visibility of other elements.
Views: 66481 vasillis-javed khan
JQuery Tutorial - jquery selectors - select unchecked checkbox elements
 
02:26
In this JQuery Tutorial , lets see how to select checkbox elements which are not checked or which are unchecked on a page or website. Ask questions at http://www.lswebapps.com/forums Visit website at http://www.lswebapps.com Twitter Url https://twitter.com/LSWebApps Facebook Page https://www.facebook.com/LSWebApps Please like, comment and subscribe if you find the videos useful. LSWAT - LS WEB APPS TUTORIALS
Views: 363 Lamin Sanneh
JavaScript - How To Delete Selected LI From UL List In JS [ with source code ]
 
08:47
remove LI from UL using javascript Source code: https://1bestcsharp.blogspot.com/2017/12/javascript-delete-selected-li.html Javascript Tutorials For Beginners ➜ http://bit.ly/2k7NMWq Javascript Course For Beginners ➜ http://bit.ly/2IvBCFC visit our blog https://1bestcsharp.blogspot.com/ subscribe: http://goo.gl/nRjPKk In This Javascript Tutorial we will See How To Get The Selected LI Item From An Unordered List UL And Remove It On Button Click Event Using Array In JS And Netbeans Editor . More Javascript Tutorials : get maximum value from html table https://www.youtube.com/watch?v=KU_fUfdIhFM get minimum value from html table https://youtu.be/KU_fUfdIhFM get sum value https://youtu.be/2p39swI3_Rs get avg value of table column https://youtu.be/zeJ4lKgUqig How to get value of selected radio button https://www.youtube.com/watch?v=uzwUBDQfpkU How to append Value to an array https://www.youtube.com/watch?v=KVdY8n6lCy4 javascript images slider 1 https://www.youtube.com/watch?v=QkcemPr4xaU Convert String To Number https://www.youtube.com/watch?v=JMfZG7o_QtE JavaScript Show And Hide Input Password Text https://www.youtube.com/watch?v=Cmo9sjx5eFE change div class name in js https://www.youtube.com/watch?v=X_SDJxKI6HE using checkbox with js https://www.youtube.com/watch?v=yFYEHSh2iTQ get And Set Value To An Input https://www.youtube.com/watch?v=AfRHl3soLDg Search Element In Array https://www.youtube.com/watch?v=LIsjSMr9bJU Add Search Remove Array Element https://www.youtube.com/watch?v=ppLbuVWf6zM Add HTML Table Row https://www.youtube.com/watch?v=FVSfp8yT8lA Get Mouse Position https://www.youtube.com/watch?v=LVi5DN2vtdo Populate UL with LI from array: https://www.youtube.com/watch?v=72AAyx3wFxQ Insert A New LI To UL List: https://youtu.be/JBdyASuhq1c Get And Display Selected LI From UL: https://youtu.be/d3ZqI4B8Erc edit selected LI: https://www.youtube.com/watch?v=ebGNDmfuGCA reverse all ul's li items: https://www.youtube.com/watch?v=EahwqZ5Rf7c add edit remove selected li from ul: https://www.youtube.com/watch?v=GBDMr24O_rs Using Range Input: https://www.youtube.com/watch?v=PYbQ8GgKXRw Move HTML Table Selected Row Up And Down: https://www.youtube.com/watch?v=srv5p791Am8 Add Remove Toggle Class: https://www.youtube.com/watch?v=quAfHMl65EE Transfer Rows Between Two HTML Table: https://www.youtube.com/watch?v=E-pLVUjwWSc share this video: https://youtu.be/ZG_5a6j-WUQ
Views: 5159 1BestCsharp blog
jquery menu widget
 
11:37
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/07/jquery-menu-widget.html In this vide we will discuss jquery menu widget with examples 2 simple steps to get the jQuery menu widget on a page Step 1 : Create an HTML structure with parent/child relationship. The most commonly used element is the unordered list. To disable a menu item add ui-state-disabled class to that list item element. <ul id="menu"> <li>USA <ul> <li>Virginia</li> <li>Maryland</li> </ul> </li> <li>India <ul> <li>AP</li> <li class="ui-state-disabled">MP</li> <li>Karnataka <ul> <li>Bangalore</li> <li>Mangalore</li> <li>Mysore</li> </ul> </li> </ul> </li> <li>UK</li> <li>Australia</li> </ul> Step 2 : Find the unordered list element in the DOM and call menu() function $('#menu').menu(); To control the width, set the preferred with in the .ui-menu class. This class is applied to the unordered list by jquery ui. You can see this using the browser developer tools. <style> .ui-menu{ width:150px } </style> Please note : Another way you can control the width of the menu widget is by placing it as a child element in another element and setting the width of the parent element. <div style="width:150px"> Menu HTML here </div> You can add an icon to a menu item, by applying class names. For the list of icons provided by jQuery http://api.jqueryui.com/theming/icons/ <ul id="menu"> <li><span class="ui-icon ui-icon-flag"></span>USA <ul> <li>Virginia</li> <li>Maryland</li> </ul> </li> ... </ul> To associate a different icon to a submenu, use icons option $('#menu').menu({ icons: { submenu: 'ui-icon-circle-arrow-e' } }); To disable the menu, set disabled option to true $(document).ready(function () { $('#menu').menu({ disabled: true }); }); To get the selected item text, use the select event $('#menu').menu({ select: function (event, ui) { alert(ui.item.text()); } });
Views: 18043 kudvenkat
Php : How To Get Select Option Value From MySQL Database Using Php [ with source code ]
 
03:41
How To To Populate Html Select Drop Down List With Values From MySQL Database Using Php Source Code: http://1bestcsharp.blogspot.com/2015/10/php-populate-html-select-option-values-from-mysql-database-code.html PHP Programming Tutorials ➜ http://bit.ly/2Lh7zPM PHP And MySQL Tutorials ➜ http://bit.ly/2kdXWot PHP Course For Beginners ➜ http://bit.ly/2GxRodb Web Development Course ➜ http://bit.ly/2ITRQrj WEB-HOSTING (affiliate link) ➜ http://bit.ly/YtWebHost visit our blog https://1bestcsharp.blogspot.com/ facebook: https://www.facebook.com/1BestCsharp twitter: https://www.twitter.com/1BestCsharp_ subscribe: http://goo.gl/nRjPKk Share This Video: https://www.youtube.com/watch?v=V8sIWh_sdvs In this Php Tutorial we will Learn Two Method On How To Populate Html Select Box With Data From MySQL Database Table In Php . I Use In This Tutorial: - NetBeans IDE . - XAMPP . - PhpMyAdmin . Others Tutorials: How To Populate Html Table From MySQL Database Using Php https://www.youtube.com/watch?v=6goqMwURH9Q How To Use Mysqli Num Rows In Php https://www.youtube.com/watch?v=12L6Sckk8cc How To Use Pdo Row Count In Php https://www.youtube.com/watch?v=F3tqnbDTP3k Insert Update Delete Search Data In MySQL Database Using Php Part1 https://www.youtube.com/watch?v=f85jvD_Y8Ck Search And Filter Data In Html Table Using Php And MySQL Database https://www.youtube.com/watch?v=2XuxFi85GTw Web Development - The Complete Web Developer Course 2.0 - Build 25 Websites and Real Mobile Apps https://www.youtube.com/watch?v=F2FXUF2jnkI
Views: 185517 1BestCsharp blog
jquery dialog widget
 
09:47
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/07/jquery-dialog-widget.html In this video we will discuss jQuery dialog widget with examples. 2 simple steps to get the jQuery dialog widget on a web page 1. Place the content inside a div element <div id="dialog">This is jQuery dialog widget example</div> 2. Find the div element and call jQuery UI dialog() function $('#dialog').dialog(); There are many jQuery dialog options to customize the dialog widget. Here are some of the most commonly used options title - Sets the title of the dialog. You can also use the title attribute of the div element to set the title for the dialog. If both are specified title option value overrides the value set using th element title attribute draggable - Boolean option that determines if the dialog can be draggable by the title bar resizable - Boolean option that determines if the dialog is resizable closeOnEscape - Boolean option that determines if the dialog can be closed by pressing the Esc key modal - Boolean option that determines if the dialog is modal dialog. With modal dialog other items on the page will be disabled and cannot be interaced with until the dialog is closed autoOpen - Boolean option that determines if the dialog should open automatically upon initialization. If set to false, the dialog will stay hidden until the open() method is called
Views: 23215 kudvenkat
5 Ways to Check if Checkbox is Checked in jQuery
 
05:18
Find out the 5 ways to check if a checkbox is checked using jQuery. We are going to use .prop(), .is(), element.checked, .length and .size() to check if checkbox is checked or not.
Views: 697 In This Code
Javascript Checkbox - How To Check If A Check Box Is Checked Or Not  [ with source code ]
 
09:04
Javascript CheckBox Check And Uncheck Source Code: http://1bestcsharp.blogspot.com/2017/01/javascript-checkbox-check-uncheck.html Javascript Tutorials For Beginners ➜ http://bit.ly/2k7NMWq Javascript Course ➜ http://bit.ly/2IvBCFC visit our blog https://1bestcsharp.blogspot.com/ facebook: https://www.facebook.com/1BestCsharp twitter: https://www.twitter.com/1BestCsharp_ subscribe: http://goo.gl/nRjPKk In This Javascript Tutorial we will see How To Use CheckBox And Check If It's Checked Or Not In JS Using Netbeans Editor More Javascript Tutorials : How to get value of selected radio button https://www.youtube.com/watch?v=uzwUBDQfpkU How to append Value to an array https://www.youtube.com/watch?v=KVdY8n6lCy4 javascript images slider 1 https://www.youtube.com/watch?v=QkcemPr4xaU Convert String To Number https://www.youtube.com/watch?v=JMfZG7o_QtE JavaScript Show And Hide Input Password Text https://www.youtube.com/watch?v=Cmo9sjx5eFE change div class name in js https://www.youtube.com/watch?v=X_SDJxKI6HE get And Set Value To An Input https://www.youtube.com/watch?v=AfRHl3soLDg
Views: 16302 1BestCsharp blog
Cascading dropdownlist using jquery and asp net
 
29:12
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/07/cascading-dropdownlist-using-jquery-and.html In this video we will discuss how to create a cascading dropdownlist using jQuery and ASP.NET. We want all the data for the cascading dropdownlists to be coming from the database. When the webform first loads, only the continents dropdownlist should be populated. Countries and Cities dropdownlist should be disabled and should not allow the user to select anything from these 2 dropdownlists. Once, the user makes a selection in the continents dropdownlist, then Countries dropdownlist should be enabled and populated with the countries that belong to the selected continent. The same logic applies for the cities dropdownlist.
Views: 38787 kudvenkat
Loop through all form controls in formgroup in reactive form
 
09:29
In this video we will discuss, how to loop through all form controls in a formgroup including nested form groups in a reactive form. Text version of the video http://csharp-video-tutorials.blogspot.com/2018/10/loop-through-all-form-controls-in.html Slides http://csharp-video-tutorials.blogspot.com/2018/10/loop-through-all-form-controls-in_8.html Angular 6 Tutorial https://www.youtube.com/playlist?list=PL6n9fhu94yhWNJaDgh0mfae_9xoQ4E_Zj Angular 6 Tutorial Text Articles & Slides http://csharp-video-tutorials.blogspot.com/2018/09/angular-6-tutorial-for-beginners.html Angular, JavaScript, jQuery, Dot Net & SQL Playlists https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd Understanding this technique is very useful, as it can help us perform the following on all the form controls in a reactive form 1. Reset form controls 2. Enable or disable all form controls or just the nested formgroup controls 3. Set validators and clear validators 4. Mark form controls as dirty, touched, untouched, pristine etc. 5. Move validation messages and the logic to show and hide them into the component class from the view template. Here is what we want to do : Loop through each form control in a form group including nested form groups and log the form control key and value to the console. logKeyValuePairs(group: FormGroup): void { // loop through each key in the FormGroup Object.keys(group.controls).forEach((key: string) = { // Get a reference to the control using the FormGroup.get() method const abstractControl = group.get(key); // If the control is an instance of FormGroup i.e a nested FormGroup // then recursively call this same method (logKeyValuePairs) passing it // the FormGroup so we can get to the form controls in it if (abstractControl instanceof FormGroup) { this.logKeyValuePairs(abstractControl); // If the control is not a FormGroup then we know it's a FormControl } else { console.log('Key = ' + key + ' && Value = ' + abstractControl.value); } }); }
Views: 21252 kudvenkat
autocomplete Attribute of Form Field: HTML5
 
04:48
http://technotip.com/3492/autocomplete-attribute-of-form-field-html5/ Today lets see how autocomplete attribute of HTML5 works. To make autocomplete feature to work 1. Turn ON the autocomplete feature for form, in your browser. 2. Make sure to name all your input fields. Without naming, autocomplete feature may not work. 3. If not specified, tags will inherit autocomplete feature from its parent tag. If not turned off, browser will have autocomplete turned ON by default, once it is enabled in browser settings. HTML5 and CSS3 Video Tutorial List: http://technotip.com/3451/html5-css3-video-tutorial-list/
Views: 10998 Satish B
Angular bootstrap select list
 
06:51
Text version of the video http://csharp-video-tutorials.blogspot.com/2018/01/angular-bootstrap-select-list.html Slides http://csharp-video-tutorials.blogspot.com/2018/01/angular-bootstrap-select-list-slides.html Angular CRUD Tutorial https://www.youtube.com/watch?v=rJ9o4TyhSuo&list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_ Angular CRUD Tutorial Text Articles & Slides http://csharp-video-tutorials.blogspot.com/2017/12/angular-crud-tutorial.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss 1. Working with a select list in Angular Template Driven forms 2. How to have one of the select list option selected by default 3. How to disable select list Let us understand working with a select element in Angular with a simple example. We want to include "Department" select list. For the HTML used in the demo, please refer to my blog using the link below http://csharp-video-tutorials.blogspot.com/2018/01/angular-bootstrap-select-list.html At the moment, we have hard coded the select list options in the HTML. In our next video we will discuss, how to get the select list options from the component class. Notice each option also has a corresponding value. The value is the department id which is what we want to save in the database table when the form is submitted. We will discuss, saving the data to a database table in a later video. At this point, when we select an option, the corresponding option value is included against the "department" property in the Angular auto-generated form model. Also when we click the "Save" button, the "department" property along with the selected option value is logged to the console in browser developer tools. How to have one of the select list option selected by default If we include "selected" attribute on one of the options of the select list, we expect that option to be selected by default when the form initially loads, but when the form reloads, the respective option will not be selected. If you remove the "ngModel" directive from the select list, then the the option gets selected as expected. In Angular, we use "ngModel" directive for two-way data binding. So the moment we put it back in place the "selected" attribute does not work. To make it work include "department" property in the component class and initialise it with one of the option value which you want to have selected by default. In our case, we want the "IT" option to be selected by default. The "IT option value is "3". So, I have initialised "department" property with a value of '3' department = '3' At this point you will have "IT" option selected by default when the form loads. Now, even if we remove the "selected" attribute from the "IT" option, it is still selected by default when the form loads. This is because of the two-way data binding that we get with "ngModel" directive. How to disable a select list : To disable a select element, use the disabled attribute Another important point to keep in mind. By default, disabled form controls are not included in the Angular auto generated form model. Since, the "department" select element is disabled, it will not be included in the Angular generated form model. In our form, we do not want the select element to be disabled, so please remove the disabled attribute. Also, we do not want any option to be selected by default, so remove the "department" property from the component class. In our next video, we will discuss, how to get the select list options from the component class, instead of having them hard-coded in the HTML.
Views: 35688 kudvenkat
Angular Disabled Attribute Basics - Kevin Chisholm Video
 
03:11
https://blog.kevinchisholm.com You can find plenty more articles like this on my blog!
Views: 2421 Kevin Chisholm
Dynamic Dependent Select Box using jQuery, Ajax and PHP
 
07:19
Dynamic Dependent Select Box using jQuery, Ajax and PHP Source Code: http://www.lisenme.com/dynamic-dependent-select-box-using-jquery-ajax-php/ https://www.facebook.com/lisenme To Get More Follow us …. https://twitter.com/LisenMee To Get More Follow us …. http://www.lisenme.com Get Free Web templates, tutorials, Graphics
Views: 48962 soft tutorial zone
JQUERY RESET SELECTORS DEMO TAMIL
 
01:57
JQUERY RESET SELECTORS DEMO TAMIL A Job Portal http://www.InterviewDot.com http://www.InterviewDot.com http://www.InterviewDot.com One Click Dream Job - http://www.interviewdot.com/upload-resume/uploadresume.htm Are you looking for a new Job ? InterviewDot.com - A Job Portal http://www.InterviewDot.com http://www.InterviewDot.com http://www.InterviewDot.com One Click Dream Job - http://www.interviewdot.com/upload-resume/uploadresume.htm FRESHERS core JAVA INTERVIEW QUESTION AND ANSWER EXPERIENCED core JAVA INTERVIEW QUESTION AND ANSWER SPRING FRAMEWORK INTERVIEW QUESTION AND ANSWER HIBERNATE INTERVIEW QUESTION AND ANSWER DESIGN PATTERNS INTERVIEW QUESTION AND ANSWER JQUERY INTERVIEW QUESTION AND ANSWER AJAX INTERVIEW QUESTION AND ANSWER SQL INTERVIEW QUESTION AND ANSWER JUNIT INTERVIEW QUESTION AND ANSWER SOFTWARE ARCHITECTURE INTERVIEW QUESTION AND ANSWER CODE REFACTORING INTERVIEW QUESTION AND ANSWER PERFORMANCE TUNING INTERVIEW QUESTION AND ANSWER JAVA VIRTUAL MACHINE INTERVIEW QUESTION AND ANSWER JQUERY TUTORIAL JQUERY RESET SELECTORS DEMO TAMIL
Views: 319 Interview DOT
Customise ngx bootstrap datepicker
 
09:48
In this video we will discuss customising the ngx-bootstrap datepicker component with an example. Changing ngx-bootstrap datepicker theme : At the moment, the Datepicker is using the default green theme. We want to change it to dark-blue theme, so it matches with the rest of the form. As of this recording ngx-bootstrap datepicker component has the following 6 color schemes. theme-default theme-green theme-blue theme-dark-blue theme-red theme-orange We can change the default colour-scheme, by manipulating containerClass property in bsConfig object. Showing or hiding week numbers : By default, the weeknumber are displayed. If you want to hide them, all you have to do is set "showWeekNumbers" boolean property to false in the config object. constructor() { this.datePickerConfig = Object.assign({}, { containerClass: 'theme-dark-blue', showWeekNumbers: false }); } You can find all the properties of the config object at the following page. https://github.com/valor-software/ngx-bootstrap/blob/development/src/datepicker/bs-datepicker.config.ts Along the same lines we can also set the min and max dates. Please note that the month numbers start from 0 and not 1. So for January it is 0, February it is 1, so on and so forth. constructor() { this.datePickerConfig = Object.assign({}, { containerClass: 'theme-dark-blue', showWeekNumbers: true, minDate: new Date(2018, 0, 1), maxDate: new Date(2018, 11, 31), }); } To change the date format, use dateInputFormat property of the config object. constructor() { this.datePickerConfig = Object.assign({}, { containerClass: 'theme-dark-blue', showWeekNumbers: true, minDate: new Date(2018, 0, 1), maxDate: new Date(2018, 11, 31), dateInputFormat: 'DD/MM/YYYY' }); } To set a default date, create a property (dateOfBirth) in the component class and set it to the default value you want. Since we are using 2 way databinding, the defualt date is displayed in the corresponding input field when them form loads. In this case we have set default date to January 30, 2018. dateOfBirth: Date = new Date(2018, 0, 30); At the moment, the "Date of Birth" input element is spanning across the entire width of the form. There are sevral options to limit it's width. One option is to use the Bootstrap row and grid classes (Example: col-md-4, col-md-5, etc...) To control the placement of the Datepicker use the placement property. The allowed values are "top" | "bottom" | "left" | "right". The default is "bottom". Text version of the video http://csharp-video-tutorials.blogspot.com/2018/01/customise-ngx-bootstrap-datepicker.html Slides http://csharp-video-tutorials.blogspot.com/2018/01/customise-ngx-bootstrap-datepicker_18.html Angular CRUD Tutorial https://www.youtube.com/watch?v=rJ9o4TyhSuo&list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_ Angular CRUD Tutorial Text Articles & Slides http://csharp-video-tutorials.blogspot.com/2017/12/angular-crud-tutorial.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 30823 kudvenkat
How to Disable Pinch Zoom Settings for Windows 10
 
00:44
Problem solutions and steps listed below- 1. If you do not have the "Device Settings Tab": For Acer, Asus, and Lenovo users. (This video was on my HP laptop so that might be why you are having issues) +Anstria Greenwood Suggests for Acer- for those who don't get the grey 'settings ' box without the 'Synaptycs touch pad' displaying anywhere, it's even simpler. I'm on an Acer whether that makes any difference at all. Go to 'settings': the Windows icon on the extreme bottom left on the taskbar. Then select 'devices' then 'mouse and touchpad'. Scroll down almost to the bottom and you will see 'Use two finger pinch to zoom'. Disable it by moving the slider to 'off'. +Moriah Kearney suggested this fix for Asus- "For those who don't have the "Device settings tab," in the mouse & touchpad settings, disable "use a 2 finger pinch to zoom." If you have an Asus like me, click ^ on the lower right hand side of the screen, then open Asus smart gesture. Under the "two fingers" column, uncheck zoom/pinch to zoom in and out." +Zip Zap suggested this for Lenovo- In Lenovo: Control Panel - Mouse - UltraNav - TouchPad settings - Application Gestures - Pinch Zoom - disable it 2. If it keeps resetting- Update windows! I know that just updating fixed the problem with a lot of users. Make sure you have the most recent update before looking into other fixes Create a profile in synaptic settings. +Roar Khan suggested "when you Goto synaptic setting- there is "Profile button" click and make a new profile to save turn off pitch zoom permanently. simply means follow the video instructions but after that make a new profile and save profile and finish rest. +T219 also suggested To keep pinch zoom disabled after rebooting on Windows 10 do the following: 1. Open up regedit.exe (open up the "search window" icon and type "regedit") 2. Navigate through the folders to: HKEY_LOCAL_MACHINE\SOFTWARE\Synaptics\Sy­nTP\Install ~Note this is LOCAL MACHINE, not CURRENT USER. 3. Look for a key in that Install folder called DeleteUserSettingsOnUpgrade 4.Double click and change the value to 0 5. Now go back to the Synaptics control panel, set everything the way you like, reboot. This worked for me and many others. _________________________________________________________________________________ Steps- 1. Click the windows icon. 2. Got to "settings". 3. Click "Devices". 4.Click "mouse and touchpad" 5. Scroll down and click "additional mouse options" under related settings. 6. Double click "Synaptics TouchPad" 7. Uncheck "pinch zoom" 8. Click "Apply" 9. Click "OK" 10. Click "OK"
Views: 192840 Jekor09
Print without preview in chrome 2019
 
05:40
step 1: wirte "about:flags" in chrome and enter step 2: search for "Enable new Print Preview UI" and disable it, close the chrome browser step 3: open task manager and End all google process step 4: right click on google chrome shortcut then go to properties and at the end of the target add " --kiosk-printing" Now open chrome and it should print without any preview mine is working :) Thanks for watching this.
Views: 5893 amanat juwel
JavaScript – How to Prevent a Form from Clearing Fields on Submit
 
04:46
This video is a sample from Skillsoft's video course catalog. In JavaScript, you can use HTML forms for all sorts of purposes but these forms can sometimes give unpredictable results. In this video, Jamie Campbell demonstrates you how to prevent a form from clearing its fields, when the Submit button is clicked. With almost 25 years as an IT consultant, marketing communications expert, and professional writer, Jamie Campbell is a technology enthusiast with a passion for gadgets and a flair for problem solving. He’s worked in the IT, publishing, and automotive industries, and he’s also an accomplished graphic designer. In addition, he’s been a technology instructor at prestigious design and technology colleges. He writes for a tech blog and has authored and published four novels. Skillsoft is a pioneer in the field of learning with a long history of innovation. Skillsoft provides cloud-based learning solutions for our customers worldwide, who range from global enterprises, government and education customers to mid-sized and small businesses. Learn more at http://www.skillsoft.com. https://www.linkedin.com/company/skillsoft http://www.twitter.com/skillsoft https://www.facebook.com/skillsoft
Views: 17866 Skillsoft YouTube
How to check if JavaScript is enabled
 
09:17
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/02/how-to-check-if-javascript-is-enabled.html In this video we will discuss how to check if JavaScript is enabled or disabled. Let us understand this with an example. We have a page that captures Name and Gender. Both fields are required. The page relies on JavaScript being enabled for performing validation. We should always have server side validation irrespective of whether we have client side validation or not. It is not a good practice to rely just on client side validation, but for the purpose of this demo, let us say we only have client side validation. If JavaScript is enabled then we want to display the Name and Gender elements and the user can continue to use the application. If JavaScript is disabled then we want to hide the Name and Gender elements and we want to display the following message. It seems that you have disabled JavaScript. Please enable JavaScript. The easiest way to detect if JavaScript is enabled is by using noscript tag. The content inside the [noscript] element will be displayed only if scripts are not supported, or are disabled in the user's browser. [noscript] [style type="text/css"] .rootDiv { display: none; } [/style] [h1]It seems that you have disabled JavaScript. Please enable JavaScript.[/h1] [/noscript] [div id="rootElement" class="rootDiv"] [table border="1"] [tr] [td] Name [/td] [td] [input id="txtName" type="text" onfocus="validateIfEmpty('txtName')" onblur="validateIfEmpty('txtName')" onkeyup="validateIfEmpty('txtName')" /] [/td] [/tr] [tr] [td] Gender [/td] [td] [input id="txtGender" type="text" onfocus="validateIfEmpty('txtGender')" onblur="validateIfEmpty('txtGender')" onkeyup="validateIfEmpty('txtGender')" /] [/td] [/tr] [/table] [/div] [script type="text/javascript"] function validateIfEmpty(control) { var controlToValidate = document.getElementById(control); if (controlToValidate.value == "") { controlToValidate.style.background = "red"; } else { controlToValidate.style.background = "white"; } } [/script]
Views: 24172 kudvenkat
Selecting only first level li element of the first ul in jquery
 
04:29
Selecting only first level li element of the first ul in jquery
Views: 941 Go Freelancer
JavaScript to automatically tab to next textbox
 
05:29
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/javascript-to-automatically-tab-to-next.html In this video we will discuss, how to automatically move the cursor keyboard focus from one textbox to another using JavaScript. Let us understand this with an example. Consider a web page where we need to enter 16 digit bank card number. On this page we have 4 textboxes. Each textbox should allow only 4 numbers. Upon entering the first 4 card numbers in the first textbox, the cursor should automatically move to the second textbox. Upon entering the next 4 card numbers in the second textbox, the cursor should automatically move to the third textbox. Here is the HTML and JavaScript function that automatically sets the focus to the next textbox Card Number : [asp:TextBox ID="txt1" runat="server" Width="50px" MaxLength="4" onkeyup="moveCursor(this, 'txt2')" /] [asp:TextBox ID="txt2" runat="server" Width="50px" MaxLength="4" onkeyup="moveCursor(this, 'txt3')" /] [asp:TextBox ID="txt3" runat="server" Width="50px" MaxLength="4" onkeyup="moveCursor(this, 'txt4')" /] [asp:TextBox ID="txt4" runat="server" Width="50px" MaxLength="4" /] [script type="text/javascript"] function moveCursor(fromTextBox, toTextBox) { // Get the count of characters in fromTextBox var length = fromTextBox.value.length; // Get the value of maxLength attribute from the fromTextBox var maxLength = fromTextBox.getAttribute("maxLength"); if (length == maxLength) { // If the number of charactes typed in the fromText is // equal to the maxLength attribute then set focus on // the next textbox document.getElementById(toTextBox).focus(); } } [/script]
Views: 24289 kudvenkat
How to check if cookies are enabled
 
07:25
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/02/how-to-check-if-cookies-are-enabled.html In this video we will discuss, how to check if cookies are enabled. Most websites rely on browser cookies being enabled. For example, if you have disabled cookies and if you try to log into gmail.com, you will receive an error message saying - Oops! Your browser seems to have cookies disabled. Make sure cookies are enabled or try opening a new browser window. The following JavaScript code detects if cookies are enabled. Most modern browser's support navigator.cookieEnabled property. This property returns true if cookies are enabled and false if cookies are disabled. Some old browsers don't support this property. For those browsers that don't support navigator.cookieEnabled property, we are setting "mytestcookie" and then reading again to make sure cookies are enabled. If we are not able to read "mytestcookie" then we know that cookies are disabled. [div id="msg"][/div] [script type="text/javascript"] function cookiesEnabled() { var cookiesEnabled = (navigator.cookieEnabled) ? true : false; if (typeof navigator.cookieEnabled == "undefined" && !cookiesEnabled) { document.cookie = "mytestcookie"; cookiesEnabled = (document.cookie.indexOf("mytestcookie") != -1) ? true : false; } return cookiesEnabled; } if (cookiesEnabled()) { document.getElementById("msg").innerHTML = "Cookies enabled"; } else { document.getElementById("msg").innerHTML = "Cookies disabled"; } [/script]
Views: 22672 kudvenkat
Vue JS 2 Tutorial #31 - Select Box Binding
 
05:38
----- COURSE LINKS: + Repo - https://github.com/iamshaunjp/vuejs-playlist + Atom editor - https://atom.io/a + Download GIT - https://git-scm.com/ + Vue docs - https://vuejs.org/v2/guide/ --------------------------------------------------------------------------------------------- You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress, Node.js & more on the channel homepage... SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== PSD to WordPress Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W ============ Node.js for Beginners Playlist ============= https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ================== Social Links ================== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 37608 The Net Ninja
✔ (12) getAttribute vs getText (What's The Difference In Selenium)
 
09:08
What’s the difference between getAttribute and getText methods in Selenium? That question is asked on the internet via sites like #StackOverflow. getAttribute get values of specific attributes while getText gets values between starting and ending HTML tags. Here’s the description of both elements: ✔ getAttribute - Get the value of a specified WebElement attribute ✔ getText - Get the visible innerText attribute of a WebElement Sometimes HTML does not contain an ending tag. Therefore, getText returns the value after the starting tag. An element such as a place holder does not return a value using the getText method. This video demos the difference between getAttribute and getText which are 2 of 16 Selenium WebElement Methods. ► Download Presentation, Automation Code and Test Cases = https://tinyurl.com/SeleniumWebElementMethods ► Free Selenium PDF Book: http://tinyurl.com/Part-1-Selenium-WebDriver ► Free Java PDF Book: http://tinyurl.com/Part-1-Java-4-Selenium ► All Paperback & eBooks: http://tinyurl.com/Rex-Allen-Jones-Books ► Increase Video Quality: Settings - Quality - Select HD ► CC Font Size: Settings - Subtitles/CC - Options - Font Size ► Turn CC On or Off: Click CC ► Transcript for Difference Between getAttribute and getText In Selenium??? The next WebElement Method is getText. We are going to get the error message that shows up after clicking the Sign In button. First we find the error message: driver.findElement by xpath next we get the error message: dot getText. The description states “Get the visible innerText of this element”. This description can be confusing if you don’t know HTML. Let me use W3 Schools to help explain the getText method and HTML. www.w3Schools.com / Learn HTML / Introduction. Do you see how tag name has an opening and closing tag? The only difference is closing tag has a forward slash before tag name. Content goes here. The getText method returns the content between the opening tag and closing tag. Sometimes HTML does not contain a closing tag. HTML tags normally come in pairs. That means the closing tag is not required. Go back to our Application Under Test. Let’s inspect the error message. In this case, the error message is between the opening and closing h4 tags. Copy and Paste xpath value The getText method returns a String so let’s assign the value to String strErrorMessage. Now, let’s print the error message. Sysout “What Is The Error Message? ” + strErrorMessage. Let’s Run / What Is The Error Message? Please enter your password To summarize, the getText method. It will return most data you see on a web page. It will not return data if there’s no content after the opening tag. For example, the Password placeholder will not return data if we use the getText method. Although we see Password on our application, it does not have content. There is no content after the opening tag. The blue highlighted section is the opening tag for input which have 5 Attribute Names and Values. Let me show you how getText will not work for this element: driver.findElement By id “password” dot getText. Assign the value to String strPlaceHolder. Sysout / getText = “I Will Enter My “ + strPlaceHolder. Let’s run The Console does not show data after I Will Enter My. We must use the getAttribute method when we see data on an application but HTML does not have content for that element. I will use the same code and change getText to getAttribute. Copy and Paste. Change getAttribute method and getAttribute within the print statement. Also change the object reference strPlaceHolder to strPasswordLabel. Add double quotes to the getAttribute value. The description states “Get the value of the given attribute of the element.” That mean we can get any value by writing the attribute name. Let’s verify which attribute name has the attribute value Password. The placeholder attribute has the Password value we want to print. There are multiple attributes with password as a value but we need placeholder because it has a capital “P” for Password. Attributes type, id, and name contains a lowercase “p” for Password which does not match the application. Let’s run again / getAttribute displays I Will Enter My password. You can download your Presentation, Automation Code, and Test Cases at https://tinyurl.com/SeleniumWebElementMethods #SeleniumTraining #SeleniumAutomation #BeginnerSeleniumTutorials #SeleniumWebDriver
Remove Previous Row tr in Table using jQuery
 
07:37
Remove Previous Row tr in Table using jQuery
Views: 509 Go Freelancer
How to get List of Enabled / Disabled Check Constraint in SQL Server Database-SQL Server P86
 
07:40
SQL Server / T-SQL Tutorial Scenario: You are working as SQL Server Developer and you are asked to provide list of all Check Constraint with status if enabled or disabled. Link to scripts used in SQL Server / TSQL Tutorial Video http://www.techbrothersit.com/2016/05/how-to-get-list-enabled-disabled-check.html Check out our website for Different SQL Server, MSBI tutorials and interview questions such as SQL Server Reporting Services(SSRS) Tutorial SQL Server Integration Services(SSIS) Tutorial SQL Server DBA Tutorial SQL Server / TSQL Tutorial ( Beginner to Advance) http://www.techbrothersit.com/
Views: 704 TechBrothersIT
Web Server: Enable Directory Listing / Directory Browsing with .htaccess & create files with no name
 
04:39
Web Servers hide the contents of folders by default. If there’s no index.html or index.php file, it will show a "403 Forbidden" error. That means that the folder exists, but you don’t have access to it. Different from a "404 Not Found" error, meaning no such folder exists. If you want to see the files inside all folders, you need to put this .htaccess file in the directory you want to enable Download htaccess zip http://www.mediafire.com/download/qm398c6l99xl8o8/htaccess+File+Inside.zip UnZip it and it should work. (This is if you’re having trouble creating files with no name, only an extension) ➤Create .htaccess file -Open notepad (or other text editor) -Save a blank file called ".htaccess" (no filename just an extension) -Make sure you change the "Save as Type" dropdown from "Text Document *.txt" to "All files" -Use ftp software to copy the .htaccess file to your web server -You might need to "Show hidden files" in order to see it ➤Configuring htaccess ➨"Options +Indexes" -Adding this enables the list of files in the folder -Capitalization doesn’t matter -You can comment out lines with a hashtag/number sign (#) ➨"IndexOptions FancyIndexing" -This changes the display ➨"Options -Indexes" -this hides the listings. Add a new .htaccess file in a subfolder to disable directory listing in that folder and keep it active in the containing folder ➨"DirectoryIndex 1.txt" -This sets the default page to load instead of index.html or index.php (as long as 1.txt exists) ➨"IndexIgnore *.txt *.doc" -This excludes any files with the extension txt & doc from the list -They’re still accessible by direct URL, but just won’t show up if directory listing is enabled More Detailed video https://www.youtube.com/watch?v=hsaaVCB55dQ
Views: 40813 TanUv90
Bootstrap checkbox in angular
 
06:16
In this video we will discuss 1 Working with a checkbox control in Angular Template Driven forms 2. How to have a checkbox checked by default 3. How to disable a checkbox Working with a checkbox in Angular is very similar to working with a radio button. We want to include "Is Active" checkbox in the Create Employee form as shown below. When we check the checkbox, "isActive" property should reflect in the Angular generated for model. Also, when we click the "Save" button we want the "isActive" property value to be logged to the console. To achieve this all you have to do is include the following HTML in create-employee.component.html file. Please replace [ with LESSTHAN symbol and ] with GREATERTHAN symbol [div class="form-group"] [div class="form-control"] [label class="checkbox-inline"] [input type="checkbox" name="isActive" [(ngModel)]="isActive"]Is Active [/label] [/div] [/div] If we include "checked" attribute on a checkbox, we expect checkbox to be checked by default when the form initially loads. But you will discover that is not the case. [input type="checkbox" name="isActive" [(ngModel)]="isActive" checked]Is Active However, if you remove the "ngModel" directive from the checbox, then it gets checked as expected. Notice the "ngModel" directive is removed from the checkbox. [input type="checkbox" name="isActive" checked]Is Active With Angular Template Driven forms, we use "ngModel" directive for two-way data binding. So the moment we put it back in place the "checked" attribute does not work. To make it work include "isActive" property in the component class and initialise it to true. isActive = true; At this point you will have "IsActive" checkbox checked by default when the form loads. Now, even if we remove the "checked" attribute from the checkbox it is still checked by default when the form loads. This is because of the two-way data binding that we get with "ngModel" directive. For our form we do not want the checkbox to be checked by default, so remove the "checked" attribute and the "isActive" property from the component class. How to disable a checkbox : To disable a checkbox, use the disabled attribute [input type="checkbox" name="isActive" [(ngModel)]="isActive" disabled]Is Active Another important point to keep in mind. By default, disabled form controls are not included in the Angular auto generated form model. Since, the "Is Active" checkbox is disabled, it will not be included in the Angular generated form model. In our form, we do not want the checkbox to be disabled, so please remove the disabled attribute. Text version of the video http://csharp-video-tutorials.blogspot.com/2018/01/bootstrap-checkbox-in-angular.html Slides http://csharp-video-tutorials.blogspot.com/2018/01/bootstrap-checkbox-in-angular-slides.html Angular CRUD Tutorial https://www.youtube.com/watch?v=rJ9o4TyhSuo&list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_ Angular CRUD Tutorial Text Articles & Slides http://csharp-video-tutorials.blogspot.com/2017/12/angular-crud-tutorial.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 31740 kudvenkat
How to Enable/Disable a Form
 
00:44
https://www.jotform.com/help/180-How-to-enable-disable-a-form
Views: 3363 JotForm
How to hide a child tab if a lookup field meets a certain condition
 
06:54
This video explains the genral idea behind how to hide some page elements in your AppGini (https://bigprof.com/appgini) app if a certain condition is met. Transcript of the video follows: Hello and welcome everyone! I got this question from a user. He has this table. And what he wants to do is if this field, this lookup field, is set to that value, he wants to hide this child tab. The tab link, and the tab contents as well. So basically, this is achievable by using some JavaScript code. First we need to identify the value selected in that lookup field. And if it meets a certain value then we want to hide that child's tab. I don't have the project itself so I will not be using this specific example but I'll use a similar example from our Northwind demo. So in the orders table we have an employee lookup field and we want to set it similarly: If the employee is set to a specific value then we want to hide the order items child tab and its contents. So to do this let's open the inspector window by pressing F12. Now the employee field is named EmployeeID so I'll type here $j # EmployeeID, which is name of the field. dot. val. So this displays 8 so 8 is the ID of the currently selected employee. So what we want to do is retrieve the value of the selected employee through this instruction $j EmployeeID dot Val or $j hash field name dot Val and if the value is set to a specific value let's say 8. If it meets that condition we'll hide the order items child tab so to hide the order items child tab let's inspect this part to be able to select it. So the tab is displayed in the HTML code like this. We have an anchor with an ID of tab underscore order details - order ID so this is basically tab underscore then the child table name then the lookup field name so we can copy the ID of the tab and now note that to hide that part we need to go to its parent "li" item and hide that part so if we go to the console here and type this selector $j hash and the ID we just copied now we want to reach its parent which is "li" and addClass hidden. So as you can see this basically hides the tab. It didn't hide the content yet. we'll reach that part later on but it did hide the tab. So this is the code we need to do to hide the tab. Now if we want to redisplay it later we can replace addClass with to removeClass. what we did is replacing addClass hidden with removeClass hidden so we remove the hidden class and it's displayed again. Now this is the part of hiding the tab itself. What about the content of the tab? So to hide the content of the tab let's go back to the inspector, inspect this element, and the content is placed inside a div that has a class "tab-content". If you open that div we'll see another div that has this ID and this is the div that we need to hide. Now we could, if we are seeing multiple tabs here, we'll see several divs under the "tab-content" [div] so we need to select the appropriate div that we want to hide. Okay, in our case there is only one content div so we have just selected that one so what we need to do to hide it is use similar logic $j hash and the ID of the tab content we want to hide and we'll addClass hidden and as you can see it's now hidden so if we combine both commands that command we just typed now and the other command for hiding that tab title now the entire tab is hidden now. So our logic goes like this: first of all we retrieve the value of our lookup field through this command if the value meets a specific condition let's say if $j EmployeeID dot val equal 8 in that case we'll hide a specific child tab and that tab is tab order_details orderID dot parents "li" dot addClass hidden this will hide the title of the tab and to hide the content of the tab we'll also use this command panel order details order ID dot addClass hidden so this is in case the employee ID value meets this specific condition if it doesn't meet it we'll reverse our hiding by using removeClass instead of addClass hidden. I hope this makes it clear. And of course the question is where to add this code? we should add it in the the tablename-dv.js file inside the hooks folder. so in this case our table is named orders so we should add our code into orders-dv.js inside the hooks folder. I hope this makes it clear and thank you for watching!