Home
Search results “Font style arial in html”
HTML video tutorial - 19 - html font tag
 
09:14
HTML font tag: html font tag is used to change the font face, font color and font size. html font tag is a paired tag. font tag has three important attributes: size: used to change the size of the font (min =1 and max =7). color: used to change the color of the text. face: used to change the font style or font face of the text. Fonts can be broadly categorized as: Serif and Sans-Serif Serif fonts: Serif fonts contain extra arms and base at the end of the line strokes. Ex: Times New Roman Sans serif fonts: without serif. Ex: Arial Use serif fonts for heading. Use sans serif fonts for paragraphs. Font family: Arial Font face: Arial black, Arial narrow etc Example Code: <html> <head> <title>HTML attributes</title> </head> <body> Hello <font size="5">HTML!</font> <br/> Hello <font size="5" color="red">HTML!</font> <br/> Hello <font size="5" color="red" face="arial">HTML!</font> <br/> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/FNe2vmUsLiQ Follow the link for previous video: https://youtu.be/MqBB5FX3VXw ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== HTML Questions & Answers ====================== 1. Which of the following HTML code is valid code? a. colour=’red” b. color=”red’ c. color="red" d. colour="red" Answer: c 2. Which of the following attribute(s) we can use with font tag? a. size b. face c. color d. All of above Answer: d ========================================================
Views: 5482 Chidre'sTechTutorials
HTML | Div font family arial
 
01:05
HTML Code Example: Div font family arial http://html-css.happycodings.com/div-font-family-arial.html
Views: 33 HappyCodings
CSS video tutorial - 58 - CSS font family property vs HTML face attribute
 
12:21
CSS font-family property vs. HTML font tag face attribute: It used to specify the font to be applied to the content of an HTML element Values: specific font name (i.e. font face), specific font family name, generic font family name Ex: font-family : ‘Arial Black’; font-family : ‘Arial Black’, Arial; font-family : ‘Arial Black’, Arial, sans-serif; ======================================================== Follow the link for next video: https://youtu.be/WJfSq3--9iI Follow the link for previous video: https://youtu.be/uotllL0i52w ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== CSS Questions & Answers ======================== 1. Which CSS property is used to apply font to html element content? a. font b. font-face c. font-family d. font-name Answer: c ========================================================
HTML & CSS : Embedding custom fonts with @font-face
 
08:26
Don't like default fonts like Arial or, Helvetica? In this tutorial I'll go through how you can go about embedding your own custom fonts onto a website. Don't forget to leave your suggestions for future tutorials down in the comments. Keep me busy with these weekly videos, bare in mind I am restricted to HTML & CSS for now, thanks. It's a short and simple tutorial but nonetheless, hope it has helped at least one person out. :) Website: http://www.mjdwebdesign.co.uk • Twitter - http://www.twitter.com/mjdwebdesign • Dribbble - http://www.dribbble.com/mjdwebdesign • Facebook - https://www.facebook.com/mjdwebdesign • Facebook Community Page - https://www.facebook.com/matthew.dewhurst.75 If you have any feedback or suggestions feel free to leave them down in the comments section below. Thanks for watching - If you enjoyed this video or it helped you in any way please go ahead and hit that like button to support the video. To support and keep up to date with the channel be sure to subscribe if you haven't already. Alright, that's about it from me - I will see you, in the next one!
Views: 72730 mjdwebdesign
How to Change Color, Font, and Size of a Text in HTML
 
03:02
Yo Guys? What's Up? How is your experience with Alphixia? Hope you all are having a good time with us. So In this video you will learn how to change the color, font and size of a Text in HTML. This can be done with the two tags - The font tag and they style tag. But the font tag has been deprecated by the World Wide Consortium (W3Consortium) and has suggested to use the style tag instead. Both ways are explained thoroughly and you will easily understand it. You can learn more such things by checking out our channel for more Tutorials of HTML. You can also ask your doubts and get satisfying answers by our Experts. You can contact us at [email protected] or leave a message. You can also ask your questions on our site www.alphixia.weebly.com I sincerely Thank You for watching this and I hope that Alphixia has helped you. We will keep helping , as we think it is our religion to help people! Thanks! Nick - Co Owner
Views: 228643 Alphixia
HTML Tutorial For Beginners Tutorial 12 Font Style And Size
 
03:37
HTML FONT NAMES Arial, Helvetica, sans-serif "Arial Black", Gadget, "Comic Sans MS", Impact, Charcoal, Tahoma, Geneva Verdana,
Views: 142 Programming Worm
Increase decrease font size using jquery
 
