Home
Search results “Read style jquery”
JQuery - Facebook Read More / Show More Link using JQUERY,HTML AND CSS
 
07:35
Dynamically shortened Text with “Show More” link using jQuery. Facebook like read more or show more.
Views: 18608 Hack Smile
The jQuery Hide, Show, and Toggle Functions
 
09:50
The jQuery functions hide, show, and toggle are very useful in any app that uses jQuery. In this video, I show you how they work and how you can use the duration and callback function for each. Web Development Courses: https://prettyprinted.com Get the jQuery cheat sheet here: https://prettyprinted.com/p/jquerycheatsheet Get the code here: https://prettyprinted.com/blog/1184061/the-jquery-hide-show-toggle-functions 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: 9006 Pretty Printed
Front-End Development, HTML & CSS, Javascript & jQuery by Jon Duckett | Book Review
 
05:56
Front End Development Book Review | HTML & CSS and JavaScript & JQuery by Jon Duckett. Learning is so important and although there is an abundance of online learning platforms for front-end development, a good book about HTML, CSS, and JavaScript may just be what the doctor ordered. I bought these book years ago and I have to say it’s refreshing to see a book about programming and code that is written by a human for actual humans. It’s billed as Don't forget to subscribe https://goo.gl/6vCw64 👍 HTML & CSS - http://amzn.to/2rTJuH7 JavaScript & JQuery - http://amzn.to/2slKsxk “A book about code that doesn't read like a 1980s VCR manual... It's not just for programmers, it's written and presented to make it easy for designers, bloggers, content and e-commerce managers, marketers to learn about the code used to write web pages…” I agree with that statement. If you are new to Front-End Development, code, website creation, JavaScript, Or have added scripts to your web page but want a better idea of how they work? Then this book is for you. -------------------------------------------------------- Website http://www.jesseshowalter.com - Subscribe: https://www.youtube.com/c/JesseShowalterTV - Twitter: http://twitter.com/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow - Vlogging Camera - Canon EOS M3: http://amzn.to/2hT54bo - Drone- DJI Phantom P3-STANDARD Quadcopter Drone with 2.7K HD Video Camera http://amzn.to/2n5iSQV
Views: 48606 Jesse Showalter
jQuery Tutorial 13: css()
 
06:21
Learn what is css() event in jQuery and how to read/write CSS of elements in jQuery.
Views: 868 codedamn
20 jQyery In Arabic jQuery And AJAX web page get, post, load jQuery ui Builder صفحة الويب بدون تحميل
 
21:47
jQuery Web Development جي كويري (بالإنجليزية: jQuery) هي مكتبة خاصة بالجافا سكريبت، يقوم باختصار العديد من النصوص البرمجية المكررة والمهام المعروفة، وذلك لتسهيل عملية البرمجة. جي كويري برمجية حرة مفتوحة المصدر مرخصة تحت رخصتي إم آي تي وجي بي إل. مكونات الجي كويري[عدل] النواة (core) ويستخدم نواة الجافاسكربت. الاختيار (selectors) ومهمتها إختيارالعناصر. الأحداث (events) المسئولة عن عمليات الاكشن -حدث- عند الاختيار بالماوس ولوحة المفاتيح والفتح والاغلاق. أجاكس (AJAX) المسئول عن التفاعل مع السيرفر. التأثيرات (Effects) وهي الحركات التي يتم عملها علي محتويات الموقع. مميزات الجي كويري[عدل] انها مكتوبة فقط بلغة جافاسكربت. انها خارجية -مكتوبة من طرف ثالث- وحجمها قليل 196 كيلوبايت. سهلة اختيار العناصر في صفحة اتش تي إم إل. مفتوحة المصدر. القدرة على العمل مع المكتبات الأخرى. عمل التأثيرات الحركية علي موقع الويب. توفر كم هائل من الإضافات plugins التي تعمل بالاعتماد عليها ................................. jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.[3] It is free, open-source software using the permissive MIT License.[2] Web analysis indicates that it is the most widely deployed JavaScript library by a large margin.[4][5] jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and Web applications. The set of jQuery core features—DOM element selections, traversal and manipulation—enabled by its selector engine (named "Sizzle" from v1.3), created a new "programming style", fusing algorithms and DOM data structures. This style influenced the architecture of other JavaScript frameworks like YUI v3 and Dojo, later stimulating the creation of the standard Selectors API.[6] Microsoft and Nokia bundle jQuery on their platforms.[7] Microsoft includes it with Visual Studio[8] for use within Microsoft's ASP.NET AJAX and ASP.NET MVC frameworks while Nokia has integrated it into the Web Run-Time widget development platform.[9] Overview[edit] jQuery, at its core, is a Document Object Model (DOM) manipulation library. The DOM is a tree-structure representation of all the elements of a Web page. jQuery simplifies the syntax for finding, selecting, and manipulating these DOM elements. For example, jQuery can be used for finding an element in the document with a certain property (e.g. all elements with an h1 tag), changing one or more of its attributes (e.g. color, visibility), or making it respond to an event (e.g. a mouse click). jQuery also provides a paradigm for event handling that goes beyond basic DOM element selection and manipulation. The event assignment and the event callback function definition are done in a single step in a single location in the code. jQuery also aims to incorporate other highly used JavaScript functionality (e.g. fade ins and fade outs when hiding elements, animations by manipulating CSS properties). The principles of developing with jQuery are: Separation of JavaScript and HTML: The jQuery library provides simple syntax for adding event handlers to the DOM using JavaScript, rather than adding HTML event attributes to call JavaScript functions. Thus, it encourages developers to completely separate JavaScript code from HTML markup. Brevity and clarity: jQuery promotes brevity and clarity with features like chainable functions and shorthand function names. Elimination of cross-browser incompatibilities: The JavaScript engines of different browsers differ slightly so JavaScript code that works for one browser may not work for another. Like other JavaScript toolkits, jQuery handles all these cross-browser inconsistencies and provides a consistent interface that works across different browsers. Extensibility: New events, elements, and methods can be easily added and then reused as a plugin. History[edit] jQuery was originally released in January 2006 at BarCamp NYC by John Resig and was influenced by Dean Edwards' earlier cssQuery library.[10][11] It is currently maintained by a team of developers led by Timmy Willison (with the jQuery selector engine, Sizzle, being led by Richard Gibson). jQuery also has an interesting software license history.[12] Originally licensed under the CC BY-SA 2.5, it was relicensed to the MIT license in 2006.[13] At the end of 2006, it was dual-licensed under GPL and MIT licenses.[14] As this led to some confusion, in 2012 the GPL was dropped and is now only licensed under the MIT license.[15]
Views: 2633 Hassouna Academy
jQuery Basics: POST/GET Data (HTTP Request)
 
