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: 52753 kudvenkat
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: 195966 Adam Khoury
JavaScript Security: Hide your Code?
 
09:59
Should you hide your frontend JavaScript code? CAN you hide your browser JavaScript code? Let's take a closer look and explore your security options and find out how to approach this topic. ---------- Want to learn more about JavaScript in general? Check these courses! Accelerated JS Training: https://www.udemy.com/javascript-bootcamp-2016/learn/v4/?couponCode=ACAD_M Accelerated ES6 Training: https://www.udemy.com/es6-bootcamp-next-generation-javascript/?couponCode=ACAD_M Want to learn something totally different? Check out all other courses: https://academind.com/learn/our-courses ---------- • You can follow Max on Twitter (@maxedapps). • And you should of course also follow @academind_real. • You can also find us on Facebook.(https://www.facebook.com/academindchannel/) • Or visit our Website (https://www.academind.com) and subscribe to our newsletter! See you in the videos! ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Views: 96710 Academind
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: 20867 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: 7905 Crypters Infotech
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: 51778 vasillis-javed khan
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: 60313 Code Bandit
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: 64 dnanetwork
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: 60165 1BestCsharp blog
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: 70898 kudvenkat
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: 94022 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: 72162 John DeVries
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: 91753 kudvenkat
how to enable or disable and remove or hide developer options in android mobile phone
 
02:02
how to Remove / enable /disable / hide /developer options from your android device using this simple trick.We all know how to enable developers option in android but very few of know how to remove developers option completely. There's a slider to turn off developers options buy it doesn't removes the developers option completely. So in today's video I will show you how to remove developers option completely from android. Make sure to watch the video till the end to successfully remove/disable the developers options from your Android device. HOW TO turn on the hidden developer optionin any android device. 1. Go to settings menu, 2. scroll down to About phone. Tap it. 3. Scroll down to the bottom again,Device information. Tap it. 4. Build number. Tap it seven (7) times. and u'll get developer option. how to enable or disable and remove or hide developer options in android mobile phone How to Disable Developer Options in Android 6.0 Marshmallow disable developer options android, Disable Developer Options Android Marshmallow, Disable Developer Options Android 6.0 , how to disable developer options in android lollipop, how to disable developer options in moto g, developer options, android developer options, how to disable developer options, hide developer options, remove developer options, How to remove Developer Options? Disable Android Developer Options, The channel is maintained by Kavitha Nampally How To Enable / Disable Developer Option Android How to remove Developer Option in Android How To Enable And Disable Developers Options - Android Phone USB Debugging Mode Android - How to Enable and Disable Developer Options in Android Lollipop 5.0 How to disable Developer Options on Android Facebook Page:- https://www.facebook.com/MultimediaPara/ Twitter Page:- https://twitter.com/multimediapara Google+ https://plus.google.com/103044738161698360427
Views: 6273 Multimedia Paradise
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: 16470 kudvenkat
jQuery Tutorials: AJAX Load Content No Page Refresh
 
15:31
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 189091 Codecourse
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: 20091 kudvenkat
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: 50494 Code Tube
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: 21936 kudvenkat
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: 34014 kudvenkat
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: 2402 1BestCsharp blog
15 tricks to master Chrome Developer Tools Console
 
14:10
To be a good Javascript developer you have to master in developer tool and more specifically console tab of dev tool. See the 15 tricks that will make you the smartest developer in your team If you have hard time to understand my accent, here is the written version of it: http://www.thatjsdude.com/jsConcepts/concepts/console.html Don't expect too much from my poor site: http://www.thatjsdude.com
Views: 133538 That JS Dude
Prank your friends | Do this setting and see the magic | Disable right click menu  windows
 
