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: 57513 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: 12559 asksy
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: 24824 Crypters Infotech
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: 82098 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 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: 84580 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: 225012 Adam Khoury
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: 62627 vasillis-javed khan
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: 8797 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: 82 dnanetwork
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: 2966 JQUERY
jQuery input vs input
 
06: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/03/jquery-input-vs-input.html In this video we will discuss the difference between $(input) and $(:input) selectors $(:input) selects all input, textarea, select and button elements where as $(input) just selects elements with an input tag. The following is the HTML used in the examples. Replace < with LESSTHAN symbol and > with GREATERTHAN Symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> </head> <body style="font-family:Arial"> First Name : <input type="text" value="John" /> <br /><br /> Last Name : <input type="text" value="Major" /> <br /><br /> Gender : <input type="radio" name="gender" checked="checked" value="Male">Male <input type="radio" name="gender" value="Female">Female <br /><br /> Skills : <input type="checkbox" name="skills" checked="checked" value="JavaScript" />JavaScript <input type="checkbox" name="skills" checked="checked" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <br /><br /> Country: <select> <option selected="selected" value="USA">USA</option> <option value="India">India</option> <option value="UK">UK</option> </select> <br /><br /> Summary : <br /> <textarea>I am a Senior Dot Net Developer with 10 years experience</textarea> <br /><br /> <input type="submit" value="submit" /> </body> </html> Now we want to get the text value from all the textboxes. On this page we have 2 textboxes 1. First Name 2. Last Name jQuery code to get textbox value using $(input) <script type="text/javascript"> $(document).ready(function () { $('input[type="text"]').each(function () { alert($(this).val()); }); }); </script> jQuery code to get textbox value using $(:input) <script type="text/javascript"> $(document).ready(function () { $(':input[type="text"]').each(function () { alert($(this).val()); }); }); </script> Which one is better for performance $('input[type="text"]') or $(':input[type="text"]') $('input[type="text"]') is better for performance over $(':input[type="text"]'). This is because $(':input[type="text"]') needs to scan all input elements, textarea, select etc, where as $('input[type="text"]') scans only input elements. So if you want to find elements with an input tag, it is always better to use $('input[type="text"]') over $(':input[type="text"]')
Views: 91755 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: 1878 Kevin Chisholm
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: 104051 kudvenkat
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: 76611 kudvenkat
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: 101048 kudvenkat
Form Validation with JavaScript - Check for Multiple Empty Text Fields
 
06:10
Perform form validation and check for multiple empty text fields before the form can be submitted.
Views: 45438 Ralph Phillips
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: 96697 Code Bandit
Input date and time in HTML& Javascript - DateTimePicker jQuery
 
04:44
Input date and time in HTML& Javascript - DateTimePicker jQuery
Views: 66831 Adnan Afzal
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: 31770 kudvenkat
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: 17705 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 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: 177130 1BestCsharp blog
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: 14715 1BestCsharp blog
Creating a Dynamic Select Field With Flask-WTF and JavaScript
 
19:35
In this video I show you how to create a dynamic (or dependent) select field using Flask-WTF and JavaScript along with the fetch function. After watching this video, you should be able to create your down drop downs that depend on others. Get the code here: https://github.com/PrettyPrinted/dynamic_select_flask_wtf_javascript Web Development Courses: https://prettyprinted.com Subscribe: http://www.youtube.com/channel/UC-QDfvrRIDB6F0bIO4I4HkQ?sub_confirmation= Twitter: https://twitter.com/pretty_printed Facebook: https://www.facebook.com/prettyprintedtutorials/ Github: https://github.com/prettyprinted Instagram: https://www.instagram.com/pretty_printed Google Plus: https://plus.google.com/+PrettyPrintedTutorials
Views: 11236 Pretty Printed
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: 22480 kudvenkat
Angular 6 Basics 17 - Handling click events
 