14:03
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 132014 Codecourse
5: How to make elements appear and disappear in jQuery - Learn jQuery front-end programming
 
12:29
How to make elements disappear in jQuery - Learn jQuery front-end programming. In this lesson we will learn how to make HTML elements appear and disappear inside our websites. We will do this using the jQuery effects called show, hide, and fade. Download lesson files: http://mmtuts.net/course.php?c=jquery&l=5 -- mmtuts is a YouTube channel that focuses on teaching beginner and advanced courses in various multimedia related skills. We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs. jQuery for beginners is a how to series that teaches the jQuery framework to people who are just starting out learning programming. The course teaches how jQuery scripting can be made easy and teaches how to build many features on websites through behavior using jQuery. Creating behavior on websites with jQuery is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners. If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.
Views: 15434 mmtuts
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: 74606 kudvenkat
Data Table Using jQuery and Bootstrap
 
12:52
How to make data table using jquery and bootstrap, search table, sort table, table pagination, sum table, number page/row table
Views: 198125 Code Tube
Responsive Accordion with HTML5 and CSS | No Javascript No JQuery
 
11:49
Responsive Accordion with HTML5 and CSS | No Javascript No JQuery Please share the video and subscribe this channel for front-end development related videos Follow this Channel on: -------------------------------------------------- Facebook : https://www.facebook.com/Divinector/ Twitter : https://twitter.com/Divinector Google Plus : https://plus.google.com/+Divinector Instagram : https://www.instagram.com/Divinector/ Website http://divinector.blogspot.com Image Credit: -------------------------------- Pexels
Views: 280 Divinector
Tutoriel jQuery/CSS : jQuery.cookie
 
22:57
Article ► https://grafikart.fr/tutoriels/jquery-cookie-barre-513 Abonnez-vous ► https://bit.ly/GrafikartSubscribe Dans ce tutoriel je vous propose de découvrir comment mettre en place une barre pour informer vos utilisateurs de l'utilisation des cookies. Soutenez Grafikart: Devenez premium ► https://grafikart.fr/premium Donnez via Utip ► https://utip.io/grafikart Retrouvez Grafikart sur: Le site ► https://grafikart.fr Twitter ► https://twitter.com/grafikart_fr Discord ► https://grafikart.fr/tchat
Views: 11432 Grafikart.fr
jQuery append elements
 
08:18
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-append-elements.html In this video we will discuss how to append and prepend elements To append elements we have append() appendTo() To prepend elements we have prepend() prependTo() Since these methods modify DOM, they belong to DOM manipulation category. jquery append example : The following example appends the specified HTML to all div elements <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('div').append('<b> Tutorial</b>'); }); </script> </head> <body style="font-family:Arial"> <div id="div1">jQuery</div> <div id="div2">C#</div> <div id="div3">ASP.NET</div> </body> </html> jquery appendto example : The above example can be rewritten using appendTo as shown below. $('<b> Tutorial</b>').appendTo('div'); What is the difference between append and appendTo Both these methods perform the same task. The only difference is in the syntax. With append method we first specify the target elements and then the content that we want to append, where as we do the opposite with appendTo method. jquery prepend example : The following example prepends the specified HTML to all div elements <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('div').prepend('<b>Tutorial </b>'); }); </script> </head> <body style="font-family:Arial"> <div id="div1">jQuery</div> <div id="div2">C#</div> <div id="div3">ASP.NET</div> </body> </html> jquery prependTo example : The above example can be rewritten using prependTo as shown below. $('<b>Tutorial </b>').prependTo('div'); What is the difference between prepend and prependTo Both these methods perform the same task. The only difference is in the syntax. With prepend method we first specify the target elements and then the content that we want to prepend, where as we do the opposite with prependTo method. jQuery append existing element example : These methods (append, appendTo, prepend, prependTo) can also select an element on the page and insert it into another <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('div').append($('#mySpan')); }); </script> </head> <body style="font-family:Arial"> <span id="mySpan"> Programming</span> <div id="div1">jQuery</div> <div id="div2">C#</div> <div id="div3">ASP.NET</div> </body> </html> Difference between prepend and append prepend method, inserts the specified content to the beginning of each element in the set of matched elements, where as append method inserts the specified content to the end of each element in the set of matched elements.
Views: 54516 kudvenkat
⭕The one book I regret not having as a beginning web developer || Jon Duckett JavaScript & jQuery
 