07: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/05/increase-decrease-font-size-using-jquery.html In this video we will discuss how to increase, decrease and reset font size using jQuery Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <style> .divClass { font-size: 16px; background-color: #E3E3E3; width: 500px; padding: 5px; } </style> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#linkIncrease').click(function () { modifyFontSize('increase'); }); $('#linkDecrease').click(function () { modifyFontSize('decrease'); }); $('#linkReset').click(function () { modifyFontSize('reset'); }) function modifyFontSize(flag) { var divElement = $('#divContent'); var currentFontSize = parseInt(divElement.css('font-size')); if (flag == 'increase') currentFontSize += 3; else if (flag == 'decrease') currentFontSize -= 3; else currentFontSize = 16; divElement.css('font-size', currentFontSize); } }); </script> </head> <body style="font-family:Arial"> Font-Size: <a id="linkIncrease" href="#">Increase</a> <a id="linkDecrease" href="#">Decrease</a> <a id="linkReset" href="#">Reset</a> <br /><br /> <div id="divContent" class="divClass"> <b>jQuery Tutorial</b> <ul> <li>What is jQuery</li> <li>What is $(document).ready(function() in jquery</li> <li>Benefits of using CDN</li> <li>#id selector</li> <li>Element Selector</li> <li>class selector</li> <li>attribute selector</li> <li>attribute value selectors</li> <li>case insensitive attribute selector</li> <li>jQuery input vs :input</li> </ul> </div> </body> </html>
Views: 22150 kudvenkat
HTML Font Styles
 
07:00
This presentation shows you how to use styles to change HTML font families and sizes.
Views: 10912 MindsEdge2006
Microsoft word shortcut: How to change font size and font style
 
01:20
In this video you will learn how to change font size and font style by using easy shortcut keys in Microsoft word. for more detail click on this link http://bsocialshine.blogspot.in/2013/11/microsoft-word-shortcut-how-to-change.html
Views: 12237 MJ Tube
Styling angular 2 components
 
11:18
Text version of the video http://csharp-video-tutorials.blogspot.com/2017/06/styling-angular-2-components.html Slides http://csharp-video-tutorials.blogspot.com/2017/06/styling-angular-2-components_13.html Angular 2 Tutorial playlist https://www.youtube.com/playlist?list=PL6n9fhu94yhWqGD8BuKuX-VTKqlNBj-m6 Angular 2 Text articles and slides http://csharp-video-tutorials.blogspot.com/2017/06/angular-2-tutorial-for-beginners_12.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss the different options available to apply styles to Angular Components. The following are the different options available to style this "employee component" Option 1: Specify the following table and td styles in external stylesheet - styles.css table { color: #369; font-family: Arial, Helvetica, sans-serif; font-size: large; border-collapse: collapse; } td { border: 1px solid black; } Advantages : 1. Visual Studio editor features (Intellisense, Code completion & formatting) are available. 2. Application maintenance is also easy as we only have to change the styles in one place if we need to change them for any reason. Disadvantages : 1. The Stylesheet that contains the styles must be referenced for the component to be reused. 2. Since styles.css is referenced in index.html page, these styles may affect the table and td elements in other components, and you may or may not want this behaviour. Option 2 : Specify the styles inline in the component HTML file as shown below. [table style="color: #369;font-family: Arial, Helvetica, sans-serif; font-size:large;border-collapse: collapse;"] [tr] [td style="border: 1px solid black;"]First Name[/td] [td style="border: 1px solid black;"]{{firstName}}[/td] [/tr] [tr] [td style="border: 1px solid black;"]Last Name[/td] [td style="border: 1px solid black;"]{{lastName}}[/td] [/tr] [tr] [td style="border: 1px solid black;"]Gender[/td] [td style="border: 1px solid black;"]{{gender}}[/td] [/tr] [tr] [td style="border: 1px solid black;"]Age[/td] [td style="border: 1px solid black;"]{{age}}[/td] [/tr] [/table] Advantages : 1. Visual Studio editor features (Intellisense, Code completion & formatting) are available. 2. Component can be easily reused as the styles are defined inline 3. Styles specified using this approach are local to the component and don't collide with styles used elsewhere in the application. Disadvantages : 1. Application maintenance is difficult. For example, if we want to change the [td] border colour to red we have to change it in several places. Option 3 : Specify the styles in the component html file using [style] tag as shown below [style] table { color: #369; font-family: Arial, Helvetica, sans-serif; font-size: large; border-collapse: collapse; } td { border: 1px solid black; } [/style] [table] [tr] [td]First Name[/td] [td]{{firstName}}[/td] [/tr] [tr] [td]Last Name[/td] [td]{{lastName}}[/td] [/tr] [tr] [td]Gender[/td] [td]{{gender}}[/td] [/tr] [tr] [td]Age[/td] [td]{{age}}[/td] [/tr] [/table] Advantages : 1. Component can be easily reused as the styles are defined inline with in the component itself 2. Application maintenance is also easy as we only have to change the styles in one place 3. Visual Studio editor features (Intellisense, Code completion & formatting) are available 4. Styles specified using this approach are local to the component and don't collide with styles used elsewhere in the application. Option 4 : Specify the styles in the component TypeScript file using the @component decorator styles property as shown below. Notice the styles property takes an array of strings containing your styles.
Views: 96258 kudvenkat
Helvetica Fonts CSS Override Tutorial by Makis.TV
 
03:53
A short tutorial that will help you get rid of those ugly Helvetica Font rendering in your FireFox and Chrome browsers. Find this tutorial @ http://www.makis.tv/wiki/override-helvetica-fonts-on-firefox-and-chrome.php ps: You can also use this code: @font-face { font-family: 'helvetica neue'; src: local('Arial'); } @font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); } instead of @font-face { font-family: 'helvetica neue'; src: local('Arial'); } and eliminate this bug for Helvetica Bold Fonts as well --------- Track: Drops of H2O ( The Filtered Water Treatment ) by J.Lang (feat. Airtone) http://ccmixter.org/files/djlang59/37792 is licensed under a Creative Commons license.
Views: 1109 Makis Mourelatos
jQuery wrap elements
 
06:52
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-wrap-elements.html In this video we will discuss how to wrap and unwrap elements The following jquery methods are used to wrap and unwrap elements. Since these methods modify DOM, they belong to DOM manipulation category. wrap unwrap wrapAll wrapInner wrap - Wrap an HTML structure around each element in the set of matched elements. Consider the following HTML <div id="div1"> DIV 1 </div> <div id="div2"> DIV 2 </div> <div id="div3"> DIV 3 </div> The following line of code wraps each of the above div element with another div element. $('div').wrap('<div class="containerDiv"></div>'); So the HTML in the DOM would now look as shown below. To view the DOM HTML use the browser developer tools. <div class="containerDiv"> <div id="div1"> DIV 1 </div> </div> <div class="containerDiv"> <div id="div2"> DIV 2 </div> </div> <div class="containerDiv"> <div id="div3"> DIV 3 </div> </div> Example : <html> <head> <title></title> <style> .containerDiv { background-color:red; color:white; font-weight:bold; margin: 5px; } </style> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { alert($('div.containerDiv').length); $('div').wrap('<div class="containerDiv"></div>'); alert($('div.containerDiv').length); }); </script> </head> <body style="font-family:Arial"> <div id="div1"> DIV 1 </div> <div id="div2"> DIV 2 </div> <div id="div3"> DIV 3 </div> </body> </html> unwrap - Remove the parents of the set of matched elements from the DOM. Example : <html> <head> <title></title> <style> .containerDiv { background-color:red; color:white; font-weight:bold; margin: 5px; } </style> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { alert($('div.containerDiv').length); $('div').wrap('<div class="containerDiv"></div>'); alert($('div.containerDiv').length); $('div').unwrap(); alert($('div.containerDiv').length); }); </script> </head> <body style="font-family:Arial"> <div id="div1"> DIV 1 </div> <div id="div2"> DIV 2 </div> <div id="div3"> DIV 3 </div> </body> </html> wrapAll - Wrap an HTML structure around all elements in the set of matched elements. Consider the following HTML <div id="div1"> DIV 1 </div> <div id="div2"> DIV 2 </div> <div id="div3"> DIV 3 </div> The following line of code wraps all of the matching div element with another div element. $('div').wrapAll('<div class="containerDiv"></div>'); So the HTML in the DOM would now look as shown below. <div class="containerDiv"> <div id="div1"> DIV 1 </div><div id="div2"> DIV 2 </div><div id="div3"> DIV 3 </div> </div> wrapInner - Wrap an HTML structure around the content of each element in the set of matched elements. Consider the following HTML <div id="div1"> DIV 1 </div> <div id="div2"> DIV 2 </div> <div id="div3"> DIV 3 </div> The following line of code wraps each of the above div element content with another div element. $('div').wrapInner('<div class="containerDiv"></div>'); So the HTML in the DOM would now look as shown below. <div id="div1"> <div class="containerDiv"> DIV 1 </div> </div> <div id="div2"> <div class="containerDiv"> DIV 2 </div> </div> <div id="div3"> <div class="containerDiv"> DIV 3 </div> </div>
Views: 43980 kudvenkat
Font Type, Font Size changing in HTML - Lesson 2
 
09:38
Hi friends , In this video you can learn how to changing Font Type and Font Size in HTML .So I showing you for changing the Font using Font tag and changing the Font Size using Font Size tag . In every paragraph or heading you can replaced by using Font Tag.You have the liberty to load any number of Fonts in your system. Suppose type less than sign FONT FACE equal double quatation ARIAL double quatation less than sign , where Arial is the Font Name, before the text whose font you want to change, Remember: you have to type the complete name of the font as it appears in the windows .
Views: 146 MCi Tech
HTML & CSS : Embedding custom fonts with @font-face
 
06:06
څه ډول مو په خپله وېبپاڼه کې پښتو لیکبڼې کارولای شو؟ Don't like default fonts like Arial or, Helvetica? In this tutorial I'll go through how you can go about embedding your own custom fonts onto a website. Don't forget to leave your suggestions for future tutorials down in the comments. Keep me busy with these weekly videos, bare in mind I am restricted to HTML & CSS for now, thanks. It's a short and simple tutorial but nonetheless, hope it has helped at least one person out. :) Website: http://www.weyaltech.com • Facebook - https://www.facebook.com/weyaltech/ If you have any feedback or suggestions feel free to leave them down in the comments section below. Thanks for watching - If you enjoyed this video or it helped you in any way please go ahead and hit that like button to support the video. To support and keep up to date with the channel be sure to subscribe if you haven't already. Alright, that's about it from me - I will see you, in the next one!
Views: 82 Nik Weyal
HTML FONT TAG
 
03:18
See my all Tutorial visit my YouTube Channel https://www.youtube.com/channel/UClFdiToyOVTedPSxDSMusCw/playlists See My Blog visit http://onlinetutorialpage.blogspot.com/ html font face list style font family html how to change font on html html how to change font size font color html html codes font html font names different html fonts html code font color html font size code font code html html font face font codes html how to change font style in html how to change the font in html html fonts styles html font colors typewriter font how to change font size in html html font family fonts how to change font size html family font list how to change font color in html font family html code html font family font color in html faces fonts html font style codes html font style html font codes font families font style html font size in html fonts html website fonts list of web fonts family fonts list standard web fonts fonts for html font-family color tag in html how to set font size in html html font family code handwriting font html font family list font types html font html style html color tag web safe font list web safe fonts how to change font in html cool fonts html list of html fonts website font html font codes list font face code html fonts font html code html tag color website font family font face list website friendly fonts web safe font font family html web safe fonts list safe fonts web friendly fonts html supported fonts list of font family font style in html code font families list font list for html arial font family font family list font family list examples html available fonts font family html list font family examples web safe font families futura font web font family colour fonts html fonts list font size html font family for web list of web safe fonts web compatible fonts code font font styles in html font names font family arial font types in html font faces fonts name and style font styles list font family font styles list font styles names fonts family font colour font face html font tag in html change font html font family names name of font styles fonts in html generic font html fonts family font size html code increase font size in html font name and style p style font color tag name style font font styles html code html code to change font color different font styles names html font style codes list style font name
Views: 595 Md. Momin
How to get a bold font(arial black) and thin font (arial narrow)
 
