Home
Search results “Jquery tr border style”
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: 60187 kudvenkat
Jquery Setting Different Background For Alternative Row In HTML Table
 
02:19
This is a Very simple tutorial to set two different backgrounds for the alternative rows in html table using Jquery. This is Just a ONE LINE CODE TO DO THIS ALL....... !! ::::::::::THANKS FOR WATCHING ::::::::::::::::
Views: 582 Aman Kharbanda
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: 983 Tutor Joe's Stanley
Add Remove Active Class On Click - Html CSS and Javascript
 
06:14
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0
Views: 26759 Online Tutorials
jquery draggable widget
 
12:17
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-draggable-widget.html In this video we will discuss jquery draggable widget jquery draggable widget allow elements to be moved using the mouse. This widget is in interactions category on the jQuery UI website. http://jqueryui.com/draggable/ Consider the following HTML <div id="draggableDiv" class="divClass"> Drag me around </div> .divClass { height: 200px; width: 200px; background-color: red; color: white; display:table-cell; vertical-align:middle; text-align:center; } To make the above div element draggable $('#draggableDiv').draggable(); Some of the useful options to customize the draggable widget axis - Constrains dragging to either x or y axis containment - Constrains dragging to within the bounds of the specified element or region cursor - The CSS style of the cursor during the drag operation opacity - opacity during the drag operation revert - Boolean property that specifies if the element should revert to its start position when dragging stops revertDuration - The duration of the revert animation, in milliseconds snap - Specifies whether the element being dragged should snap to other elements. Value can be boolean or a selector. When set to true, the element will snap to all other draggable elements. When a selector is specified the element being dragged will snap to the element specified by the selector snapTolerance - The distance in pixels between the element being dragged and the element to which to snap to, at which snapping should occur. cancel - Prevents dragging from starting on specified elements Constrains dragging to x axis $('#draggableDiv').draggable({ axis : 'x' }); Constrains dragging to within the bounds of the parent element HTML <div id="containerDiv" style="height:300px; width:300px; border:3px solid black"> <div id="draggableDiv" class="divClass"> Drag me around </div> </div> jQuery $('#draggableDiv').draggable({ containment : 'parent' }); Changes the cursor style to "move" during the drag operation $('#draggableDiv').draggable({ cursor: 'move' }); Changes the opacity to 0.3 during the drag operation $('#draggableDiv').draggable({ opacity : '0.3' }); Reverts the div element to its start position when dragging stops. Revert animation completes in 1000 milli-seconds. $('#draggableDiv').draggable({ revert: true, revertDuration : 1000 }); The following example 1. Snaps the coloured div elements to the div element with thick black border. 2. The snapping occurs as soon as the distance between any of the coloured div element and the div element with thick black border is 50 pixels 3. The cancel option cancels dragging from starting on the div element with thick black border HTML <div id="redDiv" class="divClass" style="background-color: red"> Red Div </div> <div id="greeDiv" class="divClass" style="background-color: green"> Green Div </div> <div id="blueDiv" class="divClass" style="background-color: blue"> Blue Div </div> <div id="brownDiv" class="divClass" style="background-color: brown"> Brown Div </div> <br /> <br /> <div id="snapDiv" style="height: 400px; width: 400px; border: 5px solid black"> </div> Style .divClass { height: 200px; width: 200px; color: white; display: table-cell; vertical-align: middle; text-align: center; } jQuery $('div').draggable({ snap: '#snapDiv', snapTolerance: 50, cancel : '#snapDiv' });
Views: 26384 kudvenkat
Вёрстка таблиц — HTML-теги TABLE, TR, TD, TH
 
03:42
Курс по HTML — http://ru.yasno.tv/course/details/html Вёрстка табличных данных
Views: 3681 Zero to Hero
jQuery video tutorial 16 - jQuery group selector
 
09:42
jQuery video tutorial 16 - jQuery group selector jQuery group selector There are situations where different selectors share similar styles. To reduce code redundancy in CSS it is possible to group selectors. To create group selector; we place selectors one beside another with a comma separator. i.e. selector1,selector2,…. Note: The comma separated list of CSS selectors is called as group selector in CSS. Ex for CSS group selector: tagselector,classselector tagselector,idselector tagselector,idselector,attributeselector etc. Syntax of jQuery group selector: $(“CSS group selector”).action(parameters); To the jQuery function, if we pass the CSS group selector then it is called as jQuery group selector. I.e. a jQuery function with CSS group selector as a parameter is called as jQuery group selector. I.e.: $(“selector1,selector2,…”).action(parameters); To the jQuery function, if we pass comma separated list of CSS selectors then it is called as jQuery group selector Ex: $("h1,p").css("border","2px solid red"); It selects any HTML element on the page, which has the tag name h1 or p; applies the border of 2px solid red Ex: $("p,.solidborder,#redBorder").css("border","2px solid red"); It selects any HTML element on the page, which has the tag name p, class attribute value set to solidborder or an id attribute value set to redBorder; applies the border of 2px solid red ========================================= Follow the link for next video: jQuery video tutorial 17 - Understanding DOM Tree structure https://youtu.be/N96HqRa-uGg Follow the link for previous video: jQuery video tutorial 15 - jQuery Combination selector https://youtu.be/l5Y8wADOXBY =========================================
Change row background color alternatively  in HTML table using jQuery or CSS
 
04:55
More about this video: http://jiansenlu.blogspot.ca/2014/07/change-row-background-color.html
Views: 2532 Jiansen Lu
jQuery: How to to remove border from an HTML Div
 