04:44
As self-taught web developers, we understand the need for quality educational investments. With the high costs of bootcamps, colleges, and online courses that still leave a lot of developers unemployed, even the most educated of developers often find themselves exploring the internet for additional resources. My gateway into web development were two books by Mark Myers. He is the author of the Smarter Way Series, and both his HTML/CSS book along with his JavaScript book advanced my learning like no other materials before it. They were also a really good deal at less than twenty dollars each. Then there was the Jon Duckett JavaScript & jQuery book. I'd heard a LOT of great things about it...But $40? Come on, now. That was a little expensive for me, especially since I was't 100% sure I wanted to do this as a career. Fast forward two years, and I finally got around to snagging it. My only regret? That I didn't buy it when I was an aspiring web developer. This is a beautiful book that is absolutely packed with must-know web development concepts concerning JavaScript and jQuery. And even though it's 2018 and we're looking away from jQuery, it still has its uses (it's also used a lot in previous coding projects, so knowledge of it is still important). In this video, I give a little show and tell of this book, and what I love about it. Check out the book here! https://amzn.to/E0WjFJ ⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕⭕ Support the Channel Simply by Shopping on Amazon.................► http://amzn.to/2stfiQ4 Tip The Candy..................► https://www.patreon.com/realtoughcandy Indulge The Candy..................► http://www.realtoughcandy.com How I learned JavaScript.................►http://amzn.to/2r80LIN How I learned the weird parts of JS..................► http://tinyurl.com/ms522v5 My Coding & Editing Computer.................► http://amzn.to/2rOA4O7 Tweet The Candy.................► https://www.twitter.com/realtoughcandy Keep the convo going on tech (thank you Michael!.................► https://gitter.im/realtoughcandy-community/Lobby
Views: 22379 RealToughCandy
Move Element to Mouse Click Position
 
19:13
Master the handful of tricks you need to get an element to smoothly move to the exact position of your mouse click.
Views: 27328 Kirupa Chinnathambi
JQuery 21 - Get and set positions of the elements
 