07:22
Access the full course here: https://javabrains.io/courses/angular_basics We'll now implement some interactivity by adding a button and having its click event trigger showing and hiding of a div. You'll learn how to wire in member methods to be executed on user events and how you can affect component state with them. Angular 6 Basics - Learn how to create Angular applications from scratch. Understand the Angular framework and learn how to use the features of the framework to create components and services. Use modules to organize your code. Build applications that call REST APIs and fetch data from a server. Implement routing to show multiple views with multiple URLs. This course requires no previous knowledge of Angular or AngularJS.
Views: 39611 Java Brains
Form Input Type - date time: HTML5
 
04:27
http://technotip.com/3651/date-time-input-type-html5/ Today lets learn some very important input types of HTML5: datetime datetime-local date time week month HTML5 and CSS3 Video Tutorial List: http://technotip.com/3451/html5-css3-video-tutorial-list/
Views: 166514 Satish B
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: 37636 kudvenkat
Debugging JavaScript in chrome
 
08:46
chrome js debugger js debugging chrome debugging js using chrome debugging javascript with google chrome To debug JavaScript in Google chrome use developer tools. To launch Developer Tools in Google chrome 1. Click on Customise and Control Google chrome button on the top right corner of the browser window 2. From the More tools option, select Developer tools Alternatively you can also use the keyboard shortcut F12. You can find JavaScript errors if any in the developer tools. Use the Console tab in the developer tools to find the source file of the JavaScript that caused the error. This will also tell you the line number of the error. Click on the JavaScript file name in the Console tab. This will open the JavaScript file in the Sources tab and underlines the line that caused the error with a red squiggly. Setting breakpoints in Google Chrome : To set a breakpoint, simply click on the grey margin where you see line numbers in the Sources tab. A blue tag appears indicating that a breakpoint is set. At this point if you reload the page, the breakpoint should be hit and you should be able to step thru the code using the following keyboard shortcuts. Step over - F10 Step into - F11 Step out - Shift + F11 Continue - F8 You can also use the respective buttons in the Developer tools to step thru the code instead of using the keyboard shortcuts. To remove a breakpoint simply click on the grey margin again. Setting a conditional breakpoint : To set a conditional breakpoint, right click on the grey margin and select "Add conditional breakpoint. You can then specify the condition that should be true for the breakpoint to be hit. Call stack panel : The Call Stack panel displays the complete execution path. 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/10/debugging-javascript-in-chrome.html
Views: 153052 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: 16811 kudvenkat
[HTML] Show/Hide Form Elements Using JavaScript [HD]
 
10:29
Using HTML a Web Designer can easily show and hide HTML form elements using simple JavaScript code. Download the source: http://tech-tutors.net/index.php/categories/tutorials/software-tutorials/36-programming-tutorials/8-html-show-hide-form-elements-using-javascript Please like, comment, and subscribe! Visit http://tech-tutors.net
Views: 80282 John DeVries
Android Disable Word Suggestion
 
01:51
How to disable word suggestion or prediction in android? Here in this video I will show you those settings. It actually disables the suggested word strip on the top of the keyboard layout. It's very hard for some people to get rid of it. That suggested word sometimes makes your typing impossible or tying in dark. For the purpose of this demo I have used Sony Xperia Arc S mobile and Android version 4.1 Jelly Bean Rimix 3. That I have downloaded from android authority. Have look at Android Jelly Bean on Sony Xperia URL: http://www.youtube.com/watch?v=hn1V_RkXTjc Thanks for watching this video and if you would like to see more videos don't forget to subscribe. My friend @MrSunnylamba had faced the problem and many times on many android devices I too faced the same problem. So, I decided that to create such a informative and useful. Check out latest mobile insurance trend.
Views: 219065 satalaj
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
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: 15454 Skillsoft YouTube
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: 3513 amanat juwel
Selenium Tutorials - Drop Down Menu Automation
 