04:56
In this tutorial, you get to understand how to remove a border from a div or any other HTML tag using jquery. A small favor - to help us. ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- It takes us a lot of time to create and upload these videos. We want you to learn from them and work towards your progress. In return all we ask is that you share this video with your friends , by clicking the share link above. You can also "Like" or "Favorite" them or add them to your playlists. You can stay updated on our channel by clicking on subscribe button ( absolutely free )!!!! Thanks a lot.
Views: 126 WebTecho Tutorials
jQuery :: Controlling CSS
 
05:46
In this tutorial, we will take a look at how you can use jQuery to change CSS styles for dynamically controlling the look on your web page.
Views: 4637 The Art of Code
Search HTML Table Data by using JQuery
 
07:21
In this video tutorial we have cover Searching text in a HTML table using jQuery. Simple jQuery Plugin For Html Table Live Search. Jquery - Live search through table rowsJavascript - Search HTML table with JS and jQuery. How to search HTML table data of ''input type text'' using jQuery. Jquery - searching in html table. Using jQuery to Search an HTML Table. Jquery to search text in HTML Table. Source Code - http://www.webslesson.info/2016/10/search-html-table-data-by-using-jquery.html
Views: 16736 Webslesson
jQuery Resizable Widget
 
13:44
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-resizable-widget.html In this video we will discuss jQuery Resizable Widget jQuery Resizable Widget allows you to change the size of an element using the mouse Consider the following HTML and CSS <div id="redDiv" class="divClass" style="background-color: red"> Red Div </div> <style> .divClass { font-family: Arial; height: 150px; width: 150px; text-align: center; color:white } </style> To make the div element resizable $(document).ready(function () { $('#redDiv').resizable(); }); jQuery Resizable Widget Options alsoResize - Allows to resize one or more elements synchronously with the resizable element animate - Animates to the final size after resizing. Include .ui-resizable-helper class to display outline while resizing aspectRatio - Specifies whether the element should preserve aspect ratio autoHide - Specifies whether the resize handles should hide when the user is not hovering over the element containment - Constrains resizing to within the bounds of the specified element or region ghost - specifies whether a semi-transparent helper element should be shown for resizing maxHeight - The maximum height you can resize to minHeight - The minimum height you can resize to maxWidth - The maximum width you can resize to minWidth - The minimum width you can resize to jQuery Resizable Widget Events start - Triggered at the start of a resize operation stop - Triggered at the end of a resize operation resize - Triggered during the resize operation Resizing redDiv will also resize blueDiv HTML <div id="redDiv" class="divClass" style="background-color: red"> Red Div </div> <br /> <div id="blueDiv" class="divClass" style="background-color: blue"> Red Div </div> jQuery $(document).ready(function () { $('#redDiv').resizable({ alsoResize:'#blueDiv' }); }); Constrains resizing to within the bounds of the container div HTML <div id="container" style="border: 3px solid black; height: 300px; width: 300px; padding:5px"> <div id="redDiv" class="divClass" style="background-color: red"> Red Div </div> </div> jQuery $('#redDiv').resizable({ containment: '#container' });
Views: 15092 kudvenkat
Pure CSS Sticky Table Header
 
07:13
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
Views: 15299 Online Tutorials
5 - change css properties with jquery, change the border and background
 
05:21
You can change and modify the border and background CSS properties using jquery's ".css" method. This video will show you how to: a) change html element's appearance with jquery, b) make webpage objects move across the screen by adjusting the absolute positioning properties left, right, top, and bottom. You can then "animate" CSS properties to give the appearance of movement. #javascript #jquery #learntocode #programmer #programming
How to Change HTML Table Border Style
 
01:22
Follow this tutorial to learn how to change the border of your HTML table in different border styles and to apply other styling techniques. Don't forget to check out our site http://howtech.tv/ for more free how-to videos! http://youtube.com/ithowtovids - our feed http://www.facebook.com/howtechtv - join us on facebook https://plus.google.com/103440382717658277879 - our group in Google+ In this tutorial on "how to change the Table Border style in HTML", we will teach you how to change the border of your HTML table. Border style of an HTML table can be changed by changing the style attribute in a table element. The style of the border is specified in the Cascading Style Sheets. There are a lot of border properties which can be applied to tables to create different border styles of the tables and their cells. Here in this tutorial we will discuss those various styles used in html for table borders. Step 1: Set Standard Border of a Table In order to set a standard border of a table, we set borders in the style attributes and the width of the border as 1 px. The third option lets us specify the color of the border. These three options can be used in html for table borders . Standard borders are 1 px in width and solid black in color. Step 2: Set Border around cells A standard border is a black outline around the table. In order to set a border around a cell of the table, we set the style as a border in the cell separately. The same is the case with the width of the border and the color of the border. The three options can altered for each of the cells separately to create different styles of border. Step 3: Removing Double Lines in a Border If the borders have been set twice, a double line will appear at the border. In order to set a single border, we apply the Cascading Style Sheet's border collapse property in the style attribute of each cell, separately. Step 4: Other Border Properties There are a lot of other properties of table border styles in HTML which can be applied to tables and their cells. Borders can be made curvy and aligned to one side of the table by using these border properties.
jQuery DataTable Tutorial With Bootstrap Design For Beginners
 