02:10
Well there is a code\Im just to lazy to put in the description\rI'll make a vid of that later....
Views: 4003 YTsecretz
HTML  coding #1
 
09:34
code : body { background-color: #cccccc font-family: arial, sans-serif; margin: 0% auto; } .header { width: 100%; margin: 0% auto; height: 30px; background-color: #666666; text-align: center; position: fixed; color: #ffffff; padding-top: 10px; font-size: 18px; font-weight: bold; } .content { width: 500px; margin: 0 auto; padding-top: 50px; color: #ffffff; text-align: center; height: 800px; background-color: #777777; }
Views: 61 Speed Casting
How to Add Custom Fonts in WordPress Manually and Using a Plugin
 
06:58
Are you looking to customize the font on your WordPress site to make its design exactly how you like? Not all themes have a built in method to edit the font of your site and you may be looking to change this. In this video, we will show you how to add custom fonts to your WordPress site. Font Pair website: https://fontpair.co For selecting the fonts to use on your site you can use the Font Pair website for what would work well together and then you can visit the Google Fonts website at: https://fonts.google.com Select the fonts you want to add and there should be a new section at the bottom of the page where you can see the fonts you selected to add to your WordPress site. Expand that area and ensure you are under the Embed section for the correct code that you will need to add to your header. For adding the code you would want to use the plugin Insert Headers and Footers found here: https://wordpress.org/plugins/insert-headers-and-footers/ Under Settings, Insert Headers and Footers you will add the first set of code to add the fonts to your site. With that added and saved you will want to go under Appearance, Customize, Additional CSS and there you would be able to add the second code which lets the font be visible to you and your visitors. A second method would be using the Easy Google Fonts plugin: https://wordpress.org/plugins/easy-google-fonts/ The plugin will add a new section under Appearance, Typography and there you will be able to select the font to use for each style location. We would still recommend only two fonts to prevent confusing your users. Our third method for this would be the plugin Typekit Fonts for WordPress: https://wordpress.org/plugins/typekit-fonts-for-wordpress/ With that plugin, you would be able to select fonts from the Typekit website, add the ID from the popup, and select where you want the custom font for your WordPress site to appear in your Appearance, Customize, Additional CSS section. Text version of this tutorial http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/ If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Check us out on Facebook https://www.facebook.com/wpbeginner Follow us on Twitter http://twitter.com/wpbeginner Checkout our website for more WordPress Tutorials http://www.wpbeginner.com
jQuery selected selector
 
07:41
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-selected-selector.html In this video we will discuss jQuery :selected selector. To select all checked checkboxes or radio buttons, we use :checked selector. To select all selected options of a select element use :selected selector. How to get selected option from single select dropdown in jquery : We want to get the selected option text and value Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#selectCountries').change(function () { var selectedOption = $('#selectCountries option:selected'); $('#divResult').html('Value = ' + selectedOption.val() + ', Text = ' + selectedOption.text()); }); }); </script> </head> <body style="font-family:Arial"> Country: <select id="selectCountries"> <option selected="selected" value="USA">United States</option> <option value="IND">India</option> <option value="UK">United Kingdom</option> <option value="CA">Canada</option> <option value="AU">Australia</option> </select> <br /><br /> <div id="divResult"></div> </body> </html> How to get all selected options from multi select dropdown in jquery : We want to get all the selected options text and value. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#selectCountries').change(function () { var selectedOptions = $('#selectCountries option:selected'); if (selectedOptions.length > 0) { var resultString = ''; selectedOptions.each(function () { resultString += 'Value = ' + $(this).val() + ', Text = ' + $(this).text() + '<br/>'; }); $('#divResult').html(resultString); } }); }); </script> </head> <body style="font-family:Arial"> <select id="selectCountries" multiple="multiple"> <option selected="selected" value="USA">United States</option> <option value="IND">India</option> <option value="UK">United Kingdom</option> <option value="CA">Canada</option> <option value="AU">Australia</option> </select> <br /><br /> <div id="divResult"></div> </body> </html> Please note : Hold down the CTRL key, to select more than one item.
Views: 72104 kudvenkat
Part 76   ValidateInput attribute in mvc
 
06:08
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/08/part-76-validateinput-attribute-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss ValidateInput attribute. This attribute is used to enable or disable request validation. By default, request validation is enabled in asp.net mvc. Let's understand this with an example. Step 1: Create an asp.net mvc4 application using Empty template. Step 2: Add a HomeController. Copy and paste the following code. public class HomeController : Controller { public ActionResult Index() { return View(); } [HttpPost] public string Index(string comments) { return "Your Comments: " + comments; } } Step 3: Add Index.cshtml view. Copy and paste the following code. [div style="font-family:Arial"] @using (Html.BeginForm()) { [b]Comments:[/b] [br /] @Html.TextArea("comments") [br /] [br /] [input type="submit" value="Submit" /] } [/div] Step 4: Navigate to /Home/Index. Type the following text in the "Comments" textbox and click "Submit". [h1]Hello[/h1] Notice that, you get an error - A potentially dangerous Request.Form value was detected from the client (comments="[h1]Hello[/h1]"). This is because, by default, request validation is turned on in asp.net mvc and does not allow you to submit any HTML, to prevent XSS (Cross site scripting attacks). We discussed XSS in Part XX of asp.net mvc tutorial. However, in some cases, you want the user to be able to submit HTML tags like [b],[u] etc. For this to happen, we need to turn off request validation, by decorating the action method with ValidateInput attribute as shown below. [HttpPost] [ValidateInput(false)] public string Index(string comments) { return "Your Comments: " + comments; } At this point, you should be able to submit comments, with HTML tags in it. Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.
Views: 53844 kudvenkat
01 - First HTML, Heading, paragraph and Styling
 
01:29
First HTML, Heading, paragraph and Styling color and font family of Arial
Views: 11 Web Sipalu
jQuery DOM manipulation methods
 
16:55
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-dom-manipulation-methods.html In this video we will discuss 1. What are jQuery DOM manipulation methods 2. How to set attribute values using jQuery attr() method 3. How to retrieve attribute values using jQuery attr() method 4. How to set multiple attribute values using jQuery attr() method 5. How to remove an attribute using jQuery removeAttr() method What are jQuery DOM manipulation methods jQuery DOM manipulation methods manipulate the DOM in some manner. The complete list of jQuery DOM manipulation methods can be found at the following link. http://api.jquery.com/category/manipulation/ jQuery attr method is used to set or retrieve attribute values of html elements. Retrieves the title attribute value of the first matching element $('div').attr('title') Example : In this example we have 2 DIV elements. Since attr() function retrieves only the attribute value of first matching element, we only get the title attribute value of the first DIV element. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { alert($('div').attr('title')); }); </script> </head> <body style="font-family:Arial"> <div id="div1" title="My DIV1"> DIV 1 </div> <div id="div2" title="My DIV2"> DIV 2 </div> </body> </html> To retrieve the title attribute value of all the matching elements, jQuery each() method can be used. <script type="text/javascript"> $(document).ready(function () { $('div').each(function () { alert($(this).attr('title')); }); }); </script> Sets the title attribute value of all the matching elements to "new div title" $('div').attr('title', 'new div title'); Example : If you want to set the same value for the title attribute of all the elements, then there is no need to loop thru each element. All the div elements in this case will have 'new div title' as the title attribute value. <script type="text/javascript"> $(document).ready(function () { // set the same title attribute value for all the DIV elements $('div').attr('title', 'new div title'); // Retrieve and alert the title attribute value of all DIV elements $('div').each(function () { alert($(this).attr('title')); }); }); </script> If you want to set a different value for the title attribute, then you may need to loop thru each element. <script type="text/javascript"> $(document).ready(function () { // sets a different title attribute value for each DIV element $('div').each(function (i) { $(this).attr('title', 'div ' + (i + 1) + ' title'); }); // Retrieve and alert the title attribute value of all DIV elements $('div').each(function () { alert($(this).attr('title')); }); }); </script> How to set multiple attribute values : Using a JSON object to set multiple attribute values <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var config = { 'title': 'New Div Title', 'style': 'border:3px solid red;', 'name': 'My Div' }; $('div').attr(config); var result = ''; $('div').each(function () { result += 'title = ' + $(this).attr('title') + '<br/>'; result += 'style = ' + $(this).attr('style') + '<br/>'; result += 'name = ' + $(this).attr('name') + '<br/><br/>'; }); $('#resultSpan').html(result); }); </script> </head> <body style="font-family:Arial"> <div id="div1" title="My DIV1"> DIV 1 </div> <br /> <div id="div2" title="My DIV2"> DIV 2 </div> <br /> <span id="resultSpan"> </span> </body> </html> Instead of creating a separate JSON object (config) and then passing it to attr() method, you can create the JSON object inline. $('div').attr({ 'title': 'New Div Title', 'style': 'border:3px solid red;', 'name': 'My Div' });
Views: 64430 kudvenkat
jQuery checked selector
 
10:35
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/jquery-checked-selector.html In this video we will discuss the jQuery :checked selector. The :checked selector selects all checked checkboxes or radio buttons. Let us understand this with an example. Selects all checked radio button elements $('input[type="radio"]:checked') Example : When you click the submit button without selecting any radio button, "No radio button checked" message should be displayed. When you click the submit button after a radio button is checked, then a message stating "Male is checked" or "Female is checked" should be displayed. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnSubmit').click(function () { var result = $('input[type="radio"]:checked'); if (result.length > 0) { $('#divResult').html(result.val() + " is checked"); } else { $('#divResult').html("No radio button checked"); } }); }); </script> </head> <body style="font-family:Arial"> Gender : <input type="radio" name="gender" value="Male">Male <input type="radio" name="gender" value="Female">Female <br /><br /> <input id="btnSubmit" type="submit" value="submit" /> <br /><br /> <div id="divResult"> </div> </body> </html> Selects all checked checkbox elements $('input[type="checkbox"]:checked') Example : When you click the submit button without checking any checkbox, "No checkbox checked" message should be displayed. When you click the submit button after checking a checkbox, then a message stating the number of checkboxes checked and their values should be displayed. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnSubmit').click(function () { var result = $('input[type="checkbox"]:checked'); if (result.length > 0) { var resultString = result.length + " checkboxe(s) checked<br/>"; result.each(function () { resultString += $(this).val() + "<br/>"; }); $('#divResult').html(resultString); } else { $('#divResult').html("No checkbox checked"); } }); }); </script> </head> <body style="font-family:Arial"> Skills : <input type="checkbox" name="skills" value="JavaScript" />JavaScript <input type="checkbox" name="skills" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <input type="checkbox" name="skills" value="VB" />VB <br /><br /> <input id="btnSubmit" type="submit" value="submit" /> <br /><br /> <div id="divResult"> </div> </body> </html>
Views: 90672 kudvenkat
font size  10px;font family  Roboto, Arial, sans serif; background color  #fafafa;
 
38:26
VÍDEO DE LA CANTANTE ITALIANA NILLA PIZZI
Views: 351 Diego Jimenez
Angular layout template
 
04:33
angularjs routing layout In this video we will discuss creating the angular layout template. This is continuation to Part 23, please watch Part 23 from AngularJS tutorial before proceeding. Here are the steps Step 1. Copy and paste the following HTML in the body section of the page. [table style="font-family: Arial"] [tr] [td colspan="2" class="header"] [h1] WebSite Header [/h1] [/td] [/tr] [tr] [td class="leftMenu"] [a href="#/home"]Home[/a] [a href="#/courses"]Courses[/a] [a href="#/students"]Students[/a] [/td] [td class="mainContent"] [ng-view][/ng-view] [/td] [/tr] [tr] [td colspan="2" class="footer"] [b]Website Footer[/b] [/td] [/tr] [/table] Please note : 1. The partial templates (home.html, courses.html & students.html) will be injected into the location where we have ng-view directive. 2. For linking to partial templates we are using # symbol in the href attribute. This tells the browser not to navigate away from index.html. In a later video we will discuss how to get rid of the # symbol. Step 2. Add a stylesheet to your project. Name it styles.css. Copy and paste the following. .header { width: 800px; height: 80px; text-align: center; background-color: #BDBDBD; } .footer { background-color: #BDBDBD; text-align: center; } .leftMenu { height: 500px; background-color: #D8D8D8; width: 150px; } .mainContent { height: 500px; background-color: #E6E6E6; width: 650px; } a{ display:block; padding:5px } Step 3 : Finally add a reference to styles.css in index.html page. At this point the HTML in the layout page (index.html) should be as shown below. [!DOCTYPE html] [html xmlns="http://www.w3.org/1999/xhtml" ng-app="Demo"] [head] [title][/title] [script src="Scripts/angular.min.js"][/script] [script src="Scripts/angular-route.min.js"][/script] [link href="Styles.css" rel="stylesheet" /] [/head] [body] [table style="font-family: Arial"] [tr] [td colspan="2" class="header"] [h1] WebSite Header [/h1] [/td] [/tr] [tr] [td class="leftMenu"] [a href="#/home"]Home[/a] [a href="#/courses"]Courses[/a] [a href="#/students"]Students[/a] [/td] [td class="mainContent"] [ng-view][/ng-view] [/td] [/tr] [tr] [td colspan="2" class="footer"] [b]Website Footer[/b] [/td] [/tr] [/table] [/body] [/html] In our next video, we will discuss creating the partial templates i.e home.html, courses.html and students.html 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/2016/02/angular-layout-template.html
Views: 154431 kudvenkat
Desenvolvimento Web - HTML e CSS - #02 - Formatação de Texto com CSS
 
16:25
Fala fera! Nessa vídeo aula, iremos aprender como formatar textos usando o CSS. Tags apresentadas na aula: p : Criar parágrafos link : Linkar algo à sua página style : Para dar o estilo da sua página, nesse caso, com o CSS. Atributos do CSS: font-size = alterar o tamanho da fonte do seu texto color * = alterar a cor do texto font-family = alterar a fonte do texto (exemplo: Arial, Times New Roman e etc...) font-weight: bold = deixar em negrito font-style: italic = deixar em italico text-decoration: underline = deixar sublinhado text-align: center = alinha o texto no centro text-align: right = alinha o texto do lado direito text-align: left = alinha o texto do lado esquerdo text-align: justify = alinha o texto como justificado * O atributo "color" deve ser preenchido usando a notação HTML. Exemplo para a cor Vermelha: #ff0000 Para melhor visualização dos códigos acesse: http://www.falafera.com/2016/07/desenvolvimento-web-html-e-css-02.html Programas citados na aula (são GRATUITOS): Gimp: http://www.gimp.org/downloads/ Notepad++ (para Windows): https://notepad-plus-plus.org/download/ Notepadqq (para Linux): http://notepadqq.altervista.org/wp/download/ Músicas usadas (todas do acervo gratuito do Youtube): 1)Abracadabra - Silent Partner 2)Whistling Down the Road - Silent Partner 3)Chances - Silent Partner 4)Get Back - Silent Partner 5)How it Began - Silent Partner 6)North - Silent Partner
Views: 4355 Fala Fera
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: 49833 kudvenkat
How ti given Font Family in HTML Programs?
 
15:13
Computer Learning Tutorials There are two types of font family names: family-name - The name of a font-family, like "times", "courier", "arial", etc. generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace". What are the five font families? What are the fonts in HTML? What fonts can you use in HTML? What are the attributes of font tag in HTML?
Views: 10 Tech Dhuliyan
Font Does not appear Arial Italic Problem in computer
 
04:10
common problem Font Does not appear Arial Italic Problem in computer check out this new amazing product Oppo F1plus worth buying friends my friend just bought and it is soo ossam just check it out friends http://www.amazon.in/Android-Lollipop-Mobile-Octacore-Cortex/dp/B01E8RBVWG/ref=sr_1_3?s=electronics&ie=UTF8&qid=1469005693&sr=1-3&keywords=oppo+f1+plus
CSS - Upgrading HTML Tags with Style: Creating a Website Made Easy
 
20:00
Lesson on Upgrading HTML Tags to CSS Style from Udemy online course: Creating a Website Made Easy Full course description and 25% discount coupon: http://tharsishighlands.com/online-courses/creating-a-website-made-easy/ Transcript: In this lesson, we will take many of the basic HTML tags and use them as CSS element selectors to upgrade their style. In CSS, the HTML tags are called "elements." BODY First, we start with the [body] tag element (YouTube does not allow angle brackets in description). When you first set up your main CSS file, you typically want to establish the basics for your entire page. These can include, • background-color • background-image • default font-size, color and font-family All of these can be handled in the body element. For example, body { background-color: linen; background-image: url("pix/tree.jpg"); font-family: Vera, Arial, Helvetica, sans-serif; font-size: 15px; color: #24425C; } SELECTORS We've already seen a little about CSS syntax. For example, h1 { color: blue; } Each CSS style starts with a selector and is followed by one or more declarations within open and close braces — each declaration being a property-value pair: { property: value } Element selectors select all HTML tags of the same name. For instance, for the [p] tag, p { text-align: center; color: red; } [p]All paragraphs with only the p tag are centered and red. This is a demonstration of how the element selector works.[/p] The ID selector uses the ID attribute of an HTML element to select that specific element. ID is a unique identifier. On any one page, there can be only one of that ID. Also, the ID name cannot start with a numeral. For example, #first_heading { color: red; } [h1 id="first_heading"]This is the First Heading on the Page[/h1] The class selector selects all elements with a specific class attribute. .quote { border-style: solid; border-width: 1px; border-color: #880000; padding: 5px; font-size: 18px; font-style: italic; } Here, we see a class called "quote" which uses larger type, italics and a dark red border. Next, is the HTML which uses that class. [p class="quote"]"There are more things in heaven and earth, Horatio, than are dreamt of in your philosophy."[/p] A class can be restricted to only one element type. For example, p.first { text-indent: 0px; } This can be helpful if all other paragraphs are given an indent. The first paragraph after a heading can be made flush left. We can also use more than one class at a time. For example, [p class="first quote"]"Houston, we have a problem..."[/p] We've already seen how selectors which share property values can be grouped. h1, h2, h3 { color: steelblue; } In the earlier lesson on the Head section, we learned how to link to an external style sheet — a file with sets of selectors and declarations. For internal CSS, you have the same selector-declaration combinations, but set within open and close [style] tags. [head] [style] body { background-color: darkslateblue; } [/style] [/head] And for inline CSS, you have the same selector-declaration combinations within a style attribute. [p style="text-indent: 50px; color: steelblue;"]This is important text.[/p] Multiple Styles Cascade into One CSS statements have a sequence of priority. The lowest priority of style is the browser defaults. Next are the external and internal style sheets in the head section. Sequence matters, so if you link to your external style sheet after the internal style declarations, the external CSS takes priority over the internal. Finally, the inline style declarations take the highest priority. For all style information that uses the same selectors, the highest priority replaces the lower priorities. For example, External: p { color: blue; text-indent: 30px; } Internal: p { color: green; } Inline: p { color: red; } The final style is: p { color: red; text-indent: 30px; } Background: The following properties control the background of HTML elements. • background-color • background-image • background-repeat • background-attachment • background-position Example: body { background-color: blue; } As we've already learned, colors can be specified, • As Hex — like "#00ffff" • As RGB — like "rgb(0,255,255)" • By name — like "aqua" We will learn more about colors and the new CSS3 color specification in a later lesson. Background Image: The default behavior of a background image is to repeat the image both vertically and horizontally in order to fill the entire background of the element with the selected picture. body { background-image: url("pix/sandbaked.gif"); } [...] In the next lesson, we talk about fonts, tables and links. Music: "Acid Jazz," "Darkness Speaks," and "Fanfare for Space" by Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 3.0 http://creativecommons.org/licenses/by/3.0/ Still: Clear Creek 5 by ImBooToo via Morguefile.com.
Views: 1409 Rod Martin, Jr.
Part 38   CheckBoxList in asp net mvc
 
15:57
In this video we will discuss implementing a checkbox list in asp.net mvc. We will be using table "tblCity" for this demo. Using the link below for, Sql script to create table tblCity http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Add ADO.NET data model, to retrieve data from database table tblCity Right click on the "Controllers" folder, and add a "HomeController". Include the following 2 namespaces in "HomeController" using MVCDemo.Models; using System.Text; Copy and paste the following code. [HttpGet] public ActionResult Index() { SampleDBContext db = new SampleDBContext(); return View(db.Cities); } [HttpPost] public string Index(IEnumerable[City] cities) { if (cities.Count(x =] x.IsSelected) == 0) { return "You have not selected any City"; } else { StringBuilder sb = new StringBuilder(); sb.Append("You selected - "); foreach (City city in cities) { if (city.IsSelected) { sb.Append(city.Name + ", "); } } sb.Remove(sb.ToString().LastIndexOf(","), 1); return sb.ToString(); } } Right click on the "Views" folder, and a "Home" folder. Right click on the "Home" folder and "EditorTemplates" folder. Right click on "EditorTemplates" folder - Add - View. In the "Add View" dialog box, set View Name = City View Engine = Razor and click "Add". Copy and paste the following code in "City.cshtml" @model MVCDemo.Models.City @{ ViewBag.Title = "City"; } @Html.HiddenFor(x =] x.ID) @Html.HiddenFor(x =] x.Name) @Html.CheckBoxFor(x =] x.IsSelected) @Html.DisplayFor(x =] x.Name) Please Note: Put the templates in "Shared" folder, if you want the "Templates", to be available for all the views. Right click on the "Index" action method in "HomeController", and select "Add View" from the contex menu. Set View Name = Index View Engine = Razor and click "Add" Copy and paste the following code in "Index.cshtml" @model IEnumerable[MVCDemo.Models.City] @{ ViewBag.Title = "Index"; } [div style="font-family:Arial"] [h2]Index[/h2] @using (Html.BeginForm()) { @Html.EditorForModel() [br /] [input type="submit" value="Submit" /] } [/div] Text version of the video http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-38-checkboxlist-in-aspnet-mvc.html All ASP .NET MVC Text Articles http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-tutorial-for-beginners.html All ASP .NET MVC Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-slides.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 110970 kudvenkat
Part 39   ListBox in asp net mvc
 
