Jump to content


  • Content Count

  • Joined

  • Last visited

Everything posted by vmars316

  1. Ok davejI'll give it a shot , & get back to yous , Thanks
  2. Thanks , I moved the code here : </td></tr></table> <script type="text/javascript" src="skel-main-2.js"></script> </body> But it didn't help . Still struggling............
  3. Actually , I Posted it last night , then edited it to empty . Then this morning I checked and there were no answers , so I edited it again , with html code . Guess the Forum keeps the original date Posted , not the last time edited . No probs . I wasn't complaining , just explaining why I was Posting again . Anyways , I do greatly appreciate all the help you folks have given me and others over the years . And I try to give feedback , so yous can see the result . Thanks again ! Here's what I am working on now : www.liesandcowpies.com/testMe/Quickjs/~paddle-index-NOW.html Except that is the older version . I want to move Buttons out of game , into html .....
  4. I'm not sure why I haven't received a reply yet , maybe if I put code here instead of pastebin : Here's the html " <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, width=device-width"> <link rel="shortcut icon" type="image/png" href="icon16.png" /> <!-- try here: --> <script src="quick.js"></script> <script src="skel-main-2.js"></script> <!-- --> <style> #assets { height: 1px; overflow: hidden; visibility: hidden; width: 1px; } body { background-color: #000000; margin: 0; overflow: hidden; padding: 0; } canvas { cursor: default; } table { color: #;000000; background-color: #C0C0C0; height: 24px; border: none; } </style> </head> <body> <div> <table align="center" style="height:10px"> <tr> <td width="10%"> totalScore = </td> <td id="totalScore" width="5%"> </td> <td width="8%"></td> <td width="10%"> oops! = </td> <td id="oopsScore" width="5%"> </td> <td width="8%"></td> <td width="10%"> goodHits = </td> <td id="goodHits" width="5%"> </td> <td width="8%"></td> <td width="10%"> totalShots = </td> <td id="totalShots" width="5%"> </td> </tr> </table> </div> <!-- try here: <script src="skel-main-2.js"></script> --> <div align="center"> <canvas id="canvas" align="center" width="640" height="300""> </canvas> <!-- width="800" height="600" --> </div> <!-- <script src="skel-main-2.js"></script> --> <div id="assets"> <!-- <img id="frame0" src="frames/frame0.png" width="32" height="32" /> --> <img id="bgCompound" src="sprites/bgCompound.png" width="320" height="191" /> </div> <table align="center" style="background-color:#992d2d "> <tr><td> <button onclick="myFunction()">goodHit</button> <button onclick="myFunction()">oop</button> <!-- <input type="button" id="hello-world2" value="Hello" onClick="alert('Hello World! 1'); alert('Hello World! 2'); alert('var test01 says '); "/> --></td></tr></table> <!-- try here: <script src="skel-main-2.js"></script> --> </body> </html> Note that I moved the code: <script src="skel-main-2.js"></script> to <head> section . When I run .html I get this console error: "Uncaught TypeError: Cannot read property 'width' of undefined" for quick.js That doesn't trouble me . But when I click on one of the Buttons , i get this console error: "Uncaught ReferenceError: myFunction is not defined" . As you can see in .html I have tried positioning <script src="skel-main-2.js"> in several place . But none can find the Function myFunction , unless I put the script ref as inline coding . How can I get a clear path to <script src="skel-main-2.js"> ? Btw: the code for myFunction in <script src="skel-main-2.js"> starts at line 59 . Thanks
  5. Hello & Thanks , I am learning from this example : http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_ev_onclick I want to put the .js in a separate file , <script src="skel-main-2.js"></script> instead of within the .html . Code is here : quick.js: www.liesandcowpies.com/testMe/Quickjs/quick.js (if needed) html: http://pastebin.com/EQUTDd4y js: pastebin.com/HXbrb86M I want to put the .js in a separate file , <script src="skel-main-2.js"></script> instead of within the .html . But when I run it , up comes this console error : Uncaught ReferenceError: myFunction is not defined ? How can I connect .html with .js ? Thanks
  6. Oops , I see my error : I need a separate document.getElementById('item#').innerHTML = for each item# . Thanks
  7. I couldn't get the crazy thing working so I did this instead: <div> <table style="width:100%"> <tr> <td width="10%"> totalScore = </td> <td id="totalScore" width="5%"> </td> <td width="8%"></td> <td width="10%"> oops! = </td> <td id="oopsScore" width="5%"> </td> <td width="8%"></td> <td width="10%"> totalHits = </td> <td id="totalHits" width="5%"> </td> <td width="8%"></td> <td width="10%"> totalShots = </td> <td id="totalShots" width="5%"> </td> </tr> </table> </div> Thanks
  8. Thanks , this is what i am trying to get to run : document.getElementById('keepScore').innerHTML = ' player2Score = ' + player2Score; but when I get this to work , i will have 4 players , player1 -player4 .
  9. Hello & Thanks , var player1Score = 10; var player2Score = 20; document.getElementById('keepScore').innerHTML = ' player2Score = ' + player2Score; I want to be able to display several items on one line with the above code or preferably something that works . Pls , how can I do this . Thanks
  10. Thank you very much guys ! Both this : <script src="..\..\lib\Phaser.js"></script> And this : <script src=".\..\..\lib\Phaser.js"></script> WORK !
  11. Thanks , I have been all around with google . Some stuff contradicts other stuff . Anyways , of the following 3 ways , only the first one works . <script src="C:\Phaser\phaser-2.4.4\DownloadExamples\phaser-examples-master\examples\lib\Phaser.js" type="text/javascript"></script> <!-- <script src="/examples/lib/Phaser.js" type="text/javascript"></script> --> <!-- <script src="\examples\lib\Phaser.js" type="text/javascript"></script> --> I must be missing something , help me out here . Thanks
  12. Hello & Thanks , I have an .html file here : C:\Phaser\phaser-2.4.4\DownloadExamples\phaser-examples-master\examples\arcade-physics\asteroid-movement\asteroids-movement.html that points to a .js file here : <script src="C:\Phaser\phaser-2.4.4\DownloadExamples\phaser-examples-master\examples\lib\Phaser.js" type="text\javascript"><\script> The prob for me is that the \lib Folder which contains the .js is not in the Path of .html . Other than moving the \lib Folder , How can I shorten the Path reference to \lib\ Phaser.js ? I suspect its some combination of ../examples/lib . I have tried all kinds of combinations but I can't figure it out . I need help . Thanks...vmars
  13. Thanks : Yes , I am beginning to understand that I wonder how Enchant.js does it then . It works great ! Trouble is , they stopped updating it . Oh , here is a working example : http://liesandcowpies.com/testMe/~cat-source-WIP-experiment.html That means that no one can do a "save as" for the page above and have it run on their computer , Unless they specify saveAs "html only" option , and then to run it they must be connected to internet . justsomeguy , Thanks for sticking with me . ..Vern
  14. Hello & Thanks , No probs getting an image file off internet or server with javascript, BUT Getting a LOCAL image file with javascript causes an "File access violation" . No problem with html5 getting a LOCAL file : <div id="images"> <br><img id="truth02id" name="truth02png" src="truth02.png"> </div> But If I use either of the two javascript code below , the browser considers it an "File access violation" : // Add our image as a sprite // OR loader .add("images/truth02.png") .load(setup); I have seen examples of using something like this (I don't know how to put it all together -need HELP) : var truth02 = new PIXI.Sprite.fromImage(document.getElementById("truth02id").src = "truth02.png"); Here is my working code (except for the "access violation") : <!doctype html> <html> <head> <meta charset="utf-8"> <title>Pixi.js goose.png</title> <style> body { margin: 0; padding: 0; background-color: #000; } </style> </head> <body> <script src="C:\pixi.js\bin\pixi.min.js"></script> <script> //////////////// var renderer = PIXI.autoDetectRenderer(160, 144); // Set the background color of the renderer to a baby-blue'ish color renderer.backgroundColor = 0x3498db; // Append the renderer to the body of the page document.body.appendChild(renderer.view); // Create the main stage for your display objects var stage = new PIXI.Container(); //////////////// // Add our image as a sprite // Set the anchor in the center of our sprite goose.anchor.x = 0.5; goose.anchor.y = 0.5; // Position our goose in the center of the renderer goose.position.x = renderer.width / 2; goose.position.y = renderer.height / 2; // Add the goose to the stage stage.addChild(goose); //////////////// // Start animating animate(); function animate() { requestAnimationFrame(animate); //////////////// // Rotate our goose clockwise goose.rotation += 0.1; // Rotate our goose counter-clockwise // goose.rotation -= 0.1; //////////////// // Render our container renderer.render(stage); } //////////////// </script> </body> </html>
  15. I am running pixi.js To get html to run i user would have to : In chrome , I have to add command line switchw=es , "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files In IE , i have to click on the BLOCKED button So i was thinking , i could load image fine with html *.png and then grab it in js from html , maybe something like document.GetElementById . But I don't know how exactly to write that code . Possible ? Thanks..vm
  16. Hellol & Thanks , Having trouble with getting local image from javascript . So I would like to get the image in Html , then pass it to js . So , How to pass 'html *.png' to javascript ? Thanks..Vern
  17. From that validator i get msg: " Sorry! This document cannot be checked." I am all worn out guys . I give up . ..vm
  18. Oops , somehow i lost the 'and here' link: http://www.freeformatter.com/html-validator.html ..
  19. Thanks , I ran html thru : http://toolbox.seositecheckup.com/ It came up with these messages : " Congratulations! Your page does not use HTML deprecated tags. " " Your webpage is using 4 inline CSS styles! " " Your website does not contains any keywords! " " Congratulations! We have not found underscores in your in-page URLs! " " Congratulations! This URL and all internal links on this page are SEO friendly. " And here : The HTML document is valid, but it contains some warnings that should be fixed. <select> Isn't Allowed In <tr> Elements (At line 20, column 1) Discarding Unexpected </td> (At line 31, column 6) So i added <td> to code . <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>myFavs-HtmlProbs.html</title> <meta name="Generator" content="PureBasic"> <meta name="Description" content="Your description here..."> <meta name="Description" content="...Created by myFavs % PureBasic..."> <style type="text/css"> </style> </head> <body text="#000000" style="background-color:#A69E80; text-align:center;"> <br> <br> <br> <!--dd <div style=--> <table width="100%" border="0" style="text-align:center" cellspacing="0" cellpadding="0"> <tr style="text-align:center"> <td> <!-- EXAMPLE: <MenuName="aaMost-Used"> --> <!-- rgb(250,240,255) --> <select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(231,169,126);" name="menu" onchange="window.open(this.value)"> <option selected="0" value="">aaMost-Used</option> <option value="http://alternativeto.net/">AlternativeToSoftwares</option> <option value="https://www.biblegateway.com/reading-plans/chronological/today?version=NLT">One Year Chronological Bible NLT</option> <option value="http://www.portablefreeware.com/">portablefreeware.com/</option> </select> </td> </tr></table><br></body></html> Then got the 'ok' . The HTML document is fully valid. But of course this doesn't fix the original problem . Thanks...vm
  20. Thanks : The code below works for edge explorer , except for video style ( <video controls autoplay border="0" style="left:100px; top:400px; height:500px; width:500px;" alt=""; > ) "left:100px; top:400px; height:500px; width:500px;" . But in chrome , audio plays , but video is Black . Any ideas why ? Thanks..vm
  21. Hello & Thanks , Could someone please aim me at a w3Schools example of how to do this . Thanks..vm
  22. Hmm... This is worse : <select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(231,169,126);" name="menu" onclick="window.open(this.value)"> A click results in browser trying to go to the DropdownMenu label . ..vm
  • Create New...