17:36
Finally! jQuery DataTable With Bootstrap Made Easy! Download Source Code: http://codingpassiveincome.com/jquery-datatable-tutorial-with-bootstrap-design 👉 GRAB MY COURSE 👈 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Do you want to become a web developer from scratch? I have spent 4 months creating the BEST course that exists about web development and in this course I am teaching everything that you need to know to become a web developer from scratch. Learn more: http://bit.ly/devAccelerator It's helped hundreds of students, it can help you too. 👉 ABOUT VIDEO 👈 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ It is jQuery Bootstrap Tutorial For Beginners. In this tutorial you will learn how to: - include a jQuery DataTable plug-in to your project - add pagination to your table - add search functionality - add sorting - enable/disable different columns etc. This tutorial will cover everything that you need to understand in order to easily manipulate the data inside the table. Please watch the video above. 𝗗𝗼𝘄𝗻𝗹𝗼𝗮𝗱 𝗦𝗼𝘂𝗿𝗰𝗲 𝗖𝗼𝗱𝗲: http://codingpassiveincome.com 👉 LETS CONNECT 👈 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Subscribe: http://bit.ly/1VdATVr Blog: http://CodingPassiveIncome.com/blog Resources: http://CodingPassiveIncome.com/resources Facebook Community: http://on.fb.me/1nMGVC4 Facebook Fan Page: https://www.facebook.com/CodingPassiveIncome Twitter: https://twitter.com/SenaidBacinovic Music: http://www.bensound.com/royalty-free-music
Views: 29758 Coding Passive Income
Change Background Color On Click - HTML CSS and Javascript
 
06:16
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0
Views: 23546 Online Tutorials
Get GridView Row Data On Row Click Using jQuery
 
10:36
This tutorials, I have described the following jQuery methods like click() and text() and how to find Id of controls.
Views: 25632 Vetrivel D
HTML Table | ( table tr th td ) | See Brief and Practical Example #10
 
11:54
In this video, you will learn about HTML Table | ( table tr th td ) | See Brief and Practical Example. you will learn about how to create an html table having rows and columns. _____________________* List of HTML Training Videos *_____________________ * Web Development Training | Course ( HTML, CSS, Bootstrap, Java Script JQUERY PHP) #1 Click: https://youtu.be/RLU7EJYh188 * Basic tags of Html | Head | Title | Link | Style | Body tags #2 Click: https://youtu.be/5zhQUM5AfQw * Html Headings (h1 h2 h3 h4 h5 h6) tags | Paragraph tag and Anchor tag #3 Click: https://youtu.be/UqvvIzoqL1U * Button tag and Image tag in html #4 Click: https://youtu.be/LEtwiu0Nqbs * Inspect html elements | How to use console | Change CSS Live #5 Click: https://youtu.be/rUNortWlLn4 * Create Tooltip in html | interesting Concept | Small Popup #6 Click: https://youtu.be/U8GYOe118KY * HTML Styling With CSS (Inline Style | Internal Style | External style ) #7 Click: https://youtu.be/lVB_cPr7hIo * HTML Formatting Basic Tags (br strong i em sub sup del ins mark small ) #8 Click: https://youtu.be/WtVHGenTiuM * HTML Links ( _blank _self _top _parent) Where to Open the Page or Link #9 Click: https://youtu.be/30i-4l7ZNQY * HTML Table | ( table tr th td ) | See Brief and Practical Example #10 Click: https://youtu.be/UdWRVGuITNE * Row Span and Col Span in HTML Table | Simple and Easy Explanation #11 Click: https://youtu.be/zQm0E25vXzI * HTML iframe | Open Page inside Page | very interesting | Why insecure ? #12 Click: https://youtu.be/kd_KPNgipw0 * Style HTML Elements by ID and Class | Learn Difference | Practical Example #13 Click: https://youtu.be/DY0dLM5ikCI * HTML Form | Practicle Example | very Simple and Easy #14 Click: https://youtu.be/NfmB5Q4U1sk * HTML Form with CSS | Practicle Example | Really Simple and Easy #15 Click: https://youtu.be/njlqVFU9K0g * HTML input Attributes ( Placeholder | Required | Readonly | Disabled | Checked) very important #16 Click: https://youtu.be/IY2DWFIL8qM * Types of List in HTML (Ordered List | Unordered List | Description List) Quick Explanation #17 Click: https://youtu.be/7DsSV8UwgWM * Audio Video tags in HTML | interesting Video #18 Click: https://youtu.be/BujSDqvk2Lc * Useful HTML Tags (div, pre, hr, label, hr, empty tags, nested tags) Very Useful Video #19 Click: https://youtu.be/-Cjsq0Guh1s * HTML inline and Block Elements | Practical Difference with example on console #20 Click: https://youtu.be/uLnNZfNf2E8 * Date picker and Color picker in HTML | Solve date validation problem #21 Click: https://youtu.be/EYbpqqWcdIU * html fundamentals (&nbsp, upload, span, entities etc) very important concepts #22 Click: https://youtu.be/DCbF70VtOpU ______________________________________________________ * Quickly Create Website using HTML/CSS * ------------------------------------------------------ Click: https://youtu.be/YKkaRvj49Wk ______________________________________________________ * CSS Training * ------------------------------------------------------ Click: https://youtu.be/0c3gvHTzr3E ______________________________________________________ * PHP Training * ------------------------------------------------------ Click: https://youtu.be/sRUecHHhFp4 ______________________________________________________ * C Language Training * ------------------------------------------------------ Click: https://youtu.be/OZ6nHWdDHEg ______________________________________________________ * Training for How to Create a Blog * ------------------------------------------------------ Click: https://youtu.be/vYuhvYjpkTI ______________________________________________________ * Adobe Photoshop Training * ------------------------------------------------------ Click: https://youtu.be/vYuhvYjpkTI ______________________________________________________ * Computer Graphics Programs * ------------------------------------------------------ Click: https://youtu.be/uKj7TUdTJCM ______________________________________________________ * MS Office Training * ------------------------------------------------------ Click: https://youtu.be/wKUSACgrtG4 ______________________________________________________ * Computer Basics Training * ------------------------------------------------------ Click: https://youtu.be/ZTCknN5RlYo ______________________________________________________ * English Speaking Course * ------------------------------------------------------ Click: https://youtu.be/wnC_KW9uHWw ______________________________________________________ * Wordpress Training * ------------------------------------------------------ Click: https://youtu.be/3Cm6mnoZrH8 ______________________________________________________ * Bootstrap Training (uploading soon...) * LIKE | COMMENT | SHARE | SUBSCRIBE The channel link is : https://goo.gl/XiMV5S
Views: 3402 Amazing Learning
Table Export to Excel (XLS), CSV, TXT Using jQuery and Bootstrap
 