14:23
In this video we will discuss implementing ListBox in asp.net mvc. We will be using table "tblCity" for this demo. Please refer to Part 38, if you need the sql script to create and populate this table. Please watch Part 38, before proceeding. The generated listbox should be as shown below. Notice that for each city in table "tblCity", there is an entry in the listbox. For this demo, we will be using the "City" entity that we generated using ADO.NET entity framework, in Part 38. The first step is to create a ViewModel class. In asp.net mvc, view model's are used as techniques to shuttle data between the controller and the view. Right click on the "Models" folder, and add a class file with name=CitiesViewModel.cs. Copy and paste the following code. This class is going to be the Model for the view. public class CitiesViewModel { public IEnumerable[string] SelectedCities { get; set; } public IEnumerable[SelectListItem] Cities { get; set; } } Right click on the "Controllers" folder, and add a "HomeController". Include the following 2 namespaces in "HomeController" using MVCDemo.Models; using System.Text; Copy and paste the following code. [HttpGet] public ActionResult Index() { SampleDBContext db = new SampleDBContext(); List[SelectListItem] listSelectListItems = new List[SelectListItem](); foreach (City city in db.Cities) { SelectListItem selectList = new SelectListItem() { Text = city.Name, Value = city.ID.ToString(), Selected = city.IsSelected }; listSelectListItems.Add(selectList); } CitiesViewModel citiesViewModel = new CitiesViewModel() { Cities = listSelectListItems }; return View(citiesViewModel); } [HttpPost] public string Index(IEnumerable[string] selectedCities) { if (selectedCities == null) { return "No cities selected"; } else { StringBuilder sb = new StringBuilder(); sb.Append("You selected - " + string.Join(",", selectedCities)); return sb.ToString(); } } Right click on the "Index" action method in "HomeController" and select "Add View" from the context menu. Set View Name = Index View Engine = Razor and click "Add". Copy and paste the following code in "Index.cshtml" @model MVCDemo.Models.CitiesViewModel @{ ViewBag.Title = "Index"; } [div style="font-family:Arial"] [h2]Index[/h2] @using (Html.BeginForm()) { @Html.ListBoxFor(m =] m.SelectedCities, Model.Cities, new { size = 4 }) [br /] [input type="submit" value="Submit" /] } [/div] Note: To select multiple items from the listbox, hold down the CTRL Key. Text version of the video http://csharp-video-tutorials.blogspot.com/2013/06/part-39-listbox-in-aspnet-mvc.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-39-listbox-in-aspnet-mvc.html All ASP .NET MVC Text Articles http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-tutorial-for-beginners.html All ASP .NET MVC Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-slides.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 86526 kudvenkat
jQuery add event handler to dynamically created element
 
