Search the Community
Showing results for tags 'java script'.
Found 10 results
-
Hello, I need help. I am beginner.<!DOCTYPE html> <html lang="lt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> button{ position: relative; top: 26px; width:30px; background-color:#ffffff; border:none; } button i i{ display: inline-block; width: 2px; height: 20px; background:#00B875; animation: mymove 1.2s infinite; } .play1 {animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);} .play2 {animation-timing-function: cubic-bezier(0.42,0,1,1);} .play3 {animation-timing-function: cubic-bezier(0,0,0.58,1);} .play4 {animation-timing-function: cubic-bezier(0.42,0,0.58,1);} .play5 {animation-timing-function: cubic-bezier(0,0,0.58,1);} @keyframes mymove { from {height: 6px;} to {height: 12px;} } .pause1 {animation-timing-function: step-end;} .pause2 {animation-timing-function: step-end;} .pause3 {animation-timing-function: step-end;} .pause4 {animation-timing-function: step-end;} .pause5 {animation-timing-function: step-end;} </style> </head> <body> <button onclick="myFunction()"> <i id = 1 class="play"> <i class="play1"></i> <i class="play2"></i> <i class="play3"></i> <i class="play4"></i> <i class="play5"></i> </i> <i id = 2 class="pause"> <i class="pause1"></i> <i class="pause2"></i> <i class="pause3"></i> <i class="pause4"></i> <i class="pause5"></i> </i> </div> </button> <script> var myVideo = document.getElementById("9"); var isPlaying = false; function myFunction(){ if (isPlaying) { myVideo.pause(); document.getElementById("1").style.opacity = "0"; } else { myVideo.play(); document.getElementById("2").style.opacity = "0"; } }; myVideo.onplaying = function() { isPlaying = true; }; myVideo.onpause = function() { isPlaying = false; }; </script> </body> </html> There are two buttons here, it's not good. Thank you.
-
I do not get the input value x to add to i in the for loop. What am I doing wrong? <!DOCTYPE html> <html> <body> <input id="inp" type="number" > </input> <button type="button" onclick=myFunction() > click</button> <p id="result" > </p> <script> function myFunction(){ var txt= ""; res = document.getElementById("result"); res.innerHTML=""; var x= document.getElementById("inp").value; var i= 0; for ( ; i < 20; i++) { txt += "input" + i + "<br>"; i = i += x ; } res.innerHTML=txt; console.log(txt += "input is " + (i+x) + "<br>"); console.log(i); } </script> </body> </html>
-
how do i delete a topic
-
Hello Gurus, I'm a beginner to the Java Script. While learning Arithmetic chapter, I just tried the below simple program. Everything is giving correct result except the addition operation. I tried my best to understand and produce the result. Could anyone point out/throw some light on what I'm doing wrong please. <!DOCTYPE html> <html> <body> <h1>Assigning Values</h1> <p>In JavaScript the = operator is used to assign values to variables.</p> <input type="number" id="a" value=5></input> <input type="number" id="b" value=1></input> <p id="+"></p> <p id="-"></p> <p id="YY"></p> <p id="*"></p> <p id="/"></p> <script> var x = document.getElementById( "a" ).value; var y = document.getElementById( 'b' ).value; //document.getElementById("+").innerHTML = "Additon - " + (x + y) + typeof x; //document.getElementById("+").innerHTML = (x + y) + " - Additon" ; //document.getElementById("+").innerHTML = x + y; document.getElementById("+").innerHTML = Number(x) + y; document.getElementById("-").innerHTML = x - y ; document.getElementById("YY").innerHTML = "Subtraction - " + x - y ; document.getElementById("*").innerHTML = "Multiplication - " + x * y; document.getElementById("/").innerHTML = "Divide - " + x / y; </script> </body> </html> Thanks in Advance. Regards, Md.Riyaz
-
Hello everybody here! This is my 3rd step that I want to learn Java Script Language. Before I've finished HTML and CSS. Please, Could anyone share some informative links that make me happy to learn it soon? Thanks in advance...
-
Dear All I am trying to save some images in the browser’s local storage, but as the image size is more, the local storage is exhausted. Please let me know, is there a way to increase the Local Storage size programmatically using Java Script. As I am doing this for a ePub I am not sure on the other storage methods. Thanks Saai Murugan
-
hello all, Recently i created a fuction auto incriment of no. in html pages but there is a problem in this when the html page load again the counting start with its origin the fuction is: <script type="text/javascript">var number = 1;function increment(){ number++; showNumber(number); number = number;}function showNumber(num){ document.getElementById("displayDiv").innerHTML = num;}window.onload = function(){ setInterval("increment()", 1000); showNumber(number);}</script> <div id="displayDiv"></div> where is the problem? why it cant start from its last updated value
-
Hello! im so new to javascript, my situation is beginner of the beginner But i have to write a code on mscrm 2011 order entity. i have two field, pricelevelid and new_taxincl(radio button). I want to change value in pricelevelid field based on selection of new_taxincl field. If user select ''yes'' i want to fill pricelevelid field with ''USD -Tax Included-'', ''no'' ''USD -without tax-''. This have to run onChange event. I could not write the correct code so far. Any help will be fine for me. Thanks.
-
I am trying to finalise a co-creation website that swaps image when certain radio buttons are selected. It works in Firefox.. can anyone tell me why it is not working in Safari? http://www.designpartners.co.uk/Product/SmartPhone_Skin/ The part that I feel does not connect is as below: } var sel = document.getElementById("mainimg"); var s = grps+""; while (s.length < 5) s = "0" + s; sel.src = "http://www.designpartners.co.uk/resources/iPhone-skins/skin-options/iPhone_Skins_Art_Case"+s+".png"; } function addmodelid() { var textbox = document.getElementById("item_number"); var mainimg = document.getElementById("mainimg"); var s = mainimg.src textbox.value = s.substring(71); return true; } </script> <div id="columns"> <div class="right column"> <p><img title="Fudged Skins" id="mainimg" alt="mainimg" src="http://www.designpartners.co.uk/resources/iPhone-skins/skin-options/iPhone_Skins_Art_Case02000.png" height="480" width="380" border="0" onsubmit="return addmodelid()"(mainimg)>
-
I want to include a form in my website for visitors to enter there name, email and message. I have yet not learnt how to do it so i am looking for help...If sending form data to an email is too complicated, I dont mind having a system in which the form data is written on to a file in my server directory. Eg: a note which i can read manully.