05:18
How to export html table to format excel, xlsx, xls, csv, txt using jquery and bootstrap
Views: 32643 Code Tube
jQuery UI Sortable Tutorial - Save Positions With Ajax & PHP & MySQL
 
21:49
In this jQuery UI Sortable Tutorial, you will learn How To Save Positions With PHP & MySQL Download Source Code: http://codingpassiveincome.com/jquery-ui-sortable-tutorial-save-positions-with-ajax-php-mysql It is jQuery Sortable Tutorial For Beginners. In this tutorial you will learn how to: - get table data using PHP from MySQL Database - add jQuery Sortable to your Bootstrap table - save row positions after every change using Ajax & PHP & MySQL Subscribe: http://bit.ly/1VdATVr Blog: http://CodingPassiveIncome.com/blog Resources: http://CodingPassiveIncome.com/resources Facebook Community: http://on.fb.me/1nMGVC4 Facebook Fan Page: https://www.facebook.com/CodingPassiveIncome Twitter: https://twitter.com/SenaidBacinovic Music: http://www.bensound.com/royalty-free-music
Views: 9524 Coding Passive Income
How to make a table in html (part 2)
 
08:53
Defining an HTML Table An HTML table is defined with the table tag. Each table row is defined with the tr tag. A table header is defined with the th tag. By default, table headings are bold and centered. A table data/cell is defined with the td tag. -Use the HTML table element to define a table -Use the HTML tr element to define a table row -Use the HTML td element to define a table data -Use the HTML th element to define a table heading -Use the HTML caption element to define a table caption -Use the CSS border property to define a border -Use the CSS border-collapse property to collapse cell borders -Use the CSS padding property to add padding to cells -Use the CSS text-align property to align cell text -Use the CSS border-spacing property to set the spacing between cells -Use the colspan attribute to make a cell span many columns -Use the rowspan attribute to make a cell span many rows -Use the id attribute to uniquely define one table
Views: 92 HotSpot TuBe
Load data on page scroll using jquery
 
22:19
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/load-data-on-page-scroll-using-jquery.html In this video we will discuss, how to load more data on page scroll using jQuery AJAX. This is similar to Facebook. As you scroll down on the page more data will be loaded. When the page is initially loaded we want to retrieve and display the first 50 rows from the database table tblEmployee. As we scroll down and when we hit the bottom of the page we want to load the next set of 50 rows. Stored procedure Create procedure spGetEmployees @PageNumber int, @PageSize int as Begin Declare @StartRow int Declare @EndRow int Set @StartRow = ((@PageNumber - 1) * @PageSize) + 1 Set @EndRow = @PageNumber * @PageSize; WITH RESULT AS ( SELECT Id, Name, Gender, Salary, ROW_NUMBER() OVER (ORDER BY ID ASC) AS ROWNUMBER From tblEmployee ) SELECT * FROM RESULT WHERE ROWNUMBER BETWEEN @StartRow AND @EndRow End HTML page <!DOCTYPE html> <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var currentPage = 1; loadPageData(currentPage); $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { currentPage += 1; loadPageData(currentPage); } }); function loadPageData(currentPageNumber) { $.ajax({ url: 'EmployeeService.asmx/GetEmployees', method: 'post', dataType: "json", data: { pageNumber: currentPageNumber, pageSize: 50 }, success: function (data) { var employeeTable = $('#tblEmployee tbody'); $(data).each(function (index, emp) { employeeTable.append('<tr><td>' + emp.ID + '</td><td>' + emp.Name + '</td><td>' + emp.Gender + '</td><td>' + emp.Salary + '</td></tr>'); }); }, error: function (err) { alert(err); } }); } }); </script> </head> <body style="font-family:Arial"> <h1>The data will be loaded on demand as you scroll down the page</h1> <table id="tblEmployee" border="1" style="border-collapse:collapse; font-size:xx-large"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Gender</th> <th>Salary</th> </tr> </thead> <tbody></tbody> </table> </body> </html>
Views: 49030 kudvenkat
jQuery selectable filter
 