09:15
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-add-event-handler-to-dynamically.html In this video we will discuss, how to add event handlers to dynamically created elements. Let us understand this with an example. The following example, allows us to dynamically create new list item (li), attach a click event handler and add it to the unordered list (ul). This happens when you click "Add a New List Item" button. The problem with this approach is that we are binding a click event handler to every list item. This means if you have 500 list items, then there will be 500 event handlers in the memory and this may negatively affect the performance of your application. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('li').on('click', function () { $(this).fadeOut(500); }); $('#btnAdd').on('click', function () { var newListItem = $('<li>New List Item</li>').on('click', function () { $(this).fadeOut(500); }); $('ul').append(newListItem); }); }); </script> </head> <body style="font-family:Arial"> <input id="btnAdd" type="button" value="Add a New List Item" /> <ul> <li>List Item</li> <li>List Item</li> </ul> </body> </html> A better way of doing the same from a performance standpoint is shown below. In this example, the click event handler is attached to the listitem (li) parent element (ul). Even if you have 500 list items, there is only one click event handler in memory. So how does this work 1. When you click on a list item (li), the event gets bubbled up to its parent (ul) as the list item (li) does not have an event handler 2. The bubbled event is handled by the the parent (ul) element, as it has a click event handler. 3. When a new list item is added dynamicaly, you don't have to add the click event handler to it. Since the newly created list item (li) is added to the same parent element (ul), the click event of this list item also gets bubbled upto the same parent and will be handled by it. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('ul').on('click', 'li', function () { $(this).fadeOut(500); }); $('#btnAdd').on('click', function () { $('ul').append('<li>New List Item</li>'); }); }); </script> </head> <body style="font-family:Arial"> <input id="btnAdd" type="button" value="Add a New List Item" /> <ul> <li>List Item</li> <li>List Item</li> </ul> </body> </html>
Views: 55866 kudvenkat
How-to|Download|best&beautiful-cool-fonts|for|Your Website(font-style)
 
