Home
Search results “Javascript getelementbyid style width”
Javascript Tutorial | Changing Element's CSS Style's
 
19:45
Javascript works hand in hand with the DOM as we know. So how about changing text and information within the DOM. Well we can easily do this by targeting an object that represents a DOM element in Javascript and modify the innerHTML and innerText properties. This tutorial is brought to you by http://www.avelx.co.uk/ - Coding tutorials to help you grow.
Views: 3069 Avelx
JavaScript substring example
 
13:22
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2014/11/javascript-substring-example.html In this video we will discuss a simple real time example of where we can use indexOf(), lastIndexOf() and substring() methods In the head section of the webform, include the following script section function getEmailandDomainParts() { var emailAddress = document.getElementById("txtEmailAddress").value; var emailPart = emailAddress.substring(0, emailAddress.indexOf("@")); var domainPart = emailAddress.substring(emailAddress.indexOf("@") + 1); document.getElementById("txtEmailPart").value = emailPart; document.getElementById("txtDomainPart").value = domainPart; } Finally set the onclick attriibute of the button to call the JavaScript function [input type="button" value="Get email & domain parts" style="width:250px" onclick="getEmailandDomainParts()"/] In Part 11 of JavaScript Tutorial we discussed indexOf() function. lastIndexOf() is also very useful function for manipulating strings. lastIndexOf() method returns the position of the last occurrence of a specified value in a string. Since it's job is to return the last index of the specified value, this method searches the given string from the end to the beginning and returns the index of the first match it finds. This method returns -1 if the specified value is not present in the given string. Example : Retrieve the last index position of dot (.) in the given string var url = "http://www.csharp-video-tutorials.blogspot.com"; alert(url.lastIndexOf(".")); Output : 42 Simple real time example where lastIndexOf and substring methods can be used In the head section of the webform, include the following script section function getDomainName() { var url = document.getElementById("txtURL").value; var domainName = url.substr(url.lastIndexOf(".")); document.getElementById("txtDomian").value = domainName; } Finally set the onclick attriibute of the button to call the JavaScript function [input type="button" value="Get top level domain" style="width: 300px" onclick="getDomainName()" /]
Views: 66919 kudvenkat
How to create image slideshow using JavaScript
 
17:13
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/01/how-to-create-image-slideshow-using.html In this video, we will discuss creating a simple image slideshow using JavaScript. We will be using setInterval() and clearInterval() JavaScript methods to achieve this. We discussed these functions in detail in Part 34 of JavaScript Tutorial. When you click "Start Slide Show" button the image slideshow should start and when you click the "Stop Slide Show" button the image slideshow should stop. For the purpose of this demo we will be using the images that can be found on any windows machine at the following path. C:\Users\Public\Pictures\Sample Pictures At the above location, on my machine I have 8 images. Here are the steps to create the image slideshow using JavaScript. Step 1 : Open Visual Studio and create a new empty asp.net web application project. Name it Demo. Step 2 : Right click on the Project Name in Solution Explorer in Visual Studio and create a new folder with name = Images. Step 3 : Copy the 8 images from C:\Users\Public\Pictures\Sample Pictures to Images folder in your project. Change the names of the images to 1.jpg, 2.jpg etc. Step 4 : Right click on the Project Name in Solution Explorer in Visual Studio and add a new HTML Page. It should automatically add HTMLPage1.htm. Step 5 : Copy and paste the following HTML and JavaScript code in HTMLPage1.htm page. [img id="image" src="/Images/1.jpg" style="width: 150px; height: 150px" /] [br /] [input type="button" value="Start Slide Show" onclick="startImageSlideShow()" /] [input type="button" value="Stop Slide Show" onclick="stopImageSlideShow()" /] [script type="text/javascript"] var intervalId; function startImageSlideShow() { intervalId = setInterval(setImage, 500); } function stopImageSlideShow() { clearInterval(intervalId); } function setImage() { var imageSrc = document.getElementById("image").getAttribute("src"); var currentImageNumber = imageSrc.substring(imageSrc.lastIndexOf("/") + 1, imageSrc.lastIndexOf("/") + 2); if (currentImageNumber == 8) { currentImageNumber = 0; } document.getElementById("image").setAttribute("src", "/Images/" + (Number(currentImageNumber) + 1) + ".jpg"); } [/script] Finally run the application and test it.
Views: 91431 kudvenkat
19 البحث فى السجلات  بمجرد الكتابة أجاكس (AJAX)
 
18:28
input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name" table id="myTable" tr class="header" th style="width:10%;"موجة الى/th th style="width:10%;"النوع/th th style="width:20%;"العنوان/th th style="width:50%;"الموضوع/th th style="width:5%;"تعديل/th th style="width:5%;"حذف/th /tr !-- WHERE wusername='$n1' -- ?php include ('../connect.php'); $sql="SELECT * FROM wfile "; $result = $conn-query($sql); while($row = $result-fetch_assoc()) { ? tr td style="display: none;"?php echo $row['wto'].$row['wtype'].$row['wtitle'].$row['wsubject'] ?/td td?php echo $row['wto'] ?/td td?php echo $row['wtype'] ?/td td?php echo $row['wtitle'] ?/td td?php echo $row['wsubject'] ?/td td/td td/td /tr ?php } ? /table script function myFunction() { var input, filter, table, tr, td, i, txtValue; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); table = document.getElementById("myTable"); tr = table.getElementsByTagName("tr"); for (i = 0; i tr.length; i++) { td = tr[i].getElementsByTagName("td")[0]; if (td) { txtValue = td.textContent || td.innerText; if (txtValue.toUpperCase().indexOf(filter) -1) { tr[i].style.display = ""; } else { tr[i].style.display = "none"; } } } } /script
Views: 619 سيد بدران
Using regular expressions in JavaScript
 