17:54
get and set Positions: How to get and set Positions using jQuery: offset() : Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document. position() : Get the current coordinates of the first element in the set of matched elements, relative to the offset parent. width() : Get the current computed width for the first element in the set of matched elements or set the width of every matched element. height() : Get the current computed height for the first element in the set of matched elements or set the height of every matched element. innerWidth(): Get the current computed inner width (including padding but not border) for the first element in the set of matched elements or set the inner width of every matched element. innerHeight() : Get the current computed inner height (including padding but not border) for the first element in the set of matched elements or set the inner height of every matched element. outerWidth() : Get the current computed outer width (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer width of every matched element. outerHeight() : Get the current computed outer height (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer height of every matched element. ankpro ankpro training Asp.net MVC C# C sharp Bangalore Rajajinagar Selenium Coded UI Mobile automation testing Mobile testing JQuery JavaScript .Net Components of the .Net framework Hello World Literal Keywords Variable Data types Operators Branching Loops Arrays ArrayList Strings String Builder Structures Enums Functions Classes Inheritance Polymorphism Properties Indexers Events Nested Classes Delegates Anonymous methods Labda expressions Abstract classes Exception Handling Linq Interfaces Extension methods Anonymous types Generics Collections Garbage Collection Reflection Attributes Input and output statements Type casting Partial Methods Partial Classes Boxing and Unboxing Var vs Dynamic vs Object using Static. Auto property initializer. Dictionary Initializer. nameof Expression. New way for Exception filters. await in catch and finally block. Null – Conditional Operator. Expression – Bodied Methods Easily format strings – String interpolation Parameterless constructors in structs. Creating a custom exceptions class.
Views: 598 Ankpro Training
jQuery each function
 
15:38
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-each-function.html In this video we will discuss 1. Use of jQuery each function 2. How to exit from each function in jQuery 3. Implicit iteration in jQuery 4. Performance considerations when using jquery each function jQuery each function is used to iterate over the items in a collection. For each item in the collection the anonymous function is called. The index of the element and the element itself are passed to the anonymous function. $('li').each(function (index, element) { alert(index + ' : ' + $(element).text()); }); To refer to the current element that we are iterating over you can also use this keyword. $('li').each(function (index) { alert(index + ' : ' + $(this).text()); }); If you don't care about the index and just need the text of the list item, then you can get rid of the index parameter $('li').each(function () { alert($(this).text()); }); Replace < with LESSTHAN symbol and > with GREATERTHAN symbol How to exit from each function in jQuery : To exit from each function, return false. <script type="text/javascript"> $(document).ready(function () { $('li').each(function () { if ($(this).text() == 'UK') { return false; } alert($(this).text()); }); }); </script> Implicit iteration in jQuery : The $('li') selector returns all list item elements. Notice that we are calling the css() jquery function on the jquery collection itself. In this case, css() method implicitly iterates over each element in the entire collection. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('li').css('color', 'red'); }); </script> </head> <body style="font-family:Arial"> <ul> <li>US</li> <li>India</li> <li>UK</li> <li>Canada</li> <li>Australia</li> </ul> </body> </html> There is no need to explicitly iterate over each element in the collection. Most jQuery methods implicitly iterate over the entire collection. <script type="text/javascript"> $(document).ready(function () { $('li').each(function () { $(this).css('color', 'red'); }); }); </script> Performance considerations when using jquery each function <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('li').each(function () { $('#divResult').html($('#divResult').html() + '<br/>' + $(this).text()) }); }); </script> </head> <body style="font-family:Arial"> <ul> <li>US</li> <li>India</li> <li>UK</li> <li>Canada</li> <li>Australia</li> </ul> <div id="divResult"></div> </body> </html> From a performance standpoint, there are 2 problems with the above code. 1. jQuery needs to search the DOM for div element with id = divResult, for each list item in the collection. Since there are 5 list items, jquery searches the DOM 5 times for the same div element with id = divResult. The performance of the above code can be improved by caching the divResult element. 2. The DOM element (div element with id = divResult) is being updated on each iteration. Again this is bad for performance. To improve the performance build a string variable with the required data on each iteration of the loop. Once the loop has completed, update the DOM element with the value that is present in the string varibale. This will ensure that the DOM element is updated only once and this is much better for performance. The following is much better from a performance standpoint. <script type="text/javascript"> $(document).ready(function () { var result = ''; $('li').each(function () { result += '<br/>' + $(this).text(); }); $('#divResult').html(result); }); </script>
Views: 88044 kudvenkat
Books for Beginners, HTML and CSS, Javascript and Jquery by Jon Duckett - @kylejson
 
05:26
These are my first two book recommendations for anyone getting started in web development. The author Jon Duckett does and incredible job of clearly communicating concepts and visually showing you examples. My first introduction to coding HTML, CSS, and Javascript was from one of his books. ****LINKS**** HTML & CSS - http://amzn.to/1GRVzLz Javascript & Jquery - http://amzn.to/1EQEKjW BOTH BUNDLE - http://amzn.to/1FUauWM
Views: 47291 kylejson
Access elements and contents inside an iFrame using jQuery
 
03:31
Access elements and contents inside an iFrame using jQuery is simple. We can use contents() method to access the elements inside an iFrame. To know more Visit www.codeexpertz.com.
Views: 6455 Anishnirmal
Random Quote REST API with HTML, CSS, Javascript, Ajax, JQuery (1/2)
 
18:14
A small project using HTML, CSS, JAVASCRIPT, JQUERY, AJAX to read random quotes from a RESTful API and displaying them on a webpage. Also the random quotes can be directly posted on Twitter. You can find and download the code here: URL will follow soon
Views: 66 developFRÄNK
How to Load CSV File data into HTML Table Using AJAX jQuery
 
10:35
In this video we have read CSV (Comman Seperated Values) file data using Jquery Ajax and display into HTML table without any plugin. We have simply read parse and display CSV file using Ajax Jquery. In Simple terms we have import csv file into html table by using ajax jquery. For Source Code and Online Demo - http://www.webslesson.info/2017/04/csv-file-to-html-table-using-ajax-jquery.html
Views: 27653 Webslesson
jQuery Tutorials: Reading XML files with jQuery (Part 1/2)
 
08:11
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 26640 Codecourse
Js   Facebook Read More  Show More Link using JQUERY,HTML AND CSS
 
09:48
The Ultimate Web Developer Course is one of the most comprehensive, A to Z web designer & developer courses on the web. Over the course of 8 months, I painstakingly researched, designed, developed, and filmed this course which covers everything from Visual Design to Adobe Photoshop; Web Design to Front-End Development; MySQL Programming to Career Building. This course will truly take you from knowing nothing at all, to a well-rounded, knowledgable and skilled web designer and developer. DOWNLOAD THE COURSE FILES BELOW Download file here = http://zipansion.com/1agWB this is not any hack video this video for education purpose only. ----------------------------------------­­------------------------------------------------------------- If you like this video don't forget to like and subscribe to this channel. Mail me Business Inquiries:- [email protected] ----------------------------------------­­------------------------------------------------------------- Pathshala Ki class me aap ka swgat hai To chaliye kuch sikhte hai, Chaliye Subscribe kare or pathshala ki class ko join kare... Subscribe to Pathshala, New videos minimum every month. ----------------------------------------­­------------------------------------------------------------- WEBSITE:- https://allinfomini.blogspot.com ========================================== Any problem comment please
Views: 63 message
jQuery: CSS and classes
 
05:32
Learn how to use jQuery to modify CSS and classes with the css, addClass, removeClass, and toggleClass methods. 💻 Code: https://codepen.io/beaucarnes/pen/pryoXJ 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp
Views: 4316 freeCodeCamp.org
Live Table Add Edit Delete using Ajax Jquery in PHP Mysql
 
20:40
In this Video, we learn live table Insert, Update, Delete, Fetch data from mysql database using Ajax Jquary in php without page refresh. For this I use html5 contenteditable attribute for table column editable. For source code - http://www.webslesson.info/2016/02/live-table-add-edit-delete-using-ajax-jquery-in-php-mysql.html
Views: 221828 Webslesson
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: 230352 Codecourse
How To Read The Value Of HTML Table by Jquery in Tamil
 
07:34
Click Event in JQuery dblClick Event in JQuery Mouse Events in JQuery Hover Event in JQuery FadeIn Event in Jquery FadeOut Event in Jquery FadeToggle Effect in Jquery FadeTo Effect in Jquery Animate Effect in Jquery Animate Using Relative Values in Jquery Animate Using Continuous Values in Jquery Callback Function in Jquery Without Callback Function in Jquery How to Use Chaining in Jquery Get Methods in Jquery Set Methods in Jquery Append Method in Jquery Selectors in Jquery Filters in Jquery Hierarchy Filters in Jquery Filter Using Attributes in Jquery Use Traversing Methods in Jquery Use Before and After Methods in Jquery Use Remove Method in Jquery Use Empty Method in Jquery Remove Classes Using Jquery Add Classes Using Jquery Toggle Between Classes in Jquery Using selectors and filters to extract information Creating, inserting, and manipulating webpage content Understanding jQuery statement chaining Using CSS to position content Building event handlers Showing, hiding, and fading page elements with jQuery Creating custom animations Accessing external data with AJAX jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn in Tamil Complete Jquery in Tamil Tutor Joes Jquery Tamil Tutorial google image search style gallery jquery google images effect google image search style gallery google image likeness search Using selectors and filters to extract information Creating, inserting, and manipulating webpage content Understanding jQuery statement chaining Using CSS to position content Building event handlers Showing, hiding, and fading page elements with jQuery Creating custom animations Accessing external data with AJAX jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn in Tamil Complete Jquery in Tamil Tutor Joes Jquery Tamil Tutorial google image search style gallery jquery google images effect google image search style gallery google image likeness search How to Remove Table Row tr in jQuery on Button Click in Tamil How to Add Table Row tr in jQuery on Button Click In Tamil How To Read The Value Of HTML Table by Jquery in Tamil Check for file extension before uploading By Jquery In Tamil How to Get Selected Radio Button Value in jQuery In Tamil For Free source code and Free Project Please visit : http://www.tutorjoes.com/ http://www.facebook.com/tutorjoes http://www.youtube.com/tutorjoes
Views: 1197 Tutor Joe's Stanley
HTML to PDF using JavaScript/jQuery
 
02:17
Learn Very easy way to make PDF from HTML within less than 3 minutes "jspdf" Download link - https://drive.google.com/file/d/0BwHqLHKAfVJeUGVDRmw1aWZCQUk/view "jQuery 2.1.3" Download Link - https://drive.google.com/file/d/0BwHqLHKAfVJeS0ZkbDV5NE9hM3M/view "pdfFromHTML" Download Link - https://drive.google.com/file/d/0BwHqLHKAfVJeSDJLZUI5NThXc3c/view Source Code Download Link - https://drive.google.com/file/d/0BwHqLHKAfVJeeU9FQ05saXI1WTQ/view?pref=2&pli=1 GitHub Repository Link - https://github.com/arafkarim/HTML-to-PDF Catch me on Facebook - https://fb.com/arafkarim Catch me on Twitter - https://twitter.com/arafkarim
Views: 100572 Araf Karim
Coding For The Web | jQuery & CSS Rotation
 
09:47
How to use jQuery and CSS to animate rotation. In this video I will show you have to add a class to a specific HTML element which will then animate the element to spin. A few other concepts and useful skills may popup as well ;). Felt like throwing up a basic web dev. video :) sorry about the failure. I accidentally muted my mic at different parts throughout the video so I had to go back a cut things and add the explanations again. Thus, if my train of thought seems off, it's because it is.. Links/Info: jQuery: http://jquery.com/download/ jQuery W3Schools: http://www.w3schools.com/jquery/jquery_get_started.asp jQuery Code: $('[class*="spinner"]').on('click',function() { if($(this).hasClass("fullRotate")){ return; } $(this).addClass("fullRotate"); var that = this; setTimeout(function(){ $(that).removeClass('fullRotate'); },1250); }); CSS Class: .fullRotate { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: transform 1.05s ease-in-out; -moz-transition:transform 1.05s ease-in-out; -ms-transition:transform 1.05s ease-in-out; } Music By: The Changing Light
Views: 2642 Owen Shartle
jquery: Get value from input in modal Bootstrap 4.0
 