01:53
Hello friends In this video we will discuss how to disable right click context menu do the prank or magic with your friends This is valid for all the windows operating system Follow these steps:- 1. Go to the run by pressing the key (windows + R) 2. Type the command called "gpedit.msc" without the double quotes 3. Hit the enter button then a new tab is opened 4. Go to the user configuration - administrator templates - windows components - file explorer 5. Double click on the file explorer 6. Here scroll down and go to the end 7. Here search for the option called "Remove file explorer's default context menu" 8. here select it and hit the enter button here you find the option "not configured" by the default then click on the "enabled" and see the magic. 9. Then whatever you do ,you'll not be able to open the right context menu ------------------ LIKE | SHARE |COMMENT | SUBSCRIBE --------------------- Subscribe to our channel: https://www.youtube.com/channel/UCReuc265QbzmH9nwL_RQdgQ?view_as=subscriber Follow us on facebook: https://www.facebook.com/Confirm-Tech-884421521752160/?modal=admin_todo_tour Follow Confirm tech on Instagram for daily tech updates/tricks: https://www.instagram.com/confirm_tech/?hl=en Follow us on twitter: https://twitter.com/confirm_tech By confirm tech team
Views: 183 Digital Colony
jQuery UI DatePicker: How to Mark Holidays (Style Some of the Dates) in jQuery UI Date Picker
 
14:38
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: How to Mark Holidays (Style Some of the Dates) in jQuery UI Date Picker We have already seen how to add a date picker using jQuery UI and make the required dates non-selectable in the video at http://youtu.be/vUUNH0zUeOg We used the beforeShowDay option for this. We can also apply styles (increase font size, change the color etc) using the same beforeShowDay option. In this video, we mark holidays in the calendar as per by changing the color of the date to red. We store the holiday details in an array and then apply a CSS class for those dates. 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 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 https://youtu.be/zlZnAqYPZVc
Views: 6615 Crypters Infotech
JavaScript - How To Get And Display Selected LI Text To Input Text In Javascript [with source code]
 
04:31
JavaScript Get Selected LI From UL List Source code: https://1bestcsharp.blogspot.com/2017/10/javascript-get-selected-li-text.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 Display The Selected li Text Value From An UL List And Display The Value Into An Input Text On LI Item Click Event 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 selected LI index: https://www.youtube.com/watch?v=oKgUp-KBoHU delete selected li: https://www.youtube.com/watch?v=ZG_5a6j-WUQ 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/d3ZqI4B8Erc
Views: 2179 1BestCsharp blog
C# Use Check Box to Disable/Enable Button
 
02:03
Please support me by clicking the AD. Thank You! This short tutorial will show you how to use a check-box to enable or disable a button on a form
Views: 32803 David Couch
Disable Right Click & Left Click in Webpage[HTML]
 
01:57
This Video about how to disable right mouse click and left mouse click in webpage or html page Subscribe Me::: http://goo.gl/98RZz Download link(Password "techgeekshan" (if req.))::: https://goo.gl/DeU9op Follow Me::: http://facebook.com/techgeekshan http://twitter.com/techgeekshan http://vimeo.com/shanmukarajan
Views: 6275 TechGeekShan
Multiselect Dropdown in Selenium Webdriver 3.0
 
12:54
This video will help you to understand how you can handle multiselect Selection list/Dropdown and perform different operation
Views: 1903 QAAutomationWorld
Enable/Disable JavaScript in Internet Explorer Windows 8
 
04:39
If you need to turn JavaScript on or off in Internet Explorer running on Windows 8 then this handy guide will show you how. Facebook: https://www.facebook.com/ricmedia.pchelp Twitter: https://twitter.com/RicmediaPCHelp Google+: https://plus.google.com/u/0/b/112808117359362510911/ YouTube: http://www.youtube.com/user/RicmediaPCHelp
Views: 71877 RicmediaPCHelp
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: 20533 kudvenkat
Advance CSS Selectors | Pseudo | Attribute Selector Tutorial in Hindi/Urdu
 