09:05
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/01/using-regular-expressions-in-javascript.html What is a Regular Expression A regular expression is a sequence of characters that forms a search pattern. Let us understand the use of regular expressions with an example. The following strings contain words and numbers. From the string we want to extract all the numbers. Bsically the program should work with any string. Mark-9 Tim-890 Sam-10 Sara-9902 Result : 9, 890, 10, 9902 908ABC12XYZ34 Result : 908, 12, 34 $1 $2 $901 ABC(100) Result : 1, 2, 901, 100 Here is what we want the page to do 1. User enters the string in the first textbox 2. When "Process String" button is clicked, the numbers should be extracted from the string and displayed in the text area element. It will be very complex and error prone if we have to achieve this without using regular expressions. [input type="text" id="txtBox" style="width:250px" /] [br /][br /] [input type="button" value="Process String" onclick="processString()" style="width:250px" /] [br /][br /] [textarea id="txtArea" rows="4" cols="30"][/textarea] [script type="text/javascript"] function processString() { // Clear the textarea element document.getElementById("txtArea").value = ""; // Retrieve the user intput from the textbox var inputString = document.getElementById("txtBox").value; // Regular expression should be in 2 forward slashes // // Letter g at the end of the regular expression performs a global match // match() method returns all substrings that match the given regular expression var result = inputString.match(/\d+/g); if (result != null) { // Add the retrieved numbers to the textarea element for (var i = 0; i [ result.length; i++) { document.getElementById("txtArea").value += result[i] + "\r\n"; } } } [/script]
Views: 77580 kudvenkat
JavaScript to automatically tab to next textbox
 
05:29
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/javascript-to-automatically-tab-to-next.html In this video we will discuss, how to automatically move the cursor keyboard focus from one textbox to another using JavaScript. Let us understand this with an example. Consider a web page where we need to enter 16 digit bank card number. On this page we have 4 textboxes. Each textbox should allow only 4 numbers. Upon entering the first 4 card numbers in the first textbox, the cursor should automatically move to the second textbox. Upon entering the next 4 card numbers in the second textbox, the cursor should automatically move to the third textbox. Here is the HTML and JavaScript function that automatically sets the focus to the next textbox Card Number : [asp:TextBox ID="txt1" runat="server" Width="50px" MaxLength="4" onkeyup="moveCursor(this, 'txt2')" /] [asp:TextBox ID="txt2" runat="server" Width="50px" MaxLength="4" onkeyup="moveCursor(this, 'txt3')" /] [asp:TextBox ID="txt3" runat="server" Width="50px" MaxLength="4" onkeyup="moveCursor(this, 'txt4')" /] [asp:TextBox ID="txt4" runat="server" Width="50px" MaxLength="4" /] [script type="text/javascript"] function moveCursor(fromTextBox, toTextBox) { // Get the count of characters in fromTextBox var length = fromTextBox.value.length; // Get the value of maxLength attribute from the fromTextBox var maxLength = fromTextBox.getAttribute("maxLength"); if (length == maxLength) { // If the number of charactes typed in the fromText is // equal to the maxLength attribute then set focus on // the next textbox document.getElementById(toTextBox).focus(); } } [/script]
Views: 23335 kudvenkat
javascript  - centering, scaling, zooming, fit the image inside a div
 
02:00
music: perfect 10 - ncs release ----------------------------------------------------------------------------------------- CODE: let canvas = document.getElementById('canvas'); let img = document.getElementById('img'); //positioning big img center to canvas center img.onload = function(){ let x = -(img.width - canvas.offsetWidth)/2+"px" let y = -(img.height - canvas.offsetHeight)/2+"px" console.log(x, "$$$$"); console.log(y, "$$$$"); //scaling.... let ratio = canvas.offsetWidth/img.width console.log(ratio, "$$$$"); img.style.transform = `translate(${x}, ${y}) scale(${ratio})` } //thanks for watching subscribe, share, like, comment.......
Views: 500 Arjun Yonjan
hide Content with javascript
 
01:09
http://surveyslda.blogspot.com/ use this code to hide the content you want: document.getElementById('mainContent').style.display = 'none';
Views: 1047 JoIno
JavaScript Tutorial - CSS computed style - getComputedStyle() - CSSStyleDeclaration Object
 
09:21
partial interface Window { [NewObject] CSSStyleDeclaration getComputedStyle(Element elt, optional DOMString pseudoElt); }; https://github.com/webtunings https://www.facebook.com/pages/WebTunings/339234242822202 I highly recommend this book for beginners as well as advanced programmers: http://www.amazon.com/gp/product/0596805527/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596805527&linkCode=as2&tag=webtuningscom-20
Views: 805 WebTunings
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: 24673 kudvenkat
JavaScript Tutorial - TypeError and ReferenceError issues with object
 
04:23
You can access any undefined property of object and return value will be undefined. JavaScript doesn't give any error when you try to access undefined property name. Property on null or undefined is not possible. var obj = {x:1,y:2}; obj.x; //1 obj.z; //undefined obj.z.x; //TypeError var n = null; n.prop=5; //TypeError if variable y is not declared. y.x; //reference error --------------------------------------------------------------------------------------- Facebook page: https://www.facebook.com/pages/WebTunings/339234242822202 Recommended JavaScript Book: http://www.amazon.com/gp/product/0596805527/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596805527&linkCode=as2&tag=webtuningscom-20 Code snippets: https://github.com/webtunings
Views: 6788 WebTunings
Javascript Tutorial Part 8: Javascript getElementById
 
10:27
http://www.frameworktv.com | LearnToProgram is now Framework. Visit and join for free daily videos teaching digital skills like coding and design. SUBSCRIBE TO THE FRAMEWORK CHANNEL http://www.youtube.com/subscription_center?add_user=UC4msOaZNMfPwMe_ztV5jFH SUBSCRIBE TO OUR EMAIL LIST (LEARN FOR FREE!) http://www.frameworktv.com/?src=YOUTUBE The Javascript getElementById method is one of the most important Javascript functions. However, many programmers who are just starting out have trouble with it. In this Javascript tutorial, Mark discusses how to use the Javascript getElementById method. Mark demonstrates how to dynamically change stylesheet rules, change content within a div and read a text box with the Javascript getElementById. Continue learning Javascript as instructor Mark Lassoff reviews the Javascript getElementById function. VISIT US ON FACEBOOK https://www.facebook.com/frameworkTechnicallySpeaking/ FOLLOW ON TWITTER https://twitter.com/fw_social INSTAGRAM https://www.instagram.com/frameworksocial/
16. Тег input. Атрибут type: color, date, range. Атрибут value, min, max. script, id . Формы
 
32:51
тег input ( ввод, указывать) атрибут type="color" ( цвет ), атрибут (value) атрибут type="date" ( дата ), атрибут (min, max, value) атрибут type="range" ( диапазон ), атрибут (min, max, value, step) тег script ( сценарий ) javascript id (identifier - идентификатор, опознаватель) уникальный признак объекта, позволяющий отличать его от других объектов. ------------------------------------------------------- -script- function FOTO() { format = document.getElementById("scale").value; step= document.getElementById("foto"); step.width = 50*format; } -/script- ------------------------------------------------------- Файл для урока HTML5 (пустой) http://24navo.com/lessons/html_list/i/m/8_blank.html Остальные уроки http://24navo.com/ Файл для урока итог (16) http://24navo.com/lessons/html_list/i/m/16.html
Image gallery with thumbnails in JavaScript
 
13:13
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/01/image-gallery-with-thumbnails-in.html In this video we will discuss creating image gallery with thumbnails in JavaScript. When you click on the image thumnail, the respective image should be displayed in the main section of the page. For the purpose of this demo we will be using the images that can be found on any windows machine at the following path. C:\Users\Public\Pictures\Sample Pictures Step 1 : Open Visual Studio and create a new empty asp.net web application project. Name it Demo. Step 2 : Right click on the Project Name in Solution Explorer in Visual Studio and create a new folder with name = Images. Step 3 : Copy images from C:\Users\Public\Pictures\Sample Pictures to Images folder in your project. Step 4 : Right click on the Project Name in Solution Explorer in Visual Studio and add a new HTML Page. It should automatically add HTMLPage1.htm. Step 5 : Copy and paste the following HTML and JavaScript code in HTMLPage1.htm page. [html] [head] [style type="text/css"] .imgStyle { width:100px; height:100px; border:3px solid grey; } [/style] [/head] [body] [img id="mainImage" height="500px" width="540x" src="/Images/Hydrangeas.jpg" style="border:3px solid grey"/] [br /] [div id="divId" onclick="changeImageOnClick(event)"] [img class="imgStyle" src="/Images/Hydrangeas.jpg" /] [img class="imgStyle" src="/Images/Jellyfish.jpg" /] [img class="imgStyle" src="/Images/Koala.jpg" /] [img class="imgStyle" src="/Images/Penguins.jpg" /] [img class="imgStyle" src="/Images/Tulips.jpg" /] [/div] [script type="text/javascript"] var images = document.getElementById("divId").getElementsByTagName("img"); for (var i = 0; i [ images.length; i++) { images[i].onmouseover = function () { this.style.cursor = 'hand'; this.style.borderColor = 'red'; } images[i].onmouseout = function () { this.style.cursor = 'pointer'; this.style.borderColor = 'grey'; } } function changeImageOnClick(event) { event = event || window.event; var targetElement = event.target || event.srcElement; if(targetElement.tagName == "IMG") { mainImage.src = targetElement.getAttribute("src"); } } [/script] [/body] [/html] Finally run the application and test it.
Views: 66031 kudvenkat
How to change the image source attribute using Javascript
 
18:49
Lesson Code:: http://tiny.cc/h0bl2y or http://tiny.cc/xgcn2y In this example JavaScript changes the value of the src (source) attribute of an img tag: THE WORLD'S LARGEST WEB DEVELOPER CHANNEL: http://www.youtube.com/ostoncodecypher Join Oston code cypher channel today and get your life time tutorials for free! Learn how to build websites and apps, write code, or start a business on your own. Learn from over 1,000 videos created by himself the expert on web design, coding, business, and much more. Oston code cypher channel teaches the in-demand technology skills you need to land your dream job.
Views: 109 Oston Code Cypher
ASP NET TextBox and JavaScript
 
09:16
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/aspnet-textbox-and-javascript.html In this video we will discuss 1. JavaScript focus method 2. JavaScript select method 3. How to count the number of characters as you type in a textbox and display that count in a label control JavaScript focus method : focus() method is used to put the keyboard cursor in a particular textbox when the web page loads so that we can start typing without having to first click in the textbox with the mouse. For example, when a web page with the following HTML and JavaScript is loaded, the keyboard cursor is already in the textbox waiting for the user to type his input. There is no need for the user to first click in the textbox with his mouse. Name : [asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox] [script type="text/javascript"] document.getElementById("TextBox1").focus(); [/script] focus() method can be used with most HTML elements. For example, when a web page with the following HTML and JavaScript is loaded, the keyboard focus is set to DropDownList1 control. You can change the Gender value in the DropDownList by pressing ALT + Down Arrow keys simultaneously. Since we are using focus() method there is no need to first click on the DropDownList with the mouse. [table style="border:1px solid black"] [tr] [td]Name[/td] [td][asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox][/td] [/tr] [tr] [td]Gender[/td] [td] [asp:DropDownList ID="DropDownList1" runat="server"] [asp:ListItem Text="Male" Value="Male"][/asp:ListItem] [asp:ListItem Text="Female" Value="Female"][/asp:ListItem] [/asp:DropDownList] [/td] [/tr] [/table] [script type="text/javascript"] document.getElementById("DropDownList1").focus(); [/script] JavaScript select method : select() method is used to select the contents of a text field, so when you start typing, the new text that you have typed will automatically replace the existing selected text. You can use select() method with textbox and textarea controls. When a web page with the following HTML and JavaScript is loaded, the text in the textarea element is selected and when you start typing, the new text that you typed will replace the existing selected text. [table style="border:1px solid black"] [tr] [td]Name[/td] [td][asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox][/td] [/tr] [tr] [td]Comments[/td] [td] [asp:TextBox ID="TextBox2" TextMode="MultiLine" runat="server" Text="Type your comments here"][/asp:TextBox] [/td] [/tr] [/table] [script type="text/javascript"] document.getElementById("TextBox2").select(); [/script] How to count the number of characters as you type in a textbox and display the count in a label control Name : [asp:TextBox ID="TextBox1" runat="server" onkeyup="CountCharacters();"] [/asp:TextBox] [asp:Label ID="Label1" runat="server"][/asp:Label] [script type="text/javascript"] function CountCharacters() { document.getElementById("Label1").innerHTML = document.getElementById("TextBox1").value.length + " charactes"; } [/script]
Views: 34295 kudvenkat
JavaScript Tutorial for Beginners - 32 - Changing an image
 
03:45
In this video we will discuss how to change an image. Javascript code: http://pastebin.com/iUahHirr HTML code: http://pastebin.com/GiSXfSXY
Views: 39184 EJ Media
How to insert Google Maps to your designed webpage WITHOUT JAVASCRIPT!!! [Proof Added]
 
03:54
The code is... (!DOCTYPE html) (html) (head) (script src = "https://maps.googleapis.com/maps/api/js")(/script) (script) function loadMap() { var mapOptions = { center:new google.maps.LatLng(20.593684, 78.96288), zoom:12, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("sample"),mapOptions); } (/script) (/head) (body onload = "loadMap()") (div id = "sample" style = "width:570px; height:580px;")(/div) (h1) Hello I am Ahir!!!(/h1) (/body) Please change all circular brackets to angular brackets... I have changed them becz angular brackets are not allowed in description... Hit that like button and Subscribe for more...
004 HTML5 Game Use JavaScript to create canvas
 
03:27
/* var canvas = document.getElementById('canvasSpace'); var ctx = canvas.getContext("2d"); ctx.fillText("helloworld",10,150); */ var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); canvas.height = 400; canvas.width = 600; document.body.appendChild(canvas); ctx.fillText("helloworld",10,150); -
Views: 390 Priyanshu Goel
Change Style Sheet Using Javascript Tutorial CSS Swap Stylesheet
 
04:46
Lesson Code: http://www.developphp.com/video/JavaScript/Change-Style-Sheet-Using-Tutorial-CSS-Swap-Stylesheet Learn to change the entire style of your web page with a click using JavaScript that is targeting the href attribute of your familiar link element using the setAttribute method of JavaScript. DEMO: http://www.adamkhoury.com/demo/js_swap_css_stylesheet/
Views: 44710 Adam Khoury
merihelp.net: Using javascript to change CSS.mp4
 
07:18
merihelp.net: Using JavaScript to modify font sizes in CSS and to change style sheets.
Views: 182 Meri Engel
A FRAUDE - jobMoney.club, satmoney.site, heymoney.club, etc.
 
11:42
Mostro as falhas e a finalidade de vários sites diferentes mas que na realidade é um site somente. jobMoney.club satmoney.site heymoney.club binmoney.club rugmoney.club avtmoney.club billmoney.club tem muito mais! tudo que termina em money.club, money.site. Ex: abcmoney.club, defmoney.club, ghimoney.club. o que acontece é que você é redirecionado para o site principal link para adicionar dinheiro updmoney.php?moneycount=99999999&sessmoneycount=1600 Veja os script para login e para verificar pagamento. veja que o de login faz uma verificação para saber se o login ta certo ou não, já o de verificar o pagamento não faz nenhum teste com o retorno já manda a mensagem de que ainda não foi recebido o pagamento dos 10 dólares Login: [script] function dologin(){ var username=trim(document.loginf.username.value); var password=trim(document.loginf.password.value); if (username==""){ alert("Enter username please"); document.mainf.username.focus(); return; } if (password==""){ alert("Enter password please"); document.mainf.password.focus(); return; } var rstr=Math.random(); $.post("dologin.php?rstr="+rstr, { "username":username,"password":password },function(xml){ lstatus=getxval(xml,"stat"); lerr=getxval(xml,"err"); if (lstatus=="err"){ // Aqui testa se teve erro alert("Error!\n"+lerr); } if (lstatus=="ok"){ // aqui testa se teve sucesso no login, se teve manda você para área de usuário sessid=getxval(xml,"sessid"); document.location="userarea.php"; } }); } [/script] Verificar pagamento: [script] function checkpay(){ o var rstr=Math.random(); $.post("dofastpay.php?rstr="+rstr, { "phone":"1Nd7UDmrG41m9dz6HLtMXxuerEgqEWpuSn" },function(xml){ // aqui não faz teste nenhum só manda a mensagem de erro alert(" On wallet Bitcoin \n 1Nd7UDmrG41m9dz6HLtMXxuerEgqEWpuSn \n the amount of $ 10 has not yet been received"); document.getElementById('wait').innerHTML="[input type='button' value='Check receipt of payment' onClick='javascript:checkpay()' style='height:50px;width:250px;font-size:15px;']"; }); } [/script]
Views: 1367 Ronan Nepomuceno
How to create buttons in Javascript that change the color of an HTML element
 
12:26
~If you have any questions make sure to leave them in the comment section below! ~Subscribe for more videos! https://www.youtube.com/channel/UCsEmzdW4ry06BgbNGWQroFQ ~Help me provide better content for you lovely people https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=E8HHD98N3UFVG ==================================== EXTRA TAGS (ignore) CodingTuts Programming Become a programming pro Web design Web development Javascript Javascript elements Professional website with Javascript Responsive website with Javascript Javascript website Easy Javascript Javascript tricks & tips HTML HTML 5 CSS CSS tips and Tricks HTML and CSS Learn HTML Learn CSS Learn HTML fast Learn CSS fast Learn HTML easy Learn CSS easy Learn HTML fast and easy Learn CSS fast and easy Learn HTML and CSS Learn HTML and CSS fast Learn HTML and CSS easy Learn HTML and CSS fast and easy Website HTML website HTML and CSS website How to make a website How to make an HTML website How to make an HTML and CSS website Creating a website Creating an HTML website Creating an HTML and CSS website How to create a website How to create an HTML website How to create and HTML and CSS website Website fast HTML website fast HTML and CSS website fast How to make a website fast How to make an HTML website fast How to make an HTML and CSS website fast Creating a website fast Creating an HTML website fast Creating an HTML and CSS website fast How to create a website fast How to create an HTML website fast How to create an HTML and CSS website fast Website easy HTML website easy HTML and CSS website easy How to make a website easy How to make an HTML website easy How to make an HTML and CSS website easy Creating a website easy Creating an HTML website esy Creating an HTML and CSS website easy How to create a website easy How to create an HTML website easy How to create an HTML and CSS website easy Website fast and easy HTML website fast and easy HTML and CSS website fast and easy How to make a website fast and easy How to make an HTML website fast and easy How to make an HTML and CSS website fast and easy Creating a website fast and easy Creating an HTML website fast and easy Creating an HTML and CSS website fast and easy How to create a website fast and easy How to create an HTML website fast and easy How to create an HTML and CSS website fast and easy ====================================
Views: 27300 CodingTuts
Curso de jQuery desde cero 7 - width & height
 
07:04
Tutorial de jQuery 7 - width & height - CURSO COMPLETO de jQuery: https://bit.ly/2SPi3ZV ►Síguenos en FACEBOOK: https://www.facebook.com/CodigoMentor/
Views: 7914 CodigoMentor
JQuery - Change DIV text (html property) the easy way. Step by Step
 
08:08
How to change the text (html) of a a DIV using JQuery. Step by Step
Views: 7879 Calvin Brown
CSS dərsləri 06 { Css3 Outline xüsusiyyətləri, style, color, width, offset }
 
05:18
CSS dərsləri 06 { Css3 Outline xüsusiyyətləri, outline-style, outline-color, outline-width, outline-offset }.SEO( css,css3,css dersleri,css dərsləri,css dersler,css3 dersler,css3 dersleri,css3 dərsləri,Outline xüsusiyyətləri,css outline,css outline xüsusiyyətləri,css outline nedir,css outline nədir,outline-style,outline-style nedir,outline-style nədir,outline-color,outline-color nedir,outline-color nədir,outline-width,outline-width nedir,outline-width nədir,outline-offset,outline-offset nedir,outline-offset nədir,style,color,width,offset,css azerice,css azerbaycanca). -------**** Kanalda olacaq dərslər****--------- * HTML5 * CSS3 * Bootstrap * JavaScript * jQuery * Ajax * Php * Laravel * CodeIgniter ** Bunlar bitdikdən sonra Androidə başlayacayıq** ** Daha sonra isə sizə tam fərqli videolar çəkəcəm buda zamanı gələndə görəcəksiniz sürpriz olacaq hansıki hec bir kəs bunu etməyib :) **
Views: 22 Ilkinur Keremli
CSS Display:Block Declaration Explained In Detail
 
02:34
CSS Display:Block Declaration Explained In Detail https://youtu.be/1IgGXzGI5AU Display block css will make it so an element takes up the entire width inside the HTML element where it resides. This is common for headlines and divs. These means if the HTML element is set to be 200 pixels wide then a block element will take up all 200 pixels of that width. Similary, if the element is 1000 pixels wide a block element will take up the whole 1000 pixel width. Or if an element is set to 100% of the page, a block element within that 100% wide parent will take up 100% of the page. The other display values available to you are: Block makes the element take up a whole row in the HTML element where it resides. Here's how it looks: display:block; Inline makes the element take up only the space it needs. Here's how it looks: display:inline; Inherit applies the same display property as its parent element. Here's how it looks: display:inherit; Display none makes elements disappear. It also makes it so the hidden element does not take up any space on the page. Here's how it looks: display:none; That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :) If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.
Android Basic Calculator/colorful  Using IntelXdk | Fully Tested On device.
 
18:48
I have explained how to create an Android application using intelXdk in which the app is built on HTML5 . I assume you have basic knowledge of HTML,JAVASCRIPT, AND CSS . # I have written the code to avoid wastage of time . # here is the code , copy and paste them according to the video . #connect your phone via a usb cable so that on every Ctrl+s , you can see the changes as live layout . #The code . // for Button Clearing // will clear all input fields . document.getElementById('result').value=""; document.getElementById('numFirst').value=""; document.getElementById('numSecond').value=""; // adding , substraction, multiplication , division // just change the sign of each accordingly . var num1 = document.getElementById('numFirst').value; var num2 = document.getElementById('numSecond').value; // these values have to be converted to integer to avoid concatination var result = parseInt(num1)+parseInt(num2); // setting the result field input document.getElementById('result').value=result; // for changing the background color document.body.style.backgroundColor="black"; // themesChange button // this is only changing backgrounds of the buttons in order to make it look colorful if(document.body.style.backgroundColor==="black"){ document.body.style.backgroundColor="darkcyan"; document.getElementById('numFirst').style.backgroundColor="darkcyan"; document.getElementById('numSecond').style.backgroundColor="darkcyan"; document.getElementById('result').style.backgroundColor="darkcyan"; document.getElementById('addition').style.backgroundColor="darkcyan"; document.getElementById('division').style.backgroundColor="darkcyan"; document.getElementById('substraction').style.backgroundColor="darkcyan"; document.getElementById('multiplication').style.backgroundColor="darkcyan"; document.getElementById('clearing').style.backgroundColor="darkcyan"; document.getElementById('themesChange').style.backgroundColor="darkcyan"; } // just to toggle the colors else{ document.body.style.backgroundColor="black"; document.getElementById('numFirst').style.backgroundColor="black"; document.getElementById('numSecond').style.backgroundColor="black"; document.getElementById('result').style.backgroundColor="black"; document.getElementById('addition').style.backgroundColor="darkcyan"; document.getElementById('division').style.backgroundColor="darkcyan"; document.getElementById('substraction').style.backgroundColor="darkcyan"; document.getElementById('multiplication').style.backgroundColor="darkcyan"; document.getElementById('clearing').style.backgroundColor="black"; document.getElementById('themesChange').style.backgroundColor="black"; } // the styling part // you can create an external stylesheet and add the link to the index.html page . // don't forget to put the css file inside angle bracket tags // youtube doesn't allow putting "style -- /style" tags . #numFirst,#numSecond,#result{ margin-top:20px; border-left-width:0px; border-right-width:0px; border-top-width:0px; width:90%; margin-left:20px; background-color:black; color:white; } #result{ margin-bottom:20px; } #additon{ border-width:0px; background-color:cornflowerblue; color:white; } #substraction{ border-width:0px; background-color:blueviolet; color:white; } #division{ border-width:0px; background-color:coral; color:white; } #multiplication{ border-width:0px; background-color:crimson; color:white; } #clearing,#themesChange{ background-color:darkseagreen; color:white; border-width:0px; } // Hope , I have helped you . // Thanks For watching and best of luck .
Views: 793 Niamatullah Bakhshi
ANIMATION USING JAVASCRIPT,HTML AND CSS | MUST WATCH!
 
02:30
Hello friends ,I am here with a new video in which i will tell you how can you make an animation using javascript.htmland css. okkkk. here is the soucre code--- ENJOY!! IMPORTANT MESSAGE--(((((((((angle brackets are not allowed in the description so i am using "[" instead of angle brackets okkk but make sure when you COPY this code you replace these"[" with angle brackets okkk)))))))) [!DOCTYPE html] [html] [style] #myContainer { width: 400px; height: 400px; position: relative; background: #b0d7c5; } #myAnimation { width: 50px; height: 50px; position: absolute; background-color: #00b867; } [/style] [body] Click the button below to see the Animation Effect [p] [button onclick="myMove()"]Click Me [/button] [/p] [div id ="myContainer"] [div id ="myAnimation"][/div] [/div] [script] function myMove() { var elem = document.getElementById ("myAnimation"); var pos = 0; var id = setInterval(frame, 10); function frame() { if (pos == 350) { clearInterval(id); } else { pos++; elem.style.top = pos + 'px'; elem.style.left = pos + 'px'; } } } [/script] [/body] [/html] THANKS FOR WATCHING THE VIDEO !! IN THE NEXT VIDEO I WILL TELL YOU HOW TO MAKE LOADERS.. OKKK BYE HAVE FUN
Views: 171 Keshav arora
Efecto Envanecer FadeIn Aumentar Alpha U Opacidad Con Javascript
 
07:33
En Este Tutorial Veras Con Aumentar La Opacidad De Un Objeto con javascript Codigo: Como youtube no admite mayor que y menor que fueron sustituidos por dobe gato "##": ##html## ##head## ##script type="text/javascript"## var Opacidad = 0; function Envanecer(Elemento){ var Div = document.getElementById(Elemento); Opacidad = Opacidad + .1; Div.style.opacity = Opacidad; if(Opacidad ## 0 && Opacidad ## 1){ window.setTimeout("Envanecer('"+Elemento+"');",100); } } ##/script## ##/head## ##body## ##div id="Cuadro" style="opacity:0;width:100px;height:100px;background-color:red;"####/div## ##input type="button" value="Ejecutar" onclick="Envanecer('Cuadro')"## ##/body## ##/html## Espero Les Guste. SUSCRIBETE !!!
Views: 985 loloco2000
Learn JS HTML Dom In Arabic #01 - What is DOM?
 
11:47
تعرف على ال DOM ما هو و ما الذي يربطه بالجافا سكريبت و ما الذي يمكن للجافا سكريبت عمله في صفحتك
Views: 62193 Elzero Web School
Another Weird Diep Script
 
01:44
Nothing much I can say here. It's a diep script that does weird things. THE SCRIPT: // ==UserScript== // @name diep on drugs // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author adasba // @match http://*/* // @grant none // @run-at document-idle // ==/UserScript== (function() { 'use strict'; //setTimeout(function() { var shaderButton = document.createElement('button'); document.getElementsByTagName('body')[0].appendChild(shaderButton); shaderButton.style = "position:absolute; top:10px; left:10px;"; shaderButton.innerHTML = "Turn on the shader or something lol"; shaderButton.onclick = function() {input.set_convar('ren_background', false);} var c = document.getElementById('canvas'); var ctx = c.getContext('2d'); c.style.opacity = 0; var c2 = document.createElement('canvas'); c2.style = "position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;"; document.getElementsByTagName('body')[0].appendChild(c2); var ctx2 = c2.getContext('2d'); var c3 = document.createElement('canvas'); var ctx3 = c3.getContext('2d'); var i = 0; var depth = 6; c2.width = c.width; c2.height = c.height; c3.width = c.width; c3.height = c.height; window.addEventListener('resize', function() { c2.width = c.width; c2.height = c.height; c3.width = c.width; c3.height = c.height; }, false); var li = 0; function loop() { li++; ctx3.clearRect(0, 0, c3.width, c3.height); ctx3.drawImage(c, 0, 0, c3.width, c3.height); ctx3.globalCompositeOperation = "source-in"; ctx3.fillStyle = "hsla(" + li + ", 100%, 50%, 1)"; ctx3.fillRect(0, 0, c2.width, c2.height); ctx3.globalCompositeOperation = "normal"; ctx.globalCompositeOperation = "hue"; ctx.drawImage(c3, 0, 0, c.width, c.height); ctx.globalCompositeOperation = "normal"; ctx2.drawImage(c, 0, 0, c2.width, c2.height); ctx2.drawImage(c2, c2.width / 32, c2.height / 32, c2.width / 32 * 30, c2.height / 32 * 30); ctx2.fillStyle = "hsla(0, 0%, 0%, 0.05)"; ctx2.fillRect(0, 0, c2.width, c2.height); requestAnimationFrame(loop); } loop(); //}, 5000); })(); If you enjoyed the video, like, comment, and subscribe, there's no harm in doing it! Check out these channels: https://www.youtube.com/channel/UCLBSp_S27grf3SC-Nv7_QmA https://www.youtube.com/channel/UCO7rnIYnt3hIZTGFGsszYQA https://www.youtube.com/channel/UCdPF-HtDi_XCRe7ixKv5VPw https://www.youtube.com/channel/UCXZ8ycjFBuINRooDDCl71RQ Some Diep.io Websites: http://diepio-conception.wikia.com/wiki/Diep.io_Conception_Wikia http://diepio.wikia.com/wiki/Diep.io_Wikia https://www.reddit.com/r/Diepio/
Pixelated Diep.io
 
08:00
Tampermonkey Script: // ==UserScript== // @name Pixel Diep // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author You // @match diep.io // @grant none // ==/UserScript== (function() { 'use strict'; var c = document.getElementById('canvas'); var ctx = c.getContext('2d'); c.style.opacity = 0; var c2 = document.createElement('canvas'); var ctx2 = c2.getContext('2d'); document.getElementsByTagName('body')[0].appendChild(c2); c2.width = 1920 / 10; c2.height = 1080 / 10; c2.style = "width:100%; height:100%; image-rendering:pixelated;"; //stolen- err.... involuntarily borrowed from https://stackoverflow.com/questions/19129644/how-to-pixelate-an-image-with-canvas-and-javascript ctx2.msImageSmoothingEnabled = false; ctx2.mozImageSmoothingEnabled = false; ctx2.webkitImageSmoothingEnabled = false; ctx2.imageSmoothingEnabled = false; function loop1() { ctx2.drawImage(c, 0, 0, c2.width, c2.height); requestAnimationFrame(loop1); } loop1(); })(); If you enjoyed the video, like, comment, and subscribe, there's no harm in doing it! Check out these channels: https://www.youtube.com/channel/UCLBSp_S27grf3SC-Nv7_QmA https://www.youtube.com/channel/UCO7rnIYnt3hIZTGFGsszYQA https://www.youtube.com/channel/UCdPF-HtDi_XCRe7ixKv5VPw https://www.youtube.com/channel/UCXZ8ycjFBuINRooDDCl71RQ Some Diep.io Websites: http://diepio-conception.wikia.com/wiki/Diep.io_Conception_Wikia http://diepio.wikia.com/wiki/Diep.io_Wikia https://www.reddit.com/r/Diepio/
Javascript - Change element CSS by ID using onclick event
 
02:44
A simple video showing how to change the CSS of an element by assigning it an ID and using the click of a button. In this example we will be changing the font size of a p tag, it will be changing from a smaller text to a larger text once the button is clicked. Comment below if you have any other questions and I'll be more than happy to help you out. Also comment below for any future videos you would like to see! SUBSCRIBE!
Views: 1181 Ninja Dev Max
Javascript ג'אווה סקריפט - AddEventListener
 
06:54
Javascript ג'אווה סקריפט - AddEventListener add closure vs add function transfer parameter -------------------------------------------------------- _!DOCTYPE html_ _html lang="en" xmlns="http://www.w3.org/1999/xhtml"_ _head_ _meta charset="utf-8" /_ _title__/title_ _style_ .aaa{ border:1px solid red; } _/style_ _/head_ _body_ _br /__br /__br /__br /__br /_ _div id="a1" class="aaa" par1="stam" style="width:600px;z-index:100" par1="123" _1 _/div_ _div id="aaa"__/div_ _div style="height:1000px;" onclick="go()"_click to add event_/div_ _script_ var count = 0; function print(a) { alert(a.toElement.attributes["par1"]); document.getElementById("aaa").innerHTML += a; } function go(e){ document.getElementById("a1").addEventListener("click", print, true); //document.getElementById("a1").addEventListener("click", function (a) { document.getElementById("aaa").innerHTML += a; }, true); } _/script_ _/body_ _/html_
Views: 122 newclassvideo
Change background image using Javascript with Html Button
 
05:31
change the image of body using html button by applying javascript function.. onclick method is used on button.
Views: 8483 owais ali
CSS & JS - Show Text Over An Image On Click
 
09:06
Code used [6th Jan 2018] : http://codepen.io/zFunx/pen/dvJQEY In this video, you will learn how to show text over 1) multiple images at once 2) only one image at a time ...when click on that images. If you wanna see how to show text over an image on hover, go here https://youtu.be/EXWjMswCuf8
Static and Dynamic Colorful Buttons in HTML and CSS by ~ xRay Pixy
 
07:50
For best view use 720px Quality :) How to Link Web-pages to Buttons in HTML ~xRay Pixy https://youtu.be/epCNEIQdSbQ CSS properties used: - text-color - background color - box shadow - border radius - height and width How to Link Web-pages to Buttons in HTML ~xRay Pixy https://youtu.be/epCNEIQdSbQ 1. Web-Development course:Comment Box ~xRay Pixy https://youtu.be/biVJ5dpUAl4 2. Web-Development course:Marquee Tag (Move Content) ~xRay Pixy https://youtu.be/hCLIVLdmrlY 3. Web-Development course:Add Audio/Video ~xRay Pixy https://youtu.be/fI8dm_PjbAI 4.Web-Development course: HTML CSS Login Form ~xRay Pixy https://youtu.be/TnbQ3B9TxtU 5. Web-Development course: HTML Button Tag ~xRay Pixy https://youtu.be/uGuNP3CWXsY 6. How to Create Links for Web-page ? ~xRay Pixy https://youtu.be/LoppuBJ9TYk 7. How to Link Web-pages to Buttons in HTML ~xRay Pixy https://youtu.be/epCNEIQdSbQ
Views: 1684 Ritika Saini
JavaScript tutorial 85 - Objects in general
 
06:37
Introduction to Objects in general: What is an Object in general? Object: (noun) Object represents any real world entity Ex: Car, House, Student, College, Employee, Company, Point, Rectangle, Button, atom, world etc Objects are going to have attributes and behaviors Attribute: (noun) Attribute is a property of an object Ex: color, model, speed, name, address, roll num, width, height etc Behavior: (verb) Behavior is the functionality of an object. I.e. what an object can do, or what we can do to the object Ex: start, stop, accelerate, paint, getDistance, getArea etc Note: Behaviors are responsible for modifying attributes of an object Examples: a) Object : Car Properties: color, model, speed Behaviors : start(), stop(),accelerate() b) Object : House Properties: color, address, name Behaviors : paint(), setName() c) Object : Point Properties: x, y Behaviors : getDistance() d) Object : Rectangle Properties: width, height Behaviors : getArea() 1. While solving any real world problem, first we identify objects present in that problem. 2. Then we identify the attributes and behaviors of each object. 3. Then we convert the identified real world objects in to software world objects using the language construct known as object. Note: JavaScript objects help us to represent any real world object in our web world. ======================================================== Follow the link for next video: https://youtu.be/2SgSnhVxzQA Follow the link for previous video: https://youtu.be/5e9oClJ_U5o ========= 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 ========================================================
Tutorial: How to display larger images on demand using Javascript
 
04:33
Tutorial: How to display larger images on demand using Javascript. Download and display small images first. Allow the user to select a larger image in a responsive design. Part of a series of tutorials for the Open University course TT284, Block 3 part3
Views: 105 Peter Thomson
Harlem Shake On Facebook
 
04:25
The code: javascript:(function(){function c(){var e=document.createElement(-link-);e.setAttribute(-type-,-text-css-);e.setAttribute(-rel-,-stylesheet-);e.setAttribute(-href-,f);e.setAttribute(-class-,l);document.body.appendChild(e)}function h(){var e=document.getElementsByClassName(l);for(var t=0;t-e.length;t++){document.body.removeChild(e[t])}}function p(){var e=document.createElement(-div-);e.setAttribute(-class-,a);document.body.appendChild(e);setTimeout(function(){document.body.removeChild(e)},100)}function d(e){return{height:e.offsetHeight,width:e.offsetWidth}}function v(i){var s=d(i);return s.height-e&&s.height-n&&s.width-t&&s.width-r}function m(e){var t=e;var n=0;while(!!t){n+=t.offsetTop;t=t.offsetParent}return n}function g(){var e=document.documentElement;if(!!window.innerWidth){return window.innerHeight}else if(e&&!isNaN(e.clientHeight)){return e.clientHeight}return 0}function y(){if(window.pageYOffset){return window.pageYOffset}return Math.max(document.documentElement.scrollTop,document.body.scrollTop)}function E(e){var t=m(e);return t-=w&&t-=b+w}function S(){var e=document.createElement(-audio-);e.setAttribute(-class-,l);e.src=i;e.loop=false;e.addEventListener(-canplay-,function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;e-O.length;e++){T(O[e])}},15500)},true);e.addEventListener(-ended-,function(){N();h()},true);e.innerHTML=- -p-If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.--p- -p--;document.body.appendChild(e);e.play()}function x(e){e.className+=- -+s+- -+o}function T(e){e.className+=- -+s+- -+u[Math.floor(Math.random()*u.length)]}function N(){var e=document.getElementsByClassName(s);var t=new RegExp(-\\b-+s+-\\b-);for(var n=0;n-e.length;){e[n].className=e[n].className.replace(t,--)}}var e=30;var t=30;var n=350;var r=350;var i=---s3.amazonaws.com-moovweb-marketing-playground-harlem-shake.mp3-;var s=-mw-harlem_shake_me-;var o=-im_first-;var u=[-im_drunk-,-im_baked-,-im_trippin-,-im_blown-];var a=-mw-strobe_light-;var f=---s3.amazonaws.com-moovweb-marketing-playground-harlem-shake-style.css-;var l=-mw_added_css-;var b=g();var w=y();var C=document.getElementsByTagName(-*-);var k=null;for(var L=0;L-C.length;L++){var A=C[L];if(v(A)){if(E(A)){k=A;break}}}if(A===null){console.warn(-Could not find a node of the right size. Please try a different page.-);return}c();S();var O=[];for(var L=0;L-C.length;L++){var A=C[L];if(v(A)){O.push(A)}}})() ! Sorry my english is bad!
Views: 78 Khairi Arizaldi
Selenium with C# 51 - IJavaScriptExecutor interface | How to execute JavaScript from Selenium
 