10:03
Topic: jquery: Get value from input in modal Bootstrap 4.0 Subscribe Us: https://goo.gl/TBOEWO ------------------------------------------------------------------------------------------------------------ We want to create more videos tutorial for help people that want to learn more about mobile development web development and new technology. ikhmer4ever.com try to gather more about new technique about programming, mobile app design, app development, UI and UX Design, and also the real app in the world that currently use and making for production and help people too. Thanks Finally Please Subscribe Our Channels for more knowledge. Find us on: Facebook Page: https://goo.gl/W8Vjnu Youtube Channel:https://goo.gl/TBOEWO Website:http://www.ikhmer4ever.com Twitter: https://twitter.com/ikhmer4ver Free Android Training here: - http://bit.ly/2ctZrZM - https://www.youtube.com/watch?v=HvgzzuYV4WA&list=PLcwcuvlq19zzoMZL1C4UGmiF3EANHqHR0 Free iOS Training here: - http://bit.ly/2ctG5GX - https://www.youtube.com/watch?v=MG3y42E3ipQ&list=PLcwcuvlq19zwZhw-PNP8QrDWhKC9-UWIY More video mobile app training: 1. iOS From Scratch With Swift4: Navigation Controllers in Xcode 9 https://youtu.be/MONVvSUHJXQ 2. UILabel | How to use UILabel in iOS Development | Xcode 9 | Swift4 https://youtu.be/KU-TqHs8wW0 3. Passing values from one view controller to another in Swift4 and Xcode9 https://youtu.be/I9BCx8f0zq8 4. Pass Data between ViewController in Swift4 https://youtu.be/xq-8wnF-k8g 5. How to build a simple iOS application with Xcode for beginner https://youtu.be/rcmZ_yBbQe0 6. How to make colorful in Photoshop | photoshop cc 2017 tutorials for beginners https://youtu.be/-P4L-gNmQKY 7. How to make text outer glow in Photoshop cc 2017 https://youtu.be/xM6EvjEKesw 8. How to make colorful in Photoshop https://youtu.be/-P4L-gNmQKY 9. C style for statement has been removed in Swift 3 | Xcode 9 https://youtu.be/Mn23bxxrBuU 10. Project Management: How to use trello to manage your project task | Cost Time Result. https://youtu.be/jX8OBO0zgH8 More: get value from modal bootstrap, get value from modal dialog jquery, pass value to modal dialog, pass value from modal dialog to parent window, how do i pass values from form to jquery modal dialog, bootstrap get value of input text, how to get id in modal bootstrap, jquery dialog get input value, get value from modal dialog jquery, pass value to modal dialog, bootstrap modal, pass value from modal dialog to parent window, bootstrap get value of input text, bootstrap modal on show, bootstrap modal tutorial, how do i pass values from form to jquery modal dialog
Views: 4637 iKhmer4ever Studio
JQuery animation : 8-  set & get position of element
 
02:15
Set & Get position of element jquery
Views: 1369 Tuto4free
Full Screen Image Slider With HTML, CSS & JS
 