13: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/07/jquery-selectable-filter.html In this video we will discuss jQuery selectable filter option with an example. Along the way we will also discuss destory method. This is continuation to Part 97. Please watch Part 97 from jQuery Tutorial before proceeding. Here is what we want to be able to do When "Exclude Weekends" checkbox is checked, we should not be able to select weekends (Sat and Sun) When "Exclude Weekends" checkbox is not checked, we should be able to select all days including weekends (Sat and Sun) Code used in the demo <%@ 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 () { var selectableList = $('#selectable'); selectableList.selectable({ stop: getSelectedItems }); function getSelectedItems() { var selectedItems = ''; $('.ui-selected').each(function () { selectedItems += $(this).text() + '<br/>'; }); $('#result').html(selectedItems); } function createSelectableList(filterValue) { selectableList.selectable('destroy').selectable({ stop: getSelectedItems, filter: filterValue }); $('#selectable li').removeClass('ui-selected'); $('#result').empty(); var weekends = $('li[data-value="weekend"]'); if (filterValue == '*') { weekends.removeClass('excluded'); } else { weekends.addClass('excluded'); } } $('#cbExclude').click(function () { if ($(this).is(':checked')) { createSelectableList('li[data-value="weekday"]'); } else { createSelectableList('*'); } }); }); </script> <style> li { display: inline-block; border: 1px solid black; padding: 20px; cursor: pointer; } .ui-selecting { background-color: grey; color: white; } .ui-selected { background-color: green; color: white; } .excluded { background-color: red; color:white; cursor:default } </style> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> Exclude Weekends : <input id="cbExclude" type="checkbox"/> <ul id="selectable"> <li data-value="weekday">Mon</li> <li data-value="weekday">Tue</li> <li data-value="weekday">Wed</li> <li data-value="weekday">Thu</li> <li data-value="weekday">Fri</li> <li data-value="weekend">Sat</li> <li data-value="weekend">Sun</li> </ul> You selected : <div id="result"></div> </form> </body> </html>
Views: 15852 kudvenkat
jquery background color animate
 
06:58
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-background-color-animate.html In this video we will discuss animating colors using jquery. With the basic jQuery functionality, animate() method cannot animate non-numeric style properties like color, background-color, and border-color. jQuery UI adds the ability to animate color properties. In the example below a reference to jQuery UI is included, hence the color animations work. If we remove the reference, color animations will not work, but other numeric style properties (font-size, border-width) continue to work. <!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> <script type="text/javascript"> $(document).ready(function () { var toggleColor = false; $('#btnAnimate').click(function () { var divElement = $('#myDiv'); if (toggleColor) { divElement.animate({ 'font-size': '15', 'border-width': '1', 'background-color': 'red', 'color': 'white', 'border-color': 'green' }, 2000); } else { divElement.animate({ 'font-size': '20', 'border-width': '10', 'background-color': 'green', 'color': 'white', 'border-color': 'red' }, 2000); } toggleColor = !toggleColor; }); }); </script> <style> </style> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> <div id="myDiv" style="width: 500px; border: 1px solid black; padding: 5px; font-size: 15px"> At Pragim Technologies, training is delivered by real time software experts having more than 10 years of experience. Interview questions and real time scenarios discussion on topics covered for the day. Realtime projects discussion relating to the possible interview questions. Trainees can attend training and use lab untill you get a job. Resume preperation and mock up interviews. 100% placement assistance. 24 hours lab facility. </div> <br /> <input type="button" id="btnAnimate" value="Animate" /> </form> </body> </html>
Views: 16403 kudvenkat
HTML mousehover table background tr color change of using only css
 
02:13
html css tutorial changing background row color change when mouse hover
Webwizo - Alternate row color with jQuery odd and even selector
 
03:49
How to use jQuery odd and even selector. I have a very basic example to describe odd/even selectors. http://blog.webwizo.com/2011/05/09/alternate-row-color-with-jquery-odd-and-even-selector/
Views: 1348 Asif Iqbal
Styling Tables and the Nth Child Selector
 
16:43
This video shows how to design & style HTML tables with CSS. I begin with the most common styles, and then I move into using nth-child() selector and nth-last-child() selectors to pinpoint alternating rows or columns and styling individual cells and more.
Views: 1730 hundredvisionsguy
jQuery Tutorial: Selection by CSS Style
 
03:59
http://www.frameworktv.com | LearnToProgram is now Framework. Visit and join for free daily videos teaching digital skills like coding and design. SUBSCRIBE TO THE FRAMEWORK CHANNEL http://www.youtube.com/subscription_center?add_user=UC4msOaZNMfPwMe_ztV5jFH SUBSCRIBE TO OUR EMAIL LIST (LEARN FOR FREE!) http://www.frameworktv.com/?src=YOUTUBE VISIT US ON FACEBOOK https://www.facebook.com/frameworkTechnicallySpeaking/ FOLLOW ON TWITTER https://twitter.com/fw_social INSTAGRAM https://www.instagram.com/frameworksocial/
How To Color Alternate Table Row Using CSS
 
01:57
Please visit http://technomark.in/How-To-Color-Alternate-Table-Row-Using-CSS-And-Jquery.aspx for more information. In this video, we have explained about following thing How To Color Alternate Table Row Using CSS Complete steps is described in this video regarding How To Color Alternate Table Row Using CSS If you got any clarification on this, please write it on Comment section. We will definitely update you back.
Views: 455 Admin Technomark
Store multiple key value pairs in a cookie
 