17:55
Advance CSS Selectors | Pseudo | Attribute Selector Tutorial in Hindi/Urdu Learn Advance selector of CSS such as Attribute selector, value selector, Pseudo selector, visited link, mouse over selector, Disabled, Checked, focus etc. You will able to use all those selectors after this video. Project Download Link : https://drive.google.com/drive/folders/0B3jenVfGwoIcRGR0RDl5Zmk0LU0?usp=sharing ► WATCH Web Design Tutorials: Front end development Tutorial for beginners - Tutorial 1 https://youtu.be/9w3-_Xa_Wsk Web Design Tutorial 2 | Explained List UL, OL, DL ,Table Tutorial for beginners in Hindi/Urdu https://www.youtube.com/watch?v=i7avRUdyqSM Web Design Tutorial 3 | Iframes | Background | Marquee | Links | Comments in Hindi/Urdu https://youtu.be/4mgXzdUN1OU Web Design Tutorial 4 | FORM | INPUT | Table Layout | in Hindi/Urdu https://youtu.be/1f2h_PO3ReQ Web Design Tutorial 5 | CSS and CSS3 Overview | Internal | Embedded | External Tutorial in HINDI/URDU https://youtu.be/WPR8bcp3yZw Web Design Tutorial 6 | CSS3 Inline | Embedded | External Explained with Syntax Tutorial in HINDI/URDU https://youtu.be/EMVwy5iB9rs Web Design Tutorial 7 | CSS3 | External | CSS Selectors Explained https://youtu.be/fBzGMdNanY8 If you like my video please do subscribe and break the bell button to get new videos update. ► Subscribe for more: https://www.youtube.com/hidaytrahman ► Watch similar videos - ENABLE MONETIZATION SIMPLE EASY STEP 2017 | HINDI https://youtu.be/YQBl4PE3Y0o How to INSPECT ELEMENT PRINT window in Chrome Browser https://www.youtube.com/watch?v=2E9T0zdKaS8 Write Javascript, JQuery Code in Android phone https://youtu.be/bR-elWgwpo0 Create Your Blog Without Any Coding Skills Step By Step Tutorial in [Hindi / Urdu] https://youtu.be/FnsTqxPlOyM Blogger | Create Multiple Post, Pages, Change Icon, Step By Step Tutorial in [Hindi / Urdu] https://youtu.be/xip7w5-9s1g Blogger 3 | Create Menu | Change Theme | Change Title | Step by Step in Hindi https://youtu.be/wQK07nLQ-ro how to RECOVER Deleted Photos from android phone without any application in HINDI https://youtu.be/d_lXyHmk5Zs How to Find Your Lost or Stolen phone - in hindi https://youtu.be/wxi8mR7i244 how to lock any app in oppo a57 in hindi https://youtu.be/7oGnDzbGK5s Hide any FILES, APPS, VIDEO, PHOTOS in android phone https://youtu.be/z3qHhqTqF-Y ================== ► Connect with me! ● Twitter: https://goo.gl/ACs7hl ● Main Channel: https://goo.gl/4sLunP ● Instagram: https://goo.gl/hf6zam ● Github: https://goo.gl/aKjQrm
Views: 294 Hidayt Rahman
TSLint in Visual Studio Code
 
05:20
In this video we will discuss, How to display linting errors in Visual Studio Code At the moment, our editor Visual Studio Code does not show linting errors. It would be nice if Visual Studio Code can display these linting errors so we can fix them as we are writing code. To achieve this install Visual Studio Code extension - TSLint. To install this extension 1. Click on the "View" menu in "Visual Studi Code" and select "Extensions" from the context menu 2. In the "Search Extensions in Marketplace" textbox type TSLint 3. Click the "install" button 4. Once installed, restart Visual Stduio Code to activate TSLint At this point, in Visual Studio Code we will be able to see linting errors and we have the opportunity to fix them as we are developing our application. Once you click on the line where you see a linting error, a light bulb appears on the left margin and when you click on the light bulb you will see 1 to 3 options. You can click on the respective options 1. To have the linting errors fixed automatically depending on whether the issue supports automatic fix or not 2. To disable that specific rule 3. To get documentation of the rule To disable linting in VS code 1. Click on the "View" menu in "Visual Studi Code" and select "Extensions" from the context menu 2. In the "EXTENSIONS" window, expand "INSTALLED" section 3. Click the "SETTINGS" icon against TSLint extension 4. Select "Disable (Always)" option 5. Restart Visual Studio Code Text version of the video http://csharp-video-tutorials.blogspot.com/2017/10/tslint-in-visual-studio-code.html Slides http://csharp-video-tutorials.blogspot.com/2017/10/tslint-in-visual-studio-code-slides.html Angular CLI Tutorial https://www.youtube.com/watch?v=rJ9o4TyhSuo&list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_ Angular CLI Text articles & Slides http://csharp-video-tutorials.blogspot.com/2017/10/angular-cli-tutorial-for-beginners.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: 13643 kudvenkat
Disable downloading, printing, and copying of any Google Drive file
 