27:26
In this video we will be creating a full screen image slider with HTML, CSS and JavaScript. We will not be using any 3rd party libraries like jQuery. All Images are free stock images from pexels.com SPONSOR: Check out Coding Dojo - http://www.codingdojo.com/l/yt/tr CODE: https://codepen.io/bradtraversy/pen/boydaE BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia https://discord.gg/traversymedia
Views: 160819 Traversy Media
JQuery Get Text,HTML and Value JQuery#6         JQuery Получить текст, HTML и значение JQuery # 6
 
15:46
JQuery Get Text,HTML and Value JQuery#6 JQuery Получить текст, HTML и значение JQuery # 6 DISCLAIMER: This Channel DOES NOT Promote or encourage Any illegal activities , all contents provided by This Channel is meant for EDUCATIONAL PURPOSE only . 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.
Views: 2565 Taturial Point
Using jQuery to Load External Files via AJAX
 
02:41
http://access2learn.com/tutorial/javascript/jquery-javascript/jquery-ajax-load-content/ This quick tutorial shows you show to load external content into an HTML element, via AJAX, using jQuery's .load() method. This is a fast and easy way to load external data via a text, HTML, or other type of file. This means you can update your web page without making the user reload the entire content, making it easier and faster for them.
How to Get Selected Radio Button Value in jQuery In Tamil
 
06:43
Click Event in JQuery dblClick Event in JQuery Mouse Events in JQuery Hover Event in JQuery FadeIn Event in Jquery FadeOut Event in Jquery FadeToggle Effect in Jquery FadeTo Effect in Jquery Animate Effect in Jquery Animate Using Relative Values in Jquery Animate Using Continuous Values in Jquery Callback Function in Jquery Without Callback Function in Jquery How to Use Chaining in Jquery Get Methods in Jquery Set Methods in Jquery Append Method in Jquery Selectors in Jquery Filters in Jquery Hierarchy Filters in Jquery Filter Using Attributes in Jquery Use Traversing Methods in Jquery Use Before and After Methods in Jquery Use Remove Method in Jquery Use Empty Method in Jquery Remove Classes Using Jquery Add Classes Using Jquery Toggle Between Classes in Jquery Using selectors and filters to extract information Creating, inserting, and manipulating webpage content Understanding jQuery statement chaining Using CSS to position content Building event handlers Showing, hiding, and fading page elements with jQuery Creating custom animations Accessing external data with AJAX jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn in Tamil Complete Jquery in Tamil Tutor Joes Jquery Tamil Tutorial google image search style gallery jquery google images effect google image search style gallery google image likeness search Using selectors and filters to extract information Creating, inserting, and manipulating webpage content Understanding jQuery statement chaining Using CSS to position content Building event handlers Showing, hiding, and fading page elements with jQuery Creating custom animations Accessing external data with AJAX jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn in Tamil Complete Jquery in Tamil Tutor Joes Jquery Tamil Tutorial google image search style gallery jquery google images effect google image search style gallery google image likeness search How to Remove Table Row tr in jQuery on Button Click in Tamil How to Add Table Row tr in jQuery on Button Click In Tamil How To Read The Value Of HTML Table by Jquery in Tamil Check for file extension before uploading By Jquery In Tamil How to Get Selected Radio Button Value in jQuery In Tamil For Free source code and Free Project Please visit : http://www.tutorjoes.com/ http://www.facebook.com/tutorjoes http://www.youtube.com/tutorjoes
Views: 1589 Tutor Joe's Stanley
Dynamically Load Images: jQuery Looping
 
07:15
http://technotip.com/2133/dynamically-load-images-jquery-looping/ Video tutorial to demonstrate loading of images dynamically using jQuery looping method: .each() jQuery Video Tutorial List: http://technotip.com/2514/jquery-tutorial-list/
Views: 16042 Satish B
How to change style sheet dynamically using Jquery in Tamil
 
03:58
Click Event in JQuery dblClick Event in JQuery Mouse Events in JQuery Hover Event in JQuery FadeIn Event in Jquery FadeOut Event in Jquery FadeToggle Effect in Jquery FadeTo Effect in Jquery Animate Effect in Jquery Animate Using Relative Values in Jquery Animate Using Continuous Values in Jquery Callback Function in Jquery Without Callback Function in Jquery How to Use Chaining in Jquery Get Methods in Jquery Set Methods in Jquery Append Method in Jquery Selectors in Jquery Filters in Jquery Hierarchy Filters in Jquery Filter Using Attributes in Jquery Use Traversing Methods in Jquery Use Before and After Methods in Jquery Use Remove Method in Jquery Use Empty Method in Jquery Remove Classes Using Jquery Add Classes Using Jquery Toggle Between Classes in Jquery Using selectors and filters to extract information Creating, inserting, and manipulating webpage content Understanding jQuery statement chaining Using CSS to position content Building event handlers Showing, hiding, and fading page elements with jQuery Creating custom animations Accessing external data with AJAX jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn in Tamil Complete Jquery in Tamil Tutor Joes Jquery Tamil Tutorial google image search style gallery jquery google images effect google image search style gallery google image likeness search Using selectors and filters to extract information Creating, inserting, and manipulating webpage content Understanding jQuery statement chaining Using CSS to position content Building event handlers Showing, hiding, and fading page elements with jQuery Creating custom animations Accessing external data with AJAX jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming. jQuery is easy to learn in Tamil Complete Jquery in Tamil Tutor Joes Jquery Tamil Tutorial google image search style gallery jquery google images effect google image search style gallery google image likeness search How to Remove Table Row tr in jQuery on Button Click in Tamil How to Add Table Row tr in jQuery on Button Click In Tamil How To Read The Value Of HTML Table by Jquery in Tamil Check for file extension before uploading By Jquery In Tamil How to Get Selected Radio Button Value in jQuery In Tamil Show Password Using jQuery on Checkbox Click Event In Tamil Inserting Data Into MySql Database Using Jquery Post and PHP Event In Tamil How to change style sheet dynamically using Jquery in Tamil For Free source code and Free Project Please visit : http://www.tutorjoes.com/ http://www.facebook.com/tutorjoes http://www.youtube.com/tutorjoes
Views: 878 Tutor Joe's Stanley
How to Create Button Load More Data using jQuery Tutorial
 