22:35
**Selenium Tutorials- Drop Down Menu Automation ** Link :https://www.toolsqa.com/automation-practice-form/ Welcome to automation testing by karthik bethi using selenium web driver java In this tutorial we gonna discuss about how to automate an drop down menu using selenium web driver. I will explain single option drop down menu and multi option drop down menu automation using selenium web driver by java. 1)How to identify single select drop down/List with multi select drop down, well you can identify using tag multiple ="multiple" which is set for multi select drop down 2)First step is to identify the element using Web Element ,below is the syntax WebDriver wd = driver.findElement(By.id("id")) 3)Once you found the element, then you need to create a "Select " function on element below is the syntax Select s = new Select(wd) ,wd is the web element 4)Then below are the different ways to select an item from drop down select.selectByVisibleText("pass the text") select.selectByValue("pass the value") select.selectByIndex() 5)To get all the options in the dropdown we can use "getOptions()" method on the select method, return value is List of WebElements, here you can get the count as well. to print all the elements in the dropdown we can use below code for(WebElement e: li) 6)To tell whether Select element support multiple selecting options are not we can use "isMultiple()" method .Whose return type is Boolean. 7)If its a multiple select then you can select multiple values in dropdown and deSelect multiple values at a same time. you can use below method to deselect an multi select drop down menu. deselectAll() -which deselects everything. deselectByValue() deselectByVisibleText() deselectByIndex() #kbTutorials ,#DropDownAutomation ,#SeleniumWebDriver
Views: 121 KB Tutorials
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: 22180 kudvenkat
Ajax & Codeigniter -- How to create dynamic select box dependent​ with codeigniter & bootstrap
 
29:21
This video show you how to use ajax to load data from database with select box dependent on codeigniter and bootstrap framework. If you understand clearly please watch these videos : How to create bootstrap template : https://youtu.be/0ZM9azRNZjY How to remove index.php : https://youtu.be/JKvw0ak7L54 How to config database : https://youtu.be/7TwIkLx5_ms Download database and view file here: http://www.mediafire.com/file/pi6zil9o5uqisvf/Database_and_View_file.zip
Views: 22356 Phearun Web Dev
Remove Previous Row tr in Table using jQuery
 
07:37
Remove Previous Row tr in Table using jQuery
Views: 488 Go Freelancer
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: 33711 The Net Ninja
How to Disable Copy Text Content From Website in Hindi
 