03:03
With Information Rights Management (IRM), people using Google Drive can now disable downloading, printing, and copying from the advanced sharing menu―perfect for when the file you're sharing contains sensitive information that you don't want shared broadly or leaked. This new option is available for any file stored in Google Drive, including documents, spreadsheets, and presentations created with Google Docs. To enable this feature, open the sharing dialogue from any Google document, spreadsheet, presentation, or other file in Drive on the web and click on Advanced in the lower right hand corner. Check the ‘Disable options to download, print, and copy for commenters and viewers’ box and click Save changes. This functionality is also available through API. This feature can be enabled by file owners only, and on the web only Once this feature is enabled, all entry points for downloading, printing, and copying will be removed from Google Drive, Docs, Sheets, and Slides on all platforms. Google documents, spreadsheets, and presentations for which this feature has been enabled will show a notification at the top of the File and Edit menus
Views: 10815 Tempus Nova
C# Tutorial 84: How to Create An AutoComplete TextBox In C#
 
07:33
c# - AutoComplete TextBox Control AutoComplete TextBox in C# Create An AutoComplete TextBox Control In C# TextBox AutoComplete in C# How to implement AutoComplete in TextBoxes n C# Autocomplete textbox in windows c# How to make Auto complete text box AutoComplete TextBox Searches related to autocomplete textbox c# autocomplete textbox c# from database autocomplete textbox c# winform autocomplete textbox c# web application autocomplete textbox c# wpf c sharp autocomplete textbox in c# microsoft autocomplete textbox in c# wpf autocomplete textbox autocomplete combobox
Views: 106313 ProgrammingKnowledge
JavaScript popup window
 
11:54
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/01/javascript-popup-window_22.html In this video we will discuss, how to open a popup window using JavaScript. To open a popup window, use window.open() method. All the parameters are optional. window.open(URL, name, features, replace) URL - URL of the page to open. If URL is not specified, a new window with about:blank is opened name - Specifies the target attribute or the name of the window. _blank - URL is loaded into a new window. This is the default value if not specified. _parent - URL is loaded into the parent frame _self - URL replaces the current page _top - URL replaces any framesets that may be loaded name - name of the window features - Must be a comma-separated list. Some of the browsers does not support these features. menubar (yes/no) - Shows or hides the browser menu toolbar (yes/no) - Shows or hides the browser navigation bar location (yes/no) - Shows or hides the address field status (yes/no) - Shows or hides the status bar resizable (yes/no) - Whether or not the window is resizable scrollbars (yes/no) - Whether or not to display scroll bars top(pixels) - The top position of the window left(pixels) - The left position of the window height (pixels) - The height of the new window width (pixels) - The width of the new window replace - Specifies whether the URL creates a new entry or replaces the current entry in the browser history. Works only if the url is loaded into the same window. true - URL replaces the current document in the browser history list false - URL creates a new entry in the browser history list No parameters are passed to window.open() method. Since URL is not specified, a new window with about:blank will be opened. [input type="button" value="Open popup" onclick="window.open()" /] Most modern browsers open new tabs instead of separate windows. If you want to open the popup in a new window, one workaround I have found is to specify the URL, name, and features(height and width) parameters. This may not work in all browsers and it also depends on user's browser preferences. [input type="button" value="Open popup" onclick="window.open('http://google.com', '_blank', 'height=200,width=200')" /] When name parameter is set to _self, the new window replaces the current window [input type="button" value="Open popup" onclick="window.open('http://google.com', '_self')" /] Specify where you want the new popup window to be positioned using top and left features. [input type="button" value="Open popup" onclick="window.open('http://google.com', 'My Window', 'height=300,width=300, top=400, left=400')" /] Disable scrollbars and resizing. Works in IE but not in Chrome. [input type="button" value="Open popup" onclick="window.open('http://google.com', 'My Window', 'height=300,width=300, scrollbars=no, resizable=no')" /] To close pouup use window.close() method. [input type="button" value="Open popup" onclick="openPopup()" /] [input type="button" value="Close popup" onclick="closePopup()" /] [script type="text/javascript"] var popup; function openPopup() { popup = window.open("http://google.com","My Window", "height=300,width=300") } function closePopup() { popup.close(); } [/script]
Views: 124807 kudvenkat
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: 224403 Codecourse
How to Privately Embed YouTube & Vimeo Videos on Your Website
 