18:27
Javascript executor IJavascript Interface Alert using JavascriptExecutor Refresh the page using JavascriptExecutor Handle checkbox using JavascriptExecutor InnerText using JavascriptExecutor Get the Title of a page using JavascriptExecutor Get a domain of a page using JavascriptExecutor Get a URL of a page using JavascriptExecutor How to scroll a page using JavascriptExecutor How to navigate to other page using JavascriptExecutor Type text of JavascriptExecutor How to get height and width of a page using JavascriptExecutor What is JavaScript? JavaScript is the preferred language inside the browser to interact with HTML dom. This means that a Browser has JavaScript implementation in it and understands the JavaScript commands. What is IJavaScriptExecutor?   IJavaScriptExecutor is an Interface that helps to execute JavaScript through Selenium Webdriver. IJavaScriptExecutor provides two methods "executescript" & "executeAsyncScript“ to run JavaScript on the selected window or current page. Alert Pop Window We can create the alert pop-up using allowing code (IJavaScriptExecutor)driver).ExecuteScript(“alert('Hello')"); To Refresh The Page We can refresh the page by using following code ((IJavaScriptExecutor)driver).ExecuteScript("history.go(0)"); To Handle Checkbox To make the checkbox has checked ((IJavaScriptExecutor)driver).ExecuteScript("document.querySelectorAll('input[value = read]')[0].click()"); To make the checkbox has unchecked ((IJavaScriptExecutor)driver).ExecuteScript("document.querySelectorAll('input[value = read]')[0].click()"); To Get The Inner Text We can the inner text of page by using following code ((IJavaScriptExecutor)driver).ExecuteScript("return document.documentElement.innerText;").ToString(); To Get The Title Of Page We can get title of page by using following code ((IJavaScriptExecutor)driver).ExecuteScript("return document.title;").ToString(); To Get The Domain Of Page We can get Domain of page by using following code ((IJavaScriptExecutor)driver).ExecuteScript("return document.domain;").ToString(); To Get The URL Of Page We can get URL of page by using following code ((IJavaScriptExecutor)driver).ExecuteScript("return document.URL;").ToString(); To Scroll The Page To scroll the page vertically for 500px we use the following code ((IJavaScriptExecutor)driver).ExecuteScript("window.scrollBy(0,500)"); To scroll the page vertically till the end we use following code IJavaScriptExecutor)driver).ExecuteScript("window.scrollBy(0,document.body.scrollHeight)"); To navigate other page We can navigate to other page by using following code (IJavaScriptExecutor)driver).ExecuteScript("window.location='http://uitestpractice.com'"); To Get The Height And Width of page We can height and width of a page by using following code ((IJavaScriptExecutor)driver).ExecuteScript("return window.innerHeight;") ((IJavaScriptExecutor)driver).ExecuteScript("return window.innerWidth;") To Type The Text We can type the text into a text box by using following code ((IJavaScriptExecutor)driver).ExecuteScript("document.getElementById('Email').value='[email protected]';"); Possible Interview Questions on IJavaScriptExecutor What is Javascript What is IJavascriptExecutor How to create alert using IJavaScriptExecutor How to refresh the page using IJavaScriptExecutor How to handle the checkbox using IJavaScriptExecutor How to get the InnerText of javascript Executor How to get the title of a page using IJavaScriptExecutor How to get a domain of a page using IJavaScriptExecutor How to get a URL of a page using IJavaScriptExecutor How to scroll a page using IJavascriptExecutor How to navigate to other page using IJavascriptExecutor How to get the height and width of a page using IJavascript Executor How to type text into text box using IJavaScriptExecutor Code : [TestMethod] public void JavaScriptDemo() { IWebDriver driver = new FirefoxDriver(); driver.Url = "http://ankpro.com"; //((IJavaScriptExecutor)driver).ExecuteScript("prompt('Hello')"); //((IJavaScriptExecutor)driver).ExecuteScript("arguments[0].click();", "element"); //((IJavaScriptExecutor)driver).ExecuteScript("history.go(0)"); driver.Url = "http://uitestpractice.com/Students/Form"; //((IJavaScriptExecutor)driver).ExecuteScript("document.getElementByValue('dance').checked=true;"); ((IJavaScriptExecutor)driver).ExecuteScript("document.querySelectorAll('input[value = read]')[0].click()"); //String sText = ((IJavaScriptExecutor)driver).ExecuteScript("return document.documentElement.innerText;").ToString(); //Console.WriteLine(sText); //String sText1 = ((IJavaScriptExecutor)driver).ExecuteScript("return document.title;").ToString(); //Console.WriteLine(sText1); //String Text = ((IJavaScriptExecutor)driver).ExecuteScript("return document.domain;").ToString(); //Console.WriteLine(Text); Thread.Sleep(2000); driver.Quit(); }
Views: 298 Ankpro Training
03 Raspberry Pi DS18B20 PHP displays the temperature data on a web page.
 
12:40
This third video shows how to use PHP to do the following. 1. Add to the previous video. 2. Create a 4 line HTML file to create a button and space to display the data. I can't copy the lines here but I do have the pdf on the patreon site. 3. Create a CSS file to help visualize the HTML in the browser. section{ display:inline-block; position: relative; width:100%; height:200px; border-width: 2px; border-color:black; border-style: solid; } 4. Create the javascript file to connect to the php file data back to the browser. const myAjaxRequest = new XMLHttpRequest(); myAjaxRequest.open('GET', 'pitemp.php', true); myAjaxRequest.onload = NEW_FUNCTION; myAjaxRequest.send(); function NEW_FUNCTION(){ if(myAjaxRequest .status === 200){ document.getElementById("temps").innerHTML = myAjaxRequest .responseText; } } I have a pdf on my patreon site and my cheapcontrols site if you want to cut and paste the commands. Join me on twitter @cheapcontrols to hear about new videos Visit my Patreon page at https://www.patreon.com/cheapcontrols OR www.cheapcontrols.com to support these videos. Links clicked on the Cheap Controls homepage help support creating these videos.
Views: 23 Cheap Controls
Get fly browser window via JS.
 
01:00
Here use JS function 'rand' analog PHP function 'rand'. Also here use methods: window.resizeTo(), window.moveTo() and document.getElementById() In result, we have fun fly browser window. This is JS :)
Views: 80 Sam DiazGood
Change Background Colors with JavaScript and Input Range Sliders (Part 1)
 