04:58
How to Disable Copy Text Content From Website in Hindi Find your Code - Link is here. https://www.learnseoinhindi.in/2018/10/how-to-disable-copy-text-content-from-website-in-hindi-.html नमस्कार ! आशा करता हु आपको वीडियोस पसंद आया होगा | अगर आप वेब डिजाइनिंग , या फिर वेब डेवलपमेंट सीखना चाहते है तो आप हमारे चैनल को सब्सक्राइब कर सकते है | अधिक जानकारी के लिए हमारे वेबसाइट पर विजिट करे | ► Website : http://www.bipinwebacademy.com/ ------------------------------------------------------------------------------------------------------------- हमारे सभी Courses को आप ► Rs.299 में खरीद सकते है | ► All Courses : https://www.instamojo.com/youtubebipinwebacademy/ ►फ्रंट एंड डेवलपर : https://goo.gl/m4vAUi ►जावास्क्रिप्ट डेवलपर: https://goo.gl/Uh6eTJ ►वर्डप्रेस डिज़ाइनर: https://goo.gl/rGCGwb ►HTML डेवलपर : https://goo.gl/LKL5PQ ► HTML प्रोग्राम्मर : https://goo.gl/BJbrCe ------------------------------------------------------------------------------------------------------------- ►Important Notice : क्या आप वेब डिजाइनिंग और डेवलपमेंट हिंदी में सीखना चाहते है ? और साथ में बहोत ऐसे courses आपके लिए बनाये गये है अधिक जानकारी के लिए यहाँ पर क्लिक कर के देख सकते है | https://www.instamojo.com/youtubebipinwebacademy/ ►You can Buy Web Designing and Development Course Video : ►Buy Now HTML & HTML 5 only Rs.299 Click Here : http://imojo.in/fpd64z ► Don’t Forget to “ Like Subscribe Share Us” ► Our Social Network : ► Subscribe Us : https://www.youtube.com/c/bipinwebacademy?sub_confirmation=1 ► Connect with: Facebook : https://www.facebook.com/bipinwebacademy/ ► Follow on Google+ : https://plus.google.com/u/0/107406438107616992475 ► Follow on Twitter : https://twitter.com/BipinWebAcademy ► Follow on LinkedIn : https://www.linkedin.com/in/bipin-web-academy-60bbbb13a/ ► Email id : [email protected] ► Watch our playlist : ► Learn Photoshop in Hindi : https://goo.gl/uKP8NU ► Learn PHP in Hindi : https://goo.gl/wLGyxs ► Learn mysql in Hindi : https://goo.gl/5rPd6j ► Learn PowerPoint in Hindi : https://goo.gl/4LLwLh ► Learn SwishMax in Hindi : https://goo.gl/bIx1EI ► Learn Wordpress in Hindi : https://goo.gl/C4mt86 ► Learn MS word in Hindi : https://goo.gl/siqFnP ► Learn jQuery in Hindi : https://goo.gl/Hgqerj ► Learn JavaScript in Hindi : https://goo.gl/5P1r22 ► Learn Internet in Hindi : https://goo.gl/8HPlsM ► Learn Illustrator in Hindi : https://goo.gl/OFk6Iy ► Learn HTML in Hindi : https://goo.gl/QcjtOf ► Learn MS Excel in Hindi : https://goo.gl/WzZ1NW ► Learn CSS in Hindi : https://goo.gl/vNIvaY ► Learn Adobe Flash in Hindi : https://goo.gl/wRwlB2 ► Earn Money From youtube : https://goo.gl/cglNn8 ► Earn Money from Blogger : https://goo.gl/XZQPAF ► Bipin Web Academy | bipin web academy | Saurabh Kumar Shrivastav ► Note: Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. how to disable copy and paste on website how to copy text from protected web page how to copy from right click disabled websites how to copy text from web page that cannot be copied how to copy a picture from a website when the right-click is disabled
Views: 141 Bipin Web Academy
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: 36226 TanUv90
PHP Tutorials: jQuery: Get Data from MySQL Database without Refreshing
 
16:50
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 235015 Codecourse
15 - multiple dropdowns; changing one dropdown menu based on change in another in Javascript
 
06:54
Here is the code used in this video: https://pastebin.com/n89uLDKu And here is the CSS file I used: https://pastebin.com/Su5uRU0S How do you change one dropdown menu based on selection in another dropdown menu? When we use multiple dropdown menus (or select menus, that have option tags) we can use two jquery events to handle changes: the .change() method or the .on('change' method. If you use a newer version of jQuery you may discover that the .change method is not working. Watch this video to find out how to fix this problem related to manipulating select menus in javascript, jquery and node.js. #javascript #jquery #dropdown #menu #multiple #change
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: 23664 kudvenkat
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: 28399 kudvenkat
Angular radio button checked by default
 
04:59
In this video we will discuss 1. How to have a radio button checked by default 2. How to disable a radio button If you need the code samples used in the demo, you may copy them from our blog using the link below. http://csharp-video-tutorials.blogspot.com/2018/01/angular-radio-button-checked-by-default.html If we include checked attribute on a radio button, we expect that radio button to be checked by default when the form initially loads. But you will discover that is not the case. In the following example, we have included "checked" attribute on "Male" radio button, but when the form is displayed it is not checked. [input type="radio" name="gender" value="male" [(ngModel)]="gender" checked] However, if you remove the "ngModel" directive from the radio button, then it gets checked as expected. Notice the "ngModel" directive is removed from the radio button. [input type="radio" name="gender" value="male" checked] 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 "gender" property in the component class and initialise to the value of the radio button that you want to have checked by default. In our case, let us say, we want the "Male" radio button to be checked by default. To achieve this include "gender" property initialised to value of "male" in the component class as shown below. gender = 'male'; At this point you will have "Male" radio button checked by default when the form loads. Now, even if we remove the "checked" attribute from the "Male" radio button 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 any radio button to be checked by default, so remove the "checked" attribute and the "gender" property from the component class. How to disable a radio button : To disable a radio button, use the disabled attribute on that radio button. "Male" radio button in this case will be disabled when the form initially loads. [input type="radio" name="gender" value="male" [(ngModel)]="gender" disabled] Another important point to keep in mind. By default, disabled form controls are not included in the Angular auto generated form model. Since, the "Male" radio button is disabled, the gender property will not be included in the Angular generated form model. In our form, we do not want any radio button to be disabled, so please remove the disabled attribute. In our next video, we will discuss working with CheckBox control in Angular Template Driven forms. Text version of the video http://csharp-video-tutorials.blogspot.com/2018/01/angular-radio-button-checked-by-default.html Slides http://csharp-video-tutorials.blogspot.com/2018/01/angular-radio-button-checked-by-default_2.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: 27933 kudvenkat
How to Enable Script Debugging in Internet Explorer 11
 