01:30
Arial, Your days are over! dafont.com is one of the finest websites for finding the correct and appropriate fonts for your website and make your website attractive. Ever seen a cool font and wished you want to have a font style like that ? The dafont.com website is full of fonts for every category and style of website. Please Like,Subscribe and Share for more video tutorials like this. Intro Music By: www.bensound.com Our facebook page is: https://www.facebook.com/ToorTech/ Our Google Plus Profile: https://plus.google.com/b/100062071556478068871/100062071556478068871 Some Description tags and keywords: fonts, website, font pairing, find fonts, fonts for websites, font for websites, font for website title, wordpress (blogger), how-to (website category), fonts for website design, wp google fonts, fonts for websites 2017 fonts,cool fonts,font style,web fonts,google web fonts,fonts online,font websites,calligraphy fonts,fonts google,font finder,best fonts,graffiti font,online fonts,google webfonts,script fonts,web safe fonts,webfonts, fonts cool fonts font style web fonts google web fonts fonts online font websites calligraphy fonts fonts google font finder best fonts graffiti font online fonts google webfonts script fonts web safe fonts webfonts cursive fonts website fonts html font cool text fonts arabic fonts lettering fonts font design handwriting fonts webfont fancy fonts font design online font creator find font english font different fonts web design fonts buy fonts designer fonts stencil font stylish fonts free web fonts font maker new fonts best web fonts open sans google font online font design nice fonts web fonts list font types typeface best google fonts font web serif font number fonts Choti Si Zindagi Episode 18 Full HD HUM TV Drama 7 February 2017
Views: 84 Imtanan Tech Tips
jQuery add or remove class
 
15:46
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-add-or-remove-class.html In this video we will discuss 1. How to check if an element has a css class 2. How to add or remove css classes 3. How to toggle css classes hasClass - Returns true if an element has the specified class otherwise false addClass - Adds one or more specified classes. To add multiple classes separate them with a space. removeClass - Removes one or multiple or all classes. To remove multiple classes separate them with a space. To remove all classes, don't specify any class name. toggleClass - Toggles one or more specified classes. If the element has the specified class then it is removed, if the class is not present then it is added. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <style> .boldClass { font-weight: bold; } .italicsClass { font-style: italic; } .colorClass { color: red; } </style> <script type="text/javascript"> $(document).ready(function () { $('#btn1').click(function () { $('p').addClass('colorClass'); }); $('#btn2').click(function () { $('p').removeClass('colorClass'); }); $('#btn3').click(function () { $('p').addClass('colorClass italicsClass'); }); $('#btn4').click(function () { $('p').removeClass('colorClass italicsClass'); }); $('#btn5').click(function () { $('p').addClass('colorClass italicsClass boldClass'); }); $('#btn6').click(function () { $('p').removeClass(); }); }); </script> </head> <body style="font-family:Arial"> <p>Pragim Technologies</p> <table> <tr> <td> <input id="btn1" style="width:250px" type="button" value="Add Color Class" /> </td> <td> <input id="btn2" style="width:250px" type="button" value="Remove Color Class" /> </td> </tr> <tr> <td> <input id="btn3" style="width:250px" type="button" value="Add Color and Italics Classes" /> </td> <td> <input id="btn4" style="width:250px" type="button" value="Remove Color and Italics Classes" /> </td> </tr> <tr> <td> <input id="btn5" style="width:250px" type="button" value="Add Color, Italics & Bold Classes" /> </td> <td> <input id="btn6" style="width:250px" type="button" value="Remove All Classes" /> </td> </tr> </table> </body> </html>
Views: 45913 kudvenkat
05 - Formatting Text - HTML Tutorials
 
06:21
HTML Tutorials 05 - Formatting Text In this tutorial I will show you how to stylize, format, and color your text. It will involve, bold, italicized, underlined, struck-through, subscript, and superscript text as well as other styles such as colors, fonts, and size. Previous Video: 04 - Comments http://www.youtube.com/watch?v=p8gfwuO7mJQ Next Video: 06 - Links http://www.youtube.com/watch?v=SSR_Vl4phc8 Quick Steps: Create an index file under the 05 folder Use em tags to make italicized/emphasized text Use strong tags to make bold text Use big and small tags to make large and tiny text Use the sup and sub tags to make superscript and subscript text Use the ins tag to create underlined text Use the del tag to create strike-through text Use the format tag to create formatted text Set the format's size attribute: size="5" Set the format's font family attribute: face="Arial" Set the format's color attribute: color="#ff0000" Comment, rate, subscribe and ask questions Helpful Information: The size and color and face are attributes to the format element (or tags). More help is available at: http://www.w3schools.com/ Background Music: Coleman Hawkins Quintet - South of France Blues
Views: 1100 llewgnolm
HTML Tutorials for Beginners 10 - HTML text formattings part 2
 
05:33
html text formatting, html text formatting tags, html text formatting in hindi, text formatting tags in html with example html text formatting html text formatting generator html text formatting color html text formatting tool html text formatting tumblr html text formatting examples html text formatting online html text formatting alignment html text formatting cheat sheet html text formatting paragraph html text formatting bullets html text formatting tags html text formatting attributes html text formatting app html text format arial html textarea formatting html formatting text around images html format text as code html format text as currency html format text as is html format text as typed html text formatting bold html text formatting br html text format block html text box formatting html formatting text background color html coding for textbox html text formatting line break html text formatting font bold html input text box format html text formatting codes html text formatting commands html text formatting css html text formatting center html text format check html text color formatting tags html text currency format html format text colour html text formatting definition html text format date html input text format date full html text format drupal 7 struts html text format date html text box date format html format text in div different html text formatting tags html display text with formatting html display text without formatting html text formatting elements html text formatting exercises html text formatting editor html text email format html coding text editor html versus text email format logical text-formatting element in html html text formatting font html text formatting font size html text field formatting html format text field phone number html coding text font html for text formatting fancy html text formatting facebook html text formatting html keep formatting for text html text formatting guide html formatting hyperlink text html text formatting indent html text formatting in table html text formatting italic html formatting text in textarea html text input formatting html format text in select option html format text inside textarea html format text into columns html format text inside select html format text inline html text formatting justify jira text formatting html html text keep formatting html text formatting line spacing html text formatting list html format text left html format text layout html text formatting tags list html text formatting new line html link text formatting html logical text formatting tags html-like text formatting html formatting text meaning html input text format mask maintain text formatting html html input text format money html text formatting normal html text format number html text without formatting html input text format number struts html text format number html text field number format html text number formatting html text formatting options html text format outlook text formatting of html sas ods html text formatting html keep formatting of text html select option formatting text html text formatting pdf html text formatting program html text formatting ppt html format text p html text formatting tags pdf html text formatting tags ppt sublime text html format plugin html preserve text formatting html paragraph text formatting html p text format qt html text formatting html text formatting right align html format text red html retain text formatting remove text formatting html html text formatting size html text formatting syntax html text formatting strikethrough html text formatting style html text formatting superscript html text format subscript html text space formatting html text style coding html text formatting tab html text formatting tutorial html text formatting table html text formatting toolbar html text formatting text html text time format html text formatting underline text formatting using html html program using text formatting tags text formatting in html using css html format text vertical html v text format html text formatting w3schools html format text width html to text with formatting c# html text box with formatting wordpress html text formatting convert html to text with formatting text formatting in html wikipedia formatting text in html with examples sublime text 3 html formatting html5 text formatting
Views: 1429 T3SO Tutorials
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: 79123 kudvenkat
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: 51175 kudvenkat
How To Create Website in 14 Minutes Using HTML and CSS
 
