Jump to content

Search the Community

Showing results for tags 'javacript'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 12 results

  1. Hi! So I am new to coding and I am just trying to make a small project for myself. All it is a button that when you press it, it plays randomly one of three sounds. Something is going wrong though and I can't figure out what, anyone know? <!doctype <!DOCTYPE html> <link rel="stylesheet" href="C:\Users\Owner\Google Drive\Code\Experiments\HTML-CSS-JAVASCRIPT\Random Sound\Code\Random Sounds.css"> <h1> Random Sounds </h1> <button id="press"> Press me! </button> <script> var num = 0 function pressed() {
  2. Here's the reference code: https://www.w3schools.com/howto/howto_js_image_comparison.asp I'd like to be able to get this to duplicate and have them appear side by side. Putting the HTML code into tables doesn't work. If I increase the size of the pictures they run over each other. I think the issue is within the CSS. Here's a sample of code: .img-comp-img { position: absolute; width: auto; height: auto; overflow: hidden; } I was able to move the snowy mountain picture by copying the code, changing the element selector to ".img-comp", changing position to r
  3. Hi! I need some help please because I don't know how to change the javascript code for have more slides in the same page... there's somebody that can tell me the right way to do it?... I'm using this is code for 2 slides but I need 10 slides ( from https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_multiple) <script> var slideIndex = [1,1]; var slideId = ["mySlides1", "mySlides2"] showSlides(1, 0); showSlides(1, 1); function plusSlides(n, no) { showSlides(slideIndex[no] += n, no); } function showSlides(n, no) { var i
  4. Hello, I am trying to make website with inclusive design for my homework and I have three functions that are changing the text size, text style and site color theme, but I can not save the changes after I reload the page. This is my code for changing the text size: localStorage.setItem('z', '1'); function size() { if (localStorage.getItem('z')=="1"){ txt = document.getElementById("a").style.fontSize = "25px"; localStorage.removeItem("z"); localStorage.setItem('z', '2'); } else if (localStorage.getItem('z')=="2") {
  5. Write a web page that will ask the user whether they like apple. the web page will provide feedback through the use of an alert box. The feedback will indicate "that is great" when the user says yes, "that is bad " when the user says no, and "invalid input" for any other answer. USE ONLY FUNCTIONS WITH THIS
  6. Hi, i'm creating my private webpage with my own styling by css in some forms i need. For the design i used several examples of the HowTo-section of w3schools. On the custom select item i need a scroll element, because the select element has many options hat i should be able to sroll through. How can i add this function? Thanks for your help Harald style.css orange.css Spieler.php helpfile.js
  7. Hello, I have different overlay images on iframe vimeo videos. As I have several embeded vimeo videos and overlay images, I would like to add a script so that when I click on one overlay image it doesn't apply to all the overlay images on the page. Here's the code, thanks <!DOCTYPE html> <html> <head> <style> #vid { display: none; margin-top: -365px; z-index:1; } #vid2 { display: none; margin-top: -365px; z-index:1; } #iframe_id { pointer-events: none; } </style> </head> <bod
  8. Dear all, Using a small webpage for my app, I am confused because I don't how to stop the function I did. I am using a C++ program which grab pictures in a file. I read the file and update it each 2 seconds. The functions I used are: <script language="javascript"> function updateImage() { obj = document.imagename; obj.src = obj.src + "?" + Math.random(); setTimeout("updateImage()",2000); } </script> <script language="javascript"> function showPicture() { var sourceOfPicture = "/home/tux/Prog/Medias/Images/calib1.png"; var img = document.ge
  9. Hi, I am new to coding and I am working on creating a new nav bar for my company site. So far, it's coming out decently well but I am running into an issue and was hoping someone could help me. I can't seem to center my dropdown portion of the nav bar on mobile. Any help would be greatly appreciated! HTML: <html> <head> <link href="[https://fonts.googleapis.com/css?family=Montserrat:600&display=swap](https://fonts.googleapis.com/css?family=Montserrat:600&display=swap)" rel="stylesheet"> </head> <body> <
  10. BACKGROUND: I recently installed chart.js using npm but had much trouble in do doing and would like now to verify that it is working properly. Accordingly, I ran the following two pieces of code followed by console.log(typeof myChart) in my browser's console. var Chart = require('chart.js'); var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, {}); and var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, {}); only to discover that the results were the same -- namely, object QUESTION: Is this telling me that the require stat
  11. hello I make a hotkey for aplication Webpleas Chek my code... <!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=Edge" ><style type="text/css">body{background:green;} #over{ background: rgba(0,0,0,0.8); width: 100%; height: 100%; top: 0; bottom: 0;left: 0;right: 0; border: 0px solid blue; position: fixed; } #data{border:3px solid white; width: 300px; margin:100px auto;background: white; color:blue; font:2em 'Agency FB';text-align: center;} a{cursor: pointer;}</style><script type="text/javascript">window.onload =
  • Create New...