13: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/02/store-multiple-key-value-pairs-in-cookie.html In this video we will discuss, if it's possible to store multiple key value pairs in a cookie. Let us understand this with an example. When we click "Set Cookie" button, we want to store name, email & gender along with their values in the cookie. Copy and paste the following code in HTMLPage1.htm [html] [head][/head] [body] [table border="1"] [tr] [td] Name [/td] [td] [input type="text" id="txtName" /] [/td] [/tr] [tr] [td] Email [/td] [td] [input type="text" id="txtEmail" /] [/td] [/tr] [tr] [td] Gender [/td] [td] [input type="text" id="txtGender" /] [/td] [/tr] [tr] [td colspan="2"] [input type="button" value="Set Cookie" onclick="setCookie()" /] [input type="button" value="Get Cookie" onclick="getCookie()" /] [input type="button" value="Clear" onclick="clearTextBoxes()" /] [/td] [/tr] [/table] [script type="text/javascript"] function setCookie() { var cookieString = "name=" + document.getElementById("txtName").value + ";email=" + document.getElementById("txtEmail").value + ";gender=" + document.getElementById("txtGender").value; document.cookie = cookieString; } function getCookie() { alert(document.cookie); } function clearTextBoxes() { document.getElementById("txtName").value = ""; document.getElementById("txtEmail").value = ""; document.getElementById("txtGender").value = ""; } [/script] [/body] [/html] 1. Run the application. 2. Fill in data for Name, Email and Gender. 3. Click "Set Cookie" button 4. Click "Get Cookie" button Notice that we only get the first key-value pair. This is because you can only store one key-value pair in one cookie name=Venkat If you want to store all the 3 key-value pairs, you have 2 options 1. Create a custom object, serialize the object to a JSON string and store the serialized string in a cookie 2. Use a different cookie for each key-value pair you want to store Create a custom object, serialize the object to a JSON string and store the serialized string in a cookie : Modify the code in setCookie() function as shown below. function setCookie() { var customObject = {}; customObject.name = document.getElementById("txtName").value; customObject.email = document.getElementById("txtEmail").value; customObject.gender = document.getElementById("txtGender").value; var jsonString = JSON.stringify(customObject); document.cookie = "cookieObject=" + jsonString; } JSON.stringify() method converts a JavaScript object to a JavaScript Object Notation (JSON) string. Modify the code in getCookie() function as shown below. function getCookie() { var nameValueArray = document.cookie.split("="); var customObject = JSON.parse(nameValueArray[1]); document.getElementById("txtName").value = customObject.name; document.getElementById("txtEmail").value = customObject.email; document.getElementById("txtGender").value = customObject.gender; } JSON.parse() method parses a JSON string and returns the corresponding object. In our next video we will discuss the second option, i.e using a different cookie for each key-value pair that we want to store.
Views: 28532 kudvenkat
Bootstrap table classes
 
06:02
bootstrap table styles bootstrap table hover bootstrap table condensed bootstrap table border bootstrap table responsive bootstrap table example bootstrap table striped example bootstrap table with border bootstrap condensed table bootstrap responsive table example bootstrap table contextual classes example In this video we will discuss styling tables using bootstrap classes. table class provides light padding and horizontal lines table-striped class provides zebra-striping for the table rows table-bordered class provide borders on all sides of the table and cells. table-hover class provides highlighting of rows on hover table-condensed class makes table more compact by cutting cell padding in half To make a table responsive, place the table inside a div element, and apply table-responsive class on the div element. This will provide a horizontal scrollbar when the screen size is less than 768px (i.e on a small device). On a screen size larger than 768px you will not find any difference. Applying the table-responsive class directly on the table will not do anything useful. Use the bootstrap contextual classes to colour the table rows Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/06/bootstrap-table-classes.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Views: 75595 kudvenkat
HTML Table Part - 1
 
04:15
Here we learned to make simple table in HTML, In this we will only use tables, tr, th, td, tags. And in the next video we will learn about the other properties of the HTML table.
Views: 161 Ravi's Coding
jQuery video tutorial 15 - jQuery Combination selector
 
13:40
jQuery video tutorial 15 - jQuery Combination selector jQuery Combination selector To select HTML element(s) as specifically as possible, we use jQuery combination selector. Note: For more specific selection of HTML element(s), In CSS it is possible to combine selectors, which is called as CSS combination selector. To combine selectors; we place selectors one beside another without any separator. i.e. selector1selector2… Ex: tagselectorclassselector, tagselectoridselector, tagselectoridselectorattributeselector etc. Syntax of jQuery Combination selector: $(“CSS combination selector”).action(parameters); To the jQuery function, if we pass the CSS combination selector then it is called as jQuery combination selector. I.e. a jQuery function with CSS combination selector as a parameter is called as jQuery combination selector. EX: $(“selector1selector2…”).action(parameters); To the jQuery function, if we pass multiple selectors without any separator then it is called as jQuery combination selector Ex: $("h1.redBorder").css("border","2px bouble red"); It selects any h1 element on the page, whose class attribute value set to redBorder and applies the border of 2px double red $("p.redBorder").css("border","2px solid red"); It selects any p element on the page, whose class attribute value set to redBorder and applies the border of 2px solid red $("p.redBorder[align=right]").css("border","2px dotted red"); It selects any p element on the page, whose class attribute value set to redBorder, aligned right and applies the border of 2px dotted red ========================================= Follow the link for next video: jQuery video tutorial 16 - jQuery group selector https://youtu.be/DU5bpUPZ5n8 Follow the link for previous video: jQuery video tutorial 14 - jQuery id selector https://youtu.be/NaA4H5TVdDk =========================================
HTML Table | Border , td ,tr , th, tags |Tutorials for beginners - 7
 