15:06
Hi guys, In this video, you will be able to learn about how to create a button load more using HTML and CSS. After that, we will create a function using jquery which help you to load another content. Follow me ========================================== facebook : @anggariskys twitter: @anggariskys google+: plus.google.com/+anggariskysetiawan instagram: pandastwn
Views: 8174 BuildWith Angga
[jQuery Tutorial] jQuery Tutorial 13: css()
 
06:29
[jQuery Tutorial] jQuery Tutorial 13: css(). Learn what is css() event in jQuery and how to read/write CSS of elements in jQuery.. SUBSCRIBE for more videos!
Views: 0 Lieu Nguyen Thi
Navigation Smooth Scrolling with jQuery
 
08:55
Read my latest blog post covering this topic for a more in-depth tutorial! https://byprimer.co/blog/navigation-smooth-scrolling-jquery/
Views: 38439 Nick Meagher
Show/Hide Long Text jQuery in hindi
 
05:05
Text version for same: http://learnwebtechnology.ga/2018/12/02/show-hide-long-text-jquery/ video link for responsive web design : https://youtu.be/qnO7NiMABZQ Sign up for my newsletter to receive a weekly updates http://bit.ly/2RRFktj Join our facebook page bit.ly/2OKQYV7 join our whats app group https://chat.whatsapp.com/HPVolcQVar6An3PX2UxLvV In this video we will learn - How to Create a Show/Hide Long Text jQuery What is Show/Hide Long Text jQuery? If text is long then we you can click button for less text If you want any changes or any suggestion regarding my video. please leave a comment in comment box Like | Share | Watch | Subscribe #LearnWebTechnology #Html #Css #Jquery
Views: 56 LearnWebTechnology
jquery floating div
 
13:36
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/05/jquery-floating-div.html In this video we will discuss, how to create floating div using jQuery. We want the div element in the sidebar to be floating and always visible as we scroll down the page. Example : In this example we are using position() and scrollTop() functions. The object returned by position() function has top and left properties, which can be used to know the current top and left positions (coordinates). We are using this function to find the top position of the div element that we want to keep floating as we scroll down. To get the current vertical position of the scroll bar, we are using scrollTop() function. As we scroll and when the current vertical position of the scroll bar becomes GREATER THAN the top position of the div element, then we want the div element to start floating. To do this set position style to fixed. A fixed position element is positioned relative to the browser window. So as you scroll down it will be floating in the browser window. If the current vertical position of the scroll bar becomes LESS THAN the top position of the div element, then we don't want the div element to float, so we set position style to relative. A relative position element is positioned relative to itself. So if you set position to relative and top to 0, it will continue to stay where it is without floating. <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var floatingDiv = $("#divfloating"); var floatingDivPosition = floatingDiv.position(); $(window).scroll(function () { var scrollPosition = $(window).scrollTop(); if (scrollPosition >= floatingDivPosition.top) { floatingDiv.css({ 'position': 'fixed', 'top' : 3 }); } else { floatingDiv.css({ 'position': 'relative', 'top' : 0 }); } }); }); </script> </head> <body style="font-family:Arial;"> <table align="center" border="1" style="border-collapse:collapse"> <tr> <td style="width:500px"> Main Page Content </td> <td style="width:150px; vertical-align:top"> Side panel content <br /><br /> <div id="divfloating" style="background-color:silver; width:150px; height:150px"> Floating Div - Keeps floating as you scroll down the page </div> </td> </tr> </table> </body> </html>
Views: 31701 kudvenkat
JavaScript Template Literals: JSON to HTML
 
39:34
Follow along link: https://codepen.io/learnwebcode/pen/qVLOZJ Finished product: https://codepen.io/learnwebcode/pen/eyZMyp New WordPress Course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL Git a Web Developer Job Course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL HTML & CSS Course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBEDEAL WordPress for Beginners Course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 50636 LearnWebCode
Using CSS, Javascript and jQuery in Google Sites
 
02:22
Gooru covers a recent update to Google Sites, which allows the use of CSS, javascript and jQuery through a new page editor. To watch the updated video and read the full article on the BetterCloud Monitor, visit: https://www.bettercloud.com/monitor/the-academy/using-css-javascript-jquery-in-google-sites/
Views: 23450 The Gooru
jquery ajax load
 
14:08
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/05/jquery-ajax-load.html In this video we will discuss how to load HTML data from the server using jquery AJAX load function. What is AJAX AJAX stands for Asynchronous JavaScript and XML, and allow parts of the page to be updated without having to reload the entire page. Syntax .load( url [, data ] [, complete ] ) Parameter - Description url - Required. URL to which the request is sent. data - Optional. A JSON object or string that is sent to the server along with the request. complete - A callback function that is called when the request completes. The following example loads HTML data from the server. When a text box receives focus, the help text associated with that field is loaded from the server and displayed. When the focus is lost the help text disappears. HtmlPage1.html <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var textBoxes = $('input[type="text"]'); textBoxes.focus(function () { var helpDiv = $(this).attr('id') + 'HelpDiv'; $('#' + helpDiv).load('Help.html #' + helpDiv); }); textBoxes.blur(function () { var helpDiv = $(this).attr('id') + 'HelpDiv'; $('#' + helpDiv).html(''); }); }); </script> </head> <body style="font-family:Arial"> <table> <tr> <td>First Name</td> <td><input id="firstName" type="text" /></td> <td><div id="firstNameHelpDiv"></div></td> </tr> <tr> <td>Last Name</td> <td><input id="lastName" type="text" /></td> <td><div id="lastNameHelpDiv"></div></td> </tr> <tr> <td>Email</td> <td><input id="email" type="text" /></td> <td><div id="emailHelpDiv"></div></td> </tr> <tr> <td>Income</td> <td><input id="income" type="text" /></td> <td><div id="incomeHelpDiv"></div></td> </tr> </table> </body> </html> Help.html <div id="firstNameHelpDiv"> Your fisrt name as it appears in passport </div> <div id="lastNameHelpDiv"> Your last name as it appears in passport </div> <div id="emailHelpDiv"> Your email address for communication </div> <div id="incomeHelpDiv"> Your annual income </div>
Views: 81170 kudvenkat
Jquery Cookies - Cookie.js Easily save and get Cookies using jquery
 