09:57
Start Your Own Member Directory Website: ▶ TRY FREE DEMO: https://www.brilliantdirectories.com/themes We get asked a lot about privately embedding YouTube and Vimeo videos on a website - how to make sure that the video can only be viewed where it's been embedded and nowhere else. You may want to do this if you are going to have a video section on your website for educational or training courses, internal company videos, or other premium video content. Videos uploaded to YouTube or Vimeo (which are the best tools for streaming content) are usually public and anyone can view them. So in this video, we demonstrate how to make your videos private, and only viewable on your website. It is good to keep in mind that if you want your videos to be found and be listed in Google, then it's best to upload these videos to YouTube. YouTube is the second largest search engine, and because it is owned by Google, YouTube videos are indexed more in Google than Vimeo videos. However, if you are going to be uploading your videos only to then be embedded on your website, Vimeo would be the better option because it has a lot more features for managing your videos and privacy settings. ► Get your free 7-Day Trial of Brilliant Directories: http://www.brilliantdirectories.com/freetrial
Views: 34840 Brilliant Directories
jQuery tabs in asp net
 
16:07
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/06/jquery-tabs-in-aspnet.html In this video we will discuss how to use jQuery tabs in an ASP.NET web forms application. jQuery tabs widget is a single content area with multiple panels, each associated with a header in a list. This is similar to Accordion widget, which we discussed in Part 74 and 75. a) Tabs must be in either an ordered or unordered list b) Each tab "title" must be inside of a list item and wrapped by an anchor element with an href attribute c) Each tab panel may be any valid element but it must have an id which corresponds to the hash in the anchor of the associated tab. Steps to retrieve data from a database table and present it using jQuery accordian in an asp.net webforms application. We will use the country webservice that we worked with in the previous video session. We want to retrieve data from the following database table tblEmployee and display it using jQuery tabs widget in an asp.net web forms application Add a WebForm to the project. Copy and paste the following code. Notice that we are using 2 repeater controls to produce the HTML that the jQuery tabs widget expects. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Demo.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jquery-1.11.2.js"></script> <script src="jquery-ui.js"></script> <link href="jquery-ui.css" rel="stylesheet" /> <script type="text/javascript"> $(document).ready(function () { $('#tabs').tabs({ collapsible: true, active: 1, event: 'mouseover' }); }); </script> </head> <body> <form id="form1" runat="server"> <div id="tabs" style="width: 600px"> <ul> <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <li> <a href="#C_<%#Eval("ID")%>"><%#Eval("Name") %> </a> </li> </ItemTemplate> </asp:Repeater> </ul> <asp:Repeater ID="Repeater2" runat="server"> <ItemTemplate> <div id="C_<%#Eval("ID")%>"> <%#Eval("CountryDescription")%> </div> </ItemTemplate> </asp:Repeater> </div> </form> </body> </html> Copy and paste the following code in the code-behind file using System; namespace Demo { public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Services.CountryServiceSoapClient client = new Services.CountryServiceSoapClient(); Services.Country[] countries = client.GetCountries(); Repeater1.DataSource = countries; Repeater1.DataBind(); Repeater2.DataSource = countries; Repeater2.DataBind(); } } } jQuery Tabs Widget Options collapsible - By default, atleast one panel need to be active. If you want to collapse all the panels, including the one that is active, set this option to true. active - This option can be set to a boolean value or integer. Setting active to false will collapse all panels. This requires the collapsible option to be true. An Integer value will make the corresponding panel active. Panels use zero-based index. event - The type of event that the tabs should react to in order to activate the tab. The default is "click". To activate on hover, use "mouseover".
Views: 24366 kudvenkat
Contact Form 7 Checkboxes Only Have A Handful Of Customizations Including Some Handy CSS
 