14:17
Learn How to Create Website : HTML CSS JAVASCRIPT PYTHON C C++ PHP ********************************************************** code source : header{ width: 100%; height: 3cm; text-align: center; font-size: 1cm; position: relative; } header a{ position: absolute; color: #fff; text-decoration: none; transform:translate(-50%,57%); } nav{ width: 100%; overflow:auto; background: #594848; position: sticky; top: 0; overflow: hidden; border-bottom: 3px solid #fff; } ul { margin: 0; padding: 0; list-style-type: none; width:60%; } nav ul li{ float: left; } nav ul li a{ text-decoration: none; color: white; display: block; padding: 20px 10px; width: 120px; text-align: center; font-family: arial; font-size: 17px; height: 100%; } nav ul li a:hover{ transition: .7s; color: #000; background:linear-gradient(gray 2px , #fff); font-weight: bold; } nav div#social { margin-left: 20em; width: 40%; display: inline; padding: 20px 0; } nav div#social span{ display: inline-block; font-size: 36px; width: 57px; height: 56px; border-radius: 40px; -moz-border-radius: 40px; position: relative; margin-left: 10px; overflow: hidden; } nav div#social span a{ position: absolute; margin: ; color: #fff; display: inline-block; top: 0; left: 0px; transform:translate(47%,20%); } **************************************************** Take It Easy by MBB https://soundcloud.com/mbbofficial Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 http://creativecommons.org/licenses/b... Music promoted by Audio Library https://youtu.be/8DAL4muQUC8
Views: 9 Webosz
Үсгийн фонт танихгүй байвал fonts алдаа
 
03:02
http://iteach.mn/arialmon-%D1%84%D0%BE%D0%BD%D1%82%D1%8B%D0%B3-arial-%D0%B1%D0%BE%D0%BB%D0%B3%D0%BE%D1%85.html
Views: 2121 Багш Хөгжил
Part 73   OutputCache attribute in mvc
 
11:39
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/08/part-73-outputcache-attribute-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss OutputCache attribute and partial caching in asp.net mvc. OutputCacheAttribute is used to cache the content returned by a controller action method, so that, the same content does not need to be generated each and every time the same controller action is invoked. Let us understand this with an example. We will be using table tblEmployee for this demo. Please refer to Part 62 of MVC Tutorial, if you need SQL script to create and populate this table. Step 1: Add ado.net entity data model based on table tblEmployee. We have discussed doing this several times, in previous sessions of this video series. Step 2: Add HomeController with the following settings. a) Controller name = HomeController b) Template = MVC controller with read/write actions and views, using Entity Framework c) Model class = Employee d) Data context class = SampleDBContext e) Views = Razor Step 3: Modify the Index() action method in HomeController as shown below. Notice that, we are using OutPutCache attribute to cache the content returned by Index() action method for 10 seconds. [OutputCache(Duration = 10)] public ActionResult Index() { System.Threading.Thread.Sleep(3000); return View(db.Employees.ToList()); } Step 4: Modify code in "Index.cshtml" view as shown below. The modified code is highlighted in Yellow. @model IEnumerable[MVCDemo.Models.Employee] [div style="font-family:Arial"] [p] @Html.ActionLink("Create New", "Create") [/p] [table border="1"] [tr] [td colspan="4"] [b]Employee List retrieved @@ @DateTime.Now.ToString()[/b] [/td] [/tr] [tr] [th] @Html.DisplayNameFor(model =] model.Name) [/th] [th] @Html.DisplayNameFor(model =] model.Gender) [/th] [th] @Html.DisplayNameFor(model =] model.Email) [/th] [th][/th] [/tr] @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] [/div] When you navigate to /Home/Index, the view ouput is cached for 10 seconds. If you refresh the view, within 10 seconds you will get a cached response. After 10 seconds, the cache expires, code is executed again and the output is cached for another 10 seconds. Caching specific portion of a view using ChildActionOnly attribute: Step 1: Remove OutputCache attribute and the line which calls Thread.Sleep(), from the Index() action method in HomeController. After the changes, the Index() action method should be as shown below. public ActionResult Index() { return View(db.Employees.ToList()); } Step 2: Add GetEmployeeCount() action method to HomeController. Notice that, this method is decorated with OutputCache and ChildActionOnly attributes. // Child actions can be used to implement partial caching, // although not necessary. In this case, even if the ChildActionOnly // attribue is removed, a portion of the view will be cached as expected [ChildActionOnly] [OutputCache(Duration = 10)] public string GetEmployeeCount() { return "Employee Count = " + db.Employees.Count().ToString() + "@ " + DateTime.Now.ToString(); } Step 3: Copy and paste the following code, just below the closing table tag in Index.cshtml view. [br /][br /] [b] @Html.Action("GetEmployeeCount") [/b] Navigate to /Home/Index. Notice that, everytime you refresh the page, the time in the section of the page that displays employee list changes, but not the time, that displays the employee count. This proves that, only a portion of the view, is cached. Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.
Views: 63986 kudvenkat
Arial Font
 
01:19
I'm sure there is more to this story, so feel free to leave me a comment or a video response. Thanks for watching.
Views: 147 speedlearner
Fl Studio font/text Fix (Mac & Win)
 
01:38
Watch video for Fix! Download link: http://www.fontsupply.com/fonts/A/Arial.html Download link: http://www.fontsupply.com/fonts/A/Arial.html
Views: 20791 Thomas Beatz
Beginner Web Design Tutorial: What's the Best HTML Font Size? Does Font Size Matter?
 
04:43
HTML font size matters in beginner web design. Get more web design tips at http://www.webmastercourse.com Great to see you. Right here is yet another web site design tutorial for beginners about HTML font size and I hope you'll find it practical when creating brand-new sites. Does size matter when it comes to web text & fonts? Yes, it does! When creating page material for your web site, you might feel confused over which font size to use. See original video at: http://youtu.be/aIZUFs7-yO0 After all, font size HTML settings often don't look the same on every computer. The lettering and text size can look really different when compared making use of big screen versus little screen PCs. And this is specifically true for laptops, iPads and mobile devices! Let's explore how HTML font sizes work and exactly what the most popular trends are regarding this function in websites design. About titles: When producing headings, use the "header" tags when possible. These include the H1 tags (for main heading), H2, H3 and so on. These tags let the search engines understand that the wording within these tags is extremely important and pertinent to your websites. Your primary keywords should also be consisted of in these headings for Search Engine Optimization purposes. You'll also desire your headings to be vibrant, but not necessarily all caps. Side note - Kindly subscribe to the YouTube channel and get new newbie website design updates as videos are included. HTML Typeface Size for Main Body Text Some webmasters make the error of including unreasonably little text to their web pages. They feel it offers a more smooth, exciting look and feel. But sadly, it might be way too small for many website users to read! Just think, the majority of home Internet users are surfing on their phones, iPads and laptop PCs - not the cinemas! So for these users, a small "expert" looking font style may look even smaller! Use sizes intelligently for your primary text. This is the discussion you desire others to read. Make it simple but still presentable. On the other side, don't make the text So Big that it shouts at people or resembles a kid designed the page. You can easily discover middle ground when it comes to font size; Hypertext Markup Language permits for numerous variations and designs to achieve the ideal try to find any web page. Remember that Arial font looks a little larger than the same size of the Times New Roman font, so use numerous designs and sizes to find exactly what fits. Go ahead and make the font style size a little larger when you have to highlight a word or expression, or even a link. If creating a web sales page, you'll likely emphasize lots of areas of the discussion to attract interest to your Buzz words. There are numerous ways to produce focus without overdoing it in font size. HTML qualities such as vibrant print, dark bright colors (red, blue, green, etc.), underlines and a strike through can all bring in the eyes. You can even make particular words all caps to draw interest. Attempt various sizes then get access to other computers if possible. A good size for body text to begin with is 12. Go from there on both sides of the spectrum till you discover something interesting for you. If it looks truly great to you and checks out well, it probably will to your web visitors. I hope this web design tutorial assists you produce a much better site using the finest html typeface sizes and please examine the site on top to get much more ideas like these. Thank you for dropping by!
Views: 770 Netrageous
44.1 css. Шрифты.
 