01:38
Cookie.js is a simple light weight jquery API to Easily save and get Cookies. Very simple and easy syntax for saving getting and deleting cookies. Download the cookie.js file from https://github.com/js-cookie/js-cookie
Views: 4201 Phpstuff
CRUD in PHP AJAX: Setting Up HTML, CSS & jQuery Part 2/6
 
28:13
If you want to learn what is CRUD? How to build a CRUD in PHP, How to build CRUD in AJAX using JSON then you are at right place. This playlist explains the concept thoroughly and if you carefully follow along, you will be able to create a CRUD in PHP by yourself. You will also learn how to debug your code in this playlist. Want to buy my professional courses: https://proetutor.com Do you want to be a professinal web developer? Do you want to learn front end? Do you want to learn back end? Do you want to to learn other programming languages? Contact me: Aucsol Tech Solutions & Training Center Assad Ullah Ch Mobile/WhatsApp: +92 332 4737443 Century Tower, Office #416, 4th Floor, Gulberg 3 Lahore, Pakistan.
Views: 3883 AssadUllahCh
Autocomplete textbox using jquery in asp net
 
17:30
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/autocomplete-textbox-using-jquery-in.html In this video we will discuss, how to implement autocomplete textbox using jquery and asp.net. The suggestions should come from the database table. Stored procedure to retrieve employee name suggestions Create proc spGetStudentNames @term nvarchar(50) as Begin Select Name from tblStudents where Name like @term + '%' End StudentHandler.ashx code using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Web; using System.Web.Script.Serialization; namespace Demo { public class StudentHandler : IHttpHandler { public void ProcessRequest(HttpContext context) { string term = context.Request["term"] ?? ""; List<string> listStudentNames = new List<string>(); string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand("spGetStudentNames", con); cmd.CommandType = CommandType.StoredProcedure; SqlParameter parameter = new SqlParameter() { ParameterName = "@term", Value = term }; cmd.Parameters.Add(parameter); con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while (rdr.Read()) { listStudentNames.Add(rdr["Name"].ToString()); } } JavaScriptSerializer js = new JavaScriptSerializer(); context.Response.Write(js.Serialize(listStudentNames)); } public bool IsReusable { get { return false; } } } } Download jQuery UI from jqueryui.com. Copy and paste the following files in your project. a) jquery-ui.js b) jquery-ui.css c) images Add a WebForm to the ASP.NET project. Copy and paste the following HTML and jQuery code. <%@ 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 () { $('#txtName').autocomplete({ source: 'StudentHandler.ashx' }); }); </script> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> Student Name : <asp:TextBox ID="txtName" runat="server"> </asp:TextBox> </form> </body> </html>
Views: 57732 kudvenkat
Simple WebPage preloader Using jQuery and CSS in Tamil
 
05:19
jQuery Post Method with PHP and MySQL in Tamil Dependent select box Using jQuery with PHP and MySQL in Tamil Dependent select box Using jQuery with PHP and MySQL in Tamil jQuery JSON parse with PHP and MySQL in Tamil Auto refresh comment using jQuery with PHP and MySQL in Tamil in Tamil Show and Hide Password Text Field in jQuery in Tamil in Tamil Multiple Input Field Validation using jQuery With PHP and MySQL Learn Computer Technology By Tamil Data Table Plugin In jQuery in Website Tamil Live Search Using jQuery with PHP and MySQL in Tamil Digital Clock Using jQuery in Tamil Countdown Timer In jQuery in Tamil Multiple Checkbox Using jquery with PHP and MySQL in Tamil How to use Chosen Plugin in Tamil Limit Text by jQuery in Tamil Read Data From JSON File to HTML Table How To Get Radio Button Value Using jQuery in Tamil How to read Data from XML File to HTML List in Tamil How To Create Simple Accordion Using jQuery In Tamil Live Table Filter Using jQuery in Tamil For Free source code and Free Project Please visit : http://www.tutorjoes.com/ http://www.facebook.com/tutorjoes http://www.youtube.com/tutorjoes
Views: 742 Tutor Joe's Stanley
Create a jQuery Accordion with 4 lines of code
 
06:07
Learn how to use HTML, CSS, and jQuery to create an accordion to use for things like FAQs, menus, etc. There are only 4 lines of javascript to include, and you can read the whole post on my blog: http://www.bentedder.com/?p=340
Views: 6289 Ben Tedder
AJAX and JSON - With working example using JQuery
 
16:05
In this video I have explained Ajax and Json. And used the concept to make a simple web app. I have used jQuery, Html5 and CSS. The web app is just a button. Clicking the button makes an AJAX call to the url a fetches the data. The I display five items from the data on each click. Now when the list is completely traversed. It starts from the begining. Please provide your valuable suggestion in the comment section down below! :) Fake API site: http://jsonplaceholder.typicode.com/ jQuery CDN site: https://code.jquery.com/ Souce code: https://github.com/shabbyk/TutorialStuff/blob/master/AjaxCall.html
Views: 21150 Curious me