06:54
In this HTML tutorial, we will create an HTML table using table tags. To create a table in HTML language, you need to know about some table attributes. HTML tutorials for beginners help to understand complete HTML concepts . Make an HTML table using NOTE pad. Watch the video till the end. Source for this tutorial(Reference ) HTML5 Table http://bit.ly/2D6GEnh Website http://technosmarter.com #HTML5 #HTMLTutorials #table For any question use our Smarter QA platform. Ask the Question http://bit.ly/2Ee7LOj or other videos by Techno Smarter...Subscribe below links!! Facebook https://www.facebook.com/technosmarter/ Twitter https://twitter.com/technosmarter Youtube Channel https://www.youtube.com/c/technosmarter Google Plus https://plus.google.com/1038408050263... Instagram https://www.instagram.com/technosmarter/ Reference for - 1. HTML table Tags . 2. Hindi and English mixed tutorial. 3.Table border, td, tr, th tags
Views: 18 Techno Smarter
Part 64   Implement sorting in asp net mvc
 
16:34
C#, SQL Server, WCF, MVC and ASP .NET video tutorials for beginners http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss, implementing sort functionality in an asp.net mvc application. We will be working with the same example that we started in Part 62. So, please watch Parts 62 and 63 before proceeding with this video. We want to support bi-directional sorting by Name and Gender columns. Here's the requirement 1. Name & Gender columns must be clickable hyperlinks 2. Clicking on the column headers should sort the data. If the data is not already sorted by the column on which you have clicked, the data should be sorted in ascending order. Clicking again on the same column should sort the data in descending order. 3. By default, the data should be sorted by "Name" in ascending order. By the end of this video, the output should be as shown below. Notice that "Name" and "Gender" columns are rendered as hyperlinks, which the user can click to sort data. Step 1: Modify the "Index()" action method in HomeController as shown below. public ActionResult Index(string searchBy, string search, int? page, string sortBy) { ViewBag.NameSort = String.IsNullOrEmpty(sortBy) ? "Name desc" : ""; ViewBag.GenderSort = sortBy == "Gender" ? "Gender desc" : "Gender"; var employees = db.Employees.AsQueryable(); if (searchBy == "Gender") { employees = employees.Where(x =] x.Gender == search || search == null); } else { employees = employees.Where(x =] x.Name.StartsWith(search) || search == null); } switch (sortBy) { case "Name desc": employees = employees.OrderByDescending(x =] x.Name); break; case "Gender desc": employees = employees.OrderByDescending(x =] x.Gender); break; case "Gender": employees = employees.OrderBy(x =] x.Gender); break; default: employees = employees.OrderBy(x =] x.Name); break; } return View(employees.ToPagedList(page ?? 1, 3)); } Step 2: Modify the code in Index.cshtml view as shown below. Please pay attention to the code highlighted with Grey colour. @using PagedList; @using PagedList.Mvc; @model PagedList.IPagedList[MVCDemo.Models.Employee] @{ ViewBag.Title = "Index"; } [link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" /] [div style="font-family:Arial"] [h2]Employee List[/h2] [p] @using (@Html.BeginForm("Index", "Home", FormMethod.Get)) { [b]Search By:[/b] @Html.RadioButton("searchBy", "Name", true) [text]Name[/text] @Html.RadioButton("searchBy", "Gender") [text]Gender[/text][br /] @Html.TextBox("search") [input type="submit" value="search" /] } [/p] [table border="1"] [tr] [th] @Html.ActionLink("Name", "Index", new { sortBy = ViewBag.NameSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.ActionLink("Gender", "Index", new { sortBy = ViewBag.GenderSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.DisplayNameFor(model =] model.First().Email) [/th] [th]Action[/th] [/tr] @if (Model.Count() == 0) { [tr] [td colspan="4"] No records match search criteria [/td] [/tr] } else { foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.Email) [/td] [td] @Html.ActionLink("Edit", "Edit", new { id = item.ID }) | @Html.ActionLink("Details", "Details", new { id = item.ID }) | @Html.ActionLink("Delete", "Delete", new { id = item.ID }) [/td] [/tr] } } [/table] @Html.PagedListPager(Model, page =] Url.Action("Index", new { page, searchBy = Request.QueryString["searchBy"], search = Request.QueryString["search"], sortBy = Request["sortBy"] }), new PagedListRenderOptions() { Display = PagedListDisplayMode.IfNeeded }) [/div]
Views: 66276 kudvenkat
Event bubbling in JavaScript
 