00:56
44. Шрифты Шрифты различаются внешним видом, размером, стилем и "жирностью". Эти параметры можно задать с помощью каскадных таблиц стилей. Если указанный в таблице шрифт не установлен на компьютере пользователя, то можно предусмотреть его загрузку с сервера, на котором хранится документ. Ниже перечислены стилевые параметры для шрифтов. font-family — определяет список семейств шрифтов. Обычно задаются несколько похожих шрифтов в порядке предпочтения на тот случай, если в компьютере пользователя нет нужного шрифта. Названия шрифтов разделяются запятыми. Если название шрифта состоит из нескольких слов, то оно заключается в кавычки. Список шрифтов желательно завершить родовым именем шрифта: serif, sans-serif, cursive, fantasy или monospace. Например, для шрифта Times родовым является serif, для Helvetica — sans-serif, для Courier — monospace. Пример: h1 {font-family: Arial, sans-serif;} style='font-family: "Arial", sans-serif' 44.1. Создайте документ 41.1.htm применив вышеуказанный код.
jQuery input vs input
 
06:29
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/jquery-input-vs-input.html In this video we will discuss the difference between $(input) and $(:input) selectors $(:input) selects all input, textarea, select and button elements where as $(input) just selects elements with an input tag. The following is the HTML used in the examples. Replace < with LESSTHAN symbol and > with GREATERTHAN Symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> </head> <body style="font-family:Arial"> First Name : <input type="text" value="John" /> <br /><br /> Last Name : <input type="text" value="Major" /> <br /><br /> Gender : <input type="radio" name="gender" checked="checked" value="Male">Male <input type="radio" name="gender" value="Female">Female <br /><br /> Skills : <input type="checkbox" name="skills" checked="checked" value="JavaScript" />JavaScript <input type="checkbox" name="skills" checked="checked" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <br /><br /> Country: <select> <option selected="selected" value="USA">USA</option> <option value="India">India</option> <option value="UK">UK</option> </select> <br /><br /> Summary : <br /> <textarea>I am a Senior Dot Net Developer with 10 years experience</textarea> <br /><br /> <input type="submit" value="submit" /> </body> </html> Now we want to get the text value from all the textboxes. On this page we have 2 textboxes 1. First Name 2. Last Name jQuery code to get textbox value using $(input) <script type="text/javascript"> $(document).ready(function () { $('input[type="text"]').each(function () { alert($(this).val()); }); }); </script> jQuery code to get textbox value using $(:input) <script type="text/javascript"> $(document).ready(function () { $(':input[type="text"]').each(function () { alert($(this).val()); }); }); </script> Which one is better for performance $('input[type="text"]') or $(':input[type="text"]') $('input[type="text"]') is better for performance over $(':input[type="text"]'). This is because $(':input[type="text"]') needs to scan all input elements, textarea, select etc, where as $('input[type="text"]') scans only input elements. So if you want to find elements with an input tag, it is always better to use $('input[type="text"]') over $(':input[type="text"]')
Views: 82438 kudvenkat
What Is The Standard Font Type
 
00:46
Each font was a matched set of type, one piece (called 'sort') for each the regular or standard is sometimes labeled roman, both to distinguish it from bold in latex default typeface computer modern family. My opinion, 10 what is the best font type and size to use in a mobile app? . However, if you look at aosp, the default fonts are loaded in 7 aug 2014 there's no template, then choice is yours. What's the standard font size to use in papers? Quora. You can also download a browser plugin to select some text and get the font name (e. Sansserif { font family verdana, arial, helvetica, the arial is a standard type used by many professionals in workplace. Computer modern (default in standard latex classes) cm roman, sans serif, the default font for word is defined normal style of global template (normal. What exactly are these standard 14 the default font size is 16px (you might have noticed during errors with exercises) that says instead of what you entered can change in microsoft word. G font finder for firefox) 16 sep 2016 there is no documentation on d. The usual standards in when working postscript and pdf environments, you may come across the notion standard 14 fonts or base. How to set the default font in word microsoft support. Publications what is the standard recommended font to use in 14 fonts enfocus. However, you should make sure to pick a font that's easy read. What is a default font size and family? the standard style to use when writing css fonts w3 schools. Android for font family names. Try 11 pt times roman on 14 point leading. Standard font height and type for engineering drawing should i use? Drthe proper use of fonts in your resume family (html) wikipediafont typefaces sharelatex, online latex editor. I need to have that information report it in a grad school course i am changed the font on chrome much and want go back so can you this opens windows menu for type, where. It's often the default for computer software programs and is one of first font. What is the default font family in canvas? are for google chrome? Google product forumsthe best fonts business letters. Jun 2008 a list with the common fonts to all versions of windows and their mac only when using normal font style, not bold or italic styles line spacing is equally important. Dot template if you do not specify another i am trying to determine the default font family used in canvas. What is the default font family in html and how can i check this what android? Stack overflow. Click 'format' and then click 'font' you will get a dynamic where can change the in css, there are two types of font family names note if do not specify size, default size for normal text, like paragraphs, is 16px (16px 1em) 18 oct 2012 what standard height type our engineering drawing? Either work with autocad or other cad software, matters 28 feb 2017 but their advice on selection less precise always choose an easily serif font, between 10 12 point your choice fonts also important. Serif { fon
Views: 54 Laath Laath
jquery show hide password
 
11:01
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-show-hide-password.html In this video we will discuss how to toggle password visibility using show / hide password checkbox. Here is what we want to achieve 1. When Show password checkbox IS NOT CHECKED, the password should be masked 2. When Show password checkbox IS CHECKED, the password should be in clear text and visible to the user One of the simplest ways of achieving this is by changing the type attribute of the password field depending on the checked status of Show password checkbox 1. If the Show password checkbox is CHECKED change the type to text 2. If the Show password checkbox is NOT CHECKED change the type to password Replace < with LESSTHAN symbol and > with GREATERTHAN symbol The following is the HTML and jQuery code <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#cbShowPassword').click(function () { $('#txtPassword').attr('type', $(this).is(':checked') ? 'text' : 'password'); }); }); </script> </head> <body style="font-family:Arial"> Password : <input type="password" id="txtPassword" /> <input type="checkbox" id="cbShowPassword" />Show password </body> </html> The problem with the above approach is that it does not work in IE 8 and earlier versions. This is because with IE8 and earlier versions the type attribute of input elements cannot be changed once set. The following code works in all browsers including IE8 and earlier versions. When Show password checkbox is clicked 1. Retrieve the value the from the password textbox and store it in a variable for later use. 2. Delete the password input filed. 3. If the "Show password" checkbox is CHECKED, then add a new input filed of type text, else add a new input filed of password. In both the cases set the value attribute of the input element = the variable created in Step 1. <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#cbShowPassword').click(function () { var currentPassowrdFiled = $('#txtPassword'); var currentPassword = currentPassowrdFiled.val(); currentPassowrdFiled.remove(); if ($(this).is(':checked')) { $(this).before('<input type="text" id="txtPassword" value="' + currentPassword + '">'); } else { $(this).before('<input type="password" id="txtPassword" value="' + currentPassword + '">'); } }); }); </script> </head> <body style="font-family:Arial"> Password : <input type="password" id="txtPassword" /> <input type="checkbox" id="cbShowPassword" />Show password </body> </html>
Views: 25520 kudvenkat
HTML Nybörjare kurs del 1 BÖRJA KODA
 
17:12
Html nybörjare kurs, del ett av ,ånga!!! Följande kod har vi gjort idag: html head meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/ title Test /title style type="text/css" !-- body font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; -- /style /head body p Hejsan jag heter Ponthus /p /body /html När du sparar - döp till - index.html Försök kolla noga vart alla olika pillar sitter, kan inte använda dem i beskrivningen...... Ska lösas till nästa gång Nästa video kommer ut inom snar tid!!!!! Följ och dela för att hjälpa mig!!!!! HARE FINT GUBZZ!!!!
Views: 893 Ponthus Jessmor