00:25
Linnet's How To _ Remember to like and subscribe See all my videoes in playlist / categories here https://www.youtube.com/channel/UCmd6xmZpPhJ6I9oe6hn65Hg/playlists?shelf_id=8&view=1&sort=dd Office 2016/365 videos https://www.youtube.com/playlist?list=PLzMiTkqquytvT3ufcnOv-1m7XD5QLRLkz Games videoes https://www.youtube.com/playlist?list=PLzMiTkqquytuzdRHhe5-YxplBITdq9XCs Windows Videoes https://www.youtube.com/playlist?list=PLzMiTkqquytuoDLOQbZ8dL1WncWS9AkQx
Views: 3352 Linnet's How To
Part 92   Ajax with asp net mvc
 
19:09
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/09/part-92-ajax-with-aspnet-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists ASP.NET AJAX enables a Web application to retrieve data from the server asynchronously and to update portions of the existing page. So these, partial page updates make web application more responsive and hence improves user experience. In this video, let's discus using Ajax.ActionLink helper. By the end of this video, we should be able to load either 1. All students or 2. Top 3 students or 3. Bottom 3 students depending on the link we have clicked. Here are the steps to achieve this Step 1: Create and populate table tblStudents Step 2: Create an ado.net entity datamodel using table tblStudents. Upon creating the entity model, change the name of the entity to Student. Save changes and build the solution, so that the Student entity class gets compiled. Step 3: Add "Shared" folder (if it doesn't already exists) in "Views" folder. Right click on "Shared" folder and add a partial view, with name = _Student.cshtml. Step 4: Right click on the "Controllers" folder and add a controller with the following settings 1. Controller Name = HomeController 2. Template = Empty MVC controller Step 5: Right click on the "Views" folder and add a folder with name = "Home". Right click on the "Home" folder and add a view with Name = "Index". Points to remember: a) For AJAX to work, jquery and jquery.unobtrusive-ajax javascript files need to be referenced. Reference to jquery.unobtrusive-ajax.js file should be after jquery.js reference. b) Ajax.ActionLink() html helper has several overloaded versions. We have used the following version ActionLink(string linkText, string actionName, AjaxOptions ajaxOptions); First parameter : is the link text that we see on the user interface Second parameter : is the name of the action method that needs to be invoked, when the link is cicked. Third parameter : is the ajaxOptions object.
Views: 194476 kudvenkat
Laravel 5.5 tutorial   48   dynamic select drop down
 
08:02
Laravel 5.5 tutorial 48 dynamic select drop down IMPORTANT LINKS: ASK any questions about this video and any other business and get support by posting your question at davepartner.com Donate to help us make more videos: https://www.patreon.com/user?u=3137001&ty=h&u=3137001 Follow us on social media: Instagram: http://Instagram.com/daveozoalor Youtube: http://youtube.com/c/braintemorg (subscribe if you haven't) Facebook: http://facebook.com/daveozoalor Twitter: http://twitter.com/daveozoalor Twitter 2: http://twitter.com/braintem

How to download torch free
Cambridge savings bank newton
Shocking sound effects free download
God equation download free
Audio icons free download