05:44
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Contact Form 7 Checkboxes Only Have A Handful Of Customizations Including Some Handy CSS https://youtu.be/STpA1LocRs4 Blog post with CSS code look for /*make checkboxes align vertically instead of horizontally */ on the page: https://wplearninglab.com/contact-form-7-css-style-almost-anything/ Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Contact Form 7 checkbox is easy to add and there aren't too many ways to customize them. The biggest tweak you can make is having the checkboxes and options display vertically instead of horizontally. You can get the CSS for that in the blog post above. Stop brute force attacks before they happen with this workshop: https://wplearninglab.com/brute-force-eliminator-workshop Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
Protect your text in wordpress no select in English-46-vlr training
 
01:33
For Telugu For English website:http://www.vlrtrain.in/ jQuery Training videos in Telugu https://goo.gl/worp0T jQuery Training videos in English https://goo.gl/I2TNDk JavaScript training videos telugu http://www.vlrtrain.com/p/javascript-training-videos-telugu.html JavaScript training videos English http://www.vlrtrain.com/p/javascript-training-videos-english.html Html and Css Training Videos In Telugu http://www.vlrtrain.com/p/html-and-css-training-videos-in-telugu.html HTML and CSS Training Videos In English http://www.vlrtrain.com/p/html-and-css-training-videos-in-english.html WordPress training videos in telugu https://goo.gl/jD0xuk WordPress training videos in English https://goo.gl/extL1c Keywords: protect your text in wordpress no select in English, How to Enable Content Copy Protection on WordPress, How To Protect Your Blog From Copy Paste Bloggers, Disabling the text selection "protection"
Views: 52 VLR Training
Show, Hide & Disable Lock Screen Notifications on Galaxy S7
 
03:15
Today I want to show you how to disable, hide the contents or show the contents of notifications on the Lock Screen of the Galaxy S7 and S7 Edge. Full Tutorial - http://www.androidexplained.com/galaxy-s7-lock-screen-notifications/
Views: 116540 Android Explained
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: 147104 Satish B
how to search value in ul li element using juery
 
05:36
how to search value in ul li element using ajuery
Views: 246 Alex Petro
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: 2512 Linnet's How To
Opencart - Product Option Customer Group Wise
 
10:39
Product Option Value Customer Group Wise: ================================ This extension provides a very easy way to set the option's value for every type of options customer group wise or for all. For example, if there are two type of customer groups "Default" and "Wholesale" and you need to set the option value for every option (Select, Radio, Checkbox, Image) value differ for each customer group then your search ends here. Supports Joomla AceShop Easy to install and use. Get at : http://www.opencart.com/index.php?route=extension/extension/info&extension_id=7506
56 -Yii Framework Tags Input
 
02:25
56 -Yii Framework Tags Input
Views: 491 Mahmut Aydın
Remove Previous Row tr in Table using jQuery
 
07:37
Remove Previous Row tr in Table using jQuery
Views: 437 Go Freelancer
AngularJS Tutorial #12 - ng-show directive
 
05:19
Yo ninjas, in this AngularJS tutorial, I'll show you how we can dynamically hide and show elements depending on the value of certain properties in your data. ng-show only shows elements when it is equal to true, and ng-hide only hides elements when it is equal to true. Hey gang, in this AngularJS tutorial, I'll be introducing you to filters and how we can use them to change the way our data is displayed to a user. Filters can be used in conjunction with ng-repeat, or directly on the expression itself. We use Angular filters to do things like ordering a list of items alphabetically, or by type, or to display numbers as a currency. ----- COURSE LINKS: + Source files on GitHub - https://github.com/iamshaunjp/angular-js-playlist + Atom text editor - https://atom.io/ --------------------------------------------------------------------------------------------- You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage... SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5Y... ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list... ============ CSS for Beginners Playlist ============= https://www.youtube.com/playlist?list... ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head over to http://thenetninja.co.uk ================== Social Links ================== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 16877 The Net Ninja
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: 36 Young India

Term paper writing service
Custom writing service reviews
How to start a cover letter engineering intern
Computer service technician cover letter
Tk102 application letters