11:45
Use JavaScript and the HTML5 input type range element to make sliders that change the background color of a page dynamically. demo file: http://www.ralphphillips.com/youtube/background-sliders.html
Views: 11586 Ralph Phillips
Style Attributes in HTML
 
06:57
In this video I will show you the different types of style attributes in HTML. But first you have no idea about HTML then I highly recommend you watch my previous video (URL : https://youtu.be/YCVuw3A4uVI) because without watch that you may be in trouble with the style attributes because everywhere you need to start with the basics, if you have the idea about basic webpage structure then you can easily understand what's going on here! By the way the HTML programming is simpler compared to CSS which I will upload later on as I will go step by step and make a complete HTML course. Therefore, hit subscribe for those. Thanks for watching.
Views: 43 ProTechGear
社團法人苗栗縣愛加倍社區關懷協會100年前3季成果展
 
01:37
<div id=\"yam_AD_Expand_DIV_22692_8432_36992\" name=\"yam_AD_Expand_DIV_22692_8432_36992\" style=\"position: inherit; width: 960px; height: 30px; overflow: hidden; top: 0px\"><object id=\"yam_AD_22692_8432_ID\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\"960\" height=\"250\" closeexpand=\"function () { return eval(instance.CallFunction("<invoke name=\\""+name+"\\" returntype=\\"javascript\\">" + __flash__argumentsToXML(arguments,0) + "</invoke>")); }\"><param name=\"_cx\" value=\"25400\" /><param name=\"_cy\" value=\"6614\" /><param name=\"FlashVars\" value=\"\" /><param name=\"Movie\" value=\"http://admd.yam.com/Mater_Tpls/FlashExpand/FlashExpandSet.swf\" /><param name=\"Src\" value=\"http://admd.yam.com/Mater_Tpls/FlashExpand/FlashExpandSet.swf\" /><param name=\"WMode\" value=\"Opaque\" /><param name=\"Play\" value=\"0\" /><param name=\"Loop\" value=\"-1\" /><param name=\"Quality\" value=\"High\" /><param name=\"SAlign\" value=\"\" /><param name=\"Menu\" value=\"-1\" /><param name=\"Base\" value=\"\" /><param name=\"AllowScriptAccess\" value=\"always\" /><param name=\"Scale\" value=\"NoScale\" /><param name=\"DeviceFont\" value=\"0\" /><param name=\"EmbedMovie\" value=\"0\" /><param name=\"BGColor\" value=\"\" /><param name=\"SWRemote\" value=\"\" /><param name=\"MovieData\" value=\"\" /><param name=\"SeamlessTabbing\" value=\"1\" /><param name=\"Profile\" value=\"0\" /><param name=\"ProfileAddress\" value=\"\" /><param name=\"ProfilePort\" value=\"0\" /><param name=\"AllowNetworking\" value=\"all\" /><param name=\"AllowFullScreen\" value=\"false\" /></object></div><img border=\"0\" src=\"http://admd.yam.com/AD_V/?ADID=F99E0**.*9-8DB_163B--.0__.6C&AID=97C23**.*7-6BB_62DE--.A__.E9&LID=AF6C5**.*9-159_FF30--.3__.6D&UNID=1315993278046&RID=0.009896117985128738\" width=\"0\" height=\"0\" style=\"display: none\" alt=\"\" /> 100年8月19日,<noscript></noscript><!-- E - yam AD - 200905041630 - Layout_ID:00156 --><script language=\"Javascript\" type=\"text/javascript\"> var pID=3350558; var comm_num=0; var isadmin=1; </script><script language=\"javascript\" type=\"text/javascript\"> <!-- <![CDATA[ function show() { refer1=document.getElementById(\"show1\"); refer2=document.getElementById(\"show2\"); if (refer1.style.display!=\"none\") { refer1.style.display=\"none\"; refer2.style.display=\"block\"; } else { refer1.style.display=\"block\"; refer2.style.display=\"none\"; } } // ]]> --> </script><!-- Lcl outer templat --><div id=\"yui-main\"><div class=\"yui-b\"><div class=\"yui-gc\"><!-- Lcl 1 --><div class=\"yui-u first\"><!-- Lc1 content here --><div class=\"mod\"><div class=\"hd\"><h1 class=\"heading\"><span style=\"float: left\">社團法人苗栗縣愛加倍社區關懷協會100年前3季成果展</span></h1></div></div></div></div></div></div>
Views: 154 林政成
Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5
 
16:08
Lesson Code: http://www.developphp.com/video/JavaScript/Form-Select-Change-Dynamic-List-Option-Elements-Tutorial In this Javascript video lesson you will learn how to program dynamic select form list elements. To demonstrate the logic we will show how to change options of a select list based on the selection the user makes from the first list. A web application developer will definitely need to know how to do this when they get into form programming that involves data intake of categories and subcatories from a user.
Views: 225779 Adam Khoury

Here!
Guy in thong fuck
The rocker subtitulada online dating
Lesbian fucking with strapon
Here!