15:01
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/event-bubbling-in-javascript.html What is event bubbling Let us understand this with an example. HTML elements can be nested inside each other. For example a button element can be nested inside a span element and the span element inturn can be nested inside a div element. Notice that we have onclick attribute specified for all the 3 elements. [html] [head] [style type="text/css"] .styleClass { display: table-cell; border: 1px solid black; padding: 20px; text-align: center; } [/style] [/head] [body] [div class="styleClass" onclick="alert('Div click handler')"]DIV element [span class="styleClass" onclick="alert('Span click handler')"]Span element [input type="button" value="Click me" onclick="alert('Button click handler')" /] [/span] [/div] [/body] [/html] A click on the button, causes a click event to be fired on the button. The button click event handler method handles the event. The click event then bubbles up to the button element parent (span element), which is handled by the span element event handler method. The click event then bubbles up to the span element parent (div element). This is called event bubbling. Notice that if you click on the [span] element, it's event handler and it's parent([div]) element event handler are called. If you click on the [div] element, just the [div] element event handler method is called. So, the event bubbling process starts with the element that triggered the event and then bubbles up to the containing elements in the hierarchy. The following example is similar to the one above, except we removed the onclick attribute from button and span elements. Because of event bubbling, when you click on the button or the span element, the event gets handled by the div element handler. [html] [head] [style type="text/css"] .styleClass { display: table-cell; border: 1px solid black; padding: 20px; text-align: center; } [/style] [/head] [body] [div class="styleClass" onclick="alert('Click event handled by DIV element')"]DIV element [span class="styleClass"]Span element [input type="button" value="Click me"/] [/span] [/div] [/body] [/html] When the event gets bubbled, the keyword this references the current element to which the event is bubbled. In the example below, we are using "this" keyword to reference the current div element and change it's border color. When you click on the innermost [div] element, all the 3 [div] elements border get changed due to event bubbling. [html] [head] [style type="text/css"] .divStyle { display: table-cell; border: 5px solid black; padding: 20px; text-align: center; } [/style] [/head] [body] [div id="DIV1" class="divStyle"] DIV 1 [div id="DIV2" class="divStyle"] DIV 2 [div id="DIV3" class="divStyle"] DIV 3 [/div] [/div] [/div] [script type="text/javascript"] var divElements = document.getElementsByTagName('div'); for (var i = 0; i [ divElements.length; i++) { divElements[i].onclick = function () { this.style.borderColor = "red"; alert(this.getAttribute("id") + " backgound changed"); } } [/script] [/body] [/html] Stopping event bubbling : If you don't want the event to be bubbled up, you can stop it. With Internet Explorer 8 and earlier versions event.cancelBubble = true With Internet Explorer 9 (and later versions) & all the other browsers event.stopPropagation()
Views: 57877 kudvenkat
CSS Collapse Table Border-Hindi
 
02:44
What is the use of CSS Collapse Table Border and how to use it to make website more beautiful. You can download all the examples from 1st video of CSS Tutorial-CSS Overview Facebook- https://www.facebook.com/PooriPadhai Google Plus- https://plus.google.com/+PooriPadhai Twitter- https://twitter.com/pooripadhai Pooripadhai - http://pooripadhai.com/
Views: 408 Poori Padhai
25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial
 
10:01
Table In HTML and CSS | How To Create A Table| Learn HTML and CSS | HTML Tutorial | CSS Tutorial. In this HTML tutorial you will learn how t o create a table in HTML and CSS. You will also learn how to style an HTML table. ➤ GET ACCESS TO MY LESSON MATERIAL HERE! First of all, thank you for all the support you have given me! I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you! I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach. I hope you will find it helpful :) Material for this lesson: https://www.patreon.com/posts/html-25-download-16936599
Views: 54526 mmtuts
how to change css using jquery
 
08:39
http://sufferingitbastards.com/
Views: 1590 dnanetwork
jQuery Tutorials: How to select parent of an HTML element
 
04:37
To help us make more such videos, like or share them with your friends. Click here to subscribe to the channel https://www.youtube.com/c/WebTechoTutorials?sub_confirmation=1
Views: 242 WebTecho Tutorials
Type Numeric Values in Text box Using jQuery in Tamil
 
07:55
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 Smooth Scroll Using jQuery in Tamil How to Disable Mouse Right Click Using jQuery in Tamil Type Numeric Values in Text box 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: 659 Tutor Joe's Stanley
HTML & HTML5 Table Tutorial Bangla 10
 
06:43
HTML & HTML5 Html beautiful Table style Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 76 Answer BD
Custom Data Attributes HTML JavaScript CSS Tutorial
 
11:58
Source: http://www.developphp.com/video/JavaScript/Custom-Data-Attributes-HTML-JavaScript-CSS-Tutorial Learn to use custom data attributes. Custom data attributes allow authors to create custom data to apply to their HTML elements when no other attributes make sense to use to store extra data. They help extend the information that html elements can communicate to a program or script. Custom data attributes can be accessed through both JavaScript and CSS.
Views: 28359 Adam Khoury
HTML & HTML5 Form Input A to Z Tutorial Bangla 11
 
40:36
html tutorial in bangla html tutorial for beginners HTML & HTML5 Form input type select option submit search Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 246 Answer BD
How to Do Picture Border Colors in HTML : HTML, CSS & More
 
01:20
Subscribe Now: http://www.youtube.com/subscription_center?add_user=ehowtech Watch More: http://www.youtube.com/ehowtech Doing picture border colors in HTML is something that you can do in a couple of styles, like solid. Do picture border colors in HTML with help from a self-taught web developer with skills in PHP, JQuery, Ajax, HTML and CSS in this free video clip. Expert: Christina Chiu Filmmaker: Victor Varnado Series Description: Computer programming involves a lot more than just basic HTML - it also involves languages like CSS or JQuery. Get tips on HTML, CSS and more with help from a self-taught web developer with skills in PHP, JQuery, Ajax, HTML and CSS in this free video series.
Views: 2154 eHowTech
Arabic jQuery Practical Course #015 - Buttons With Effects Part 4
 
08:26
Create Buttons With Effects Part 4 You can do this with Pure Css but this is for Practice on jQuery
Views: 3202 Elzero Web School