Jump to content

Search the Community

Showing results for tags 'html5'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 171 results

  1. Hello. This is my first post and am very happy to be part of your community!!! I created a site for a client at www.vacationocg.com It is not being displayed at all in older versions of IE. I am assuming this is because it is html5 but I am not certain. All it does is load the background color and freezes up. I found a fix at http://www.designerkawch.com/337/html5-enabling-script/ and copied the script into the header.php file (i am using WordPress) but it still freezes up. It gets a little bit further in the page load when I add that script, but not all the way. I am a student and still learning of course. Just wondering if anyone had any other potential solutions for this. thanks so much!
  2. Hello people, i need help on my HTML5 Form with javascript. I have been looking over and over at my textbook as reference to do the scripting. [some with google] However, i dont seem to be able to generate a answer out from my codes. Does anyone know why and how i can fix it?Your help is deeply appreciated! Thank you! Here are my codes <script type="text/javascript"> function CalculateMEPS() { var amt = document.getElementsByName('mepsAMT').value; var bank = document.getElementsByName('bank').value; var selectedbank = document.getElementsByName('bank').options[bank.selectedIndex].value; if (selectedbank == "DBS" || selectedbank == "OCBC" || selectedbank == "UOB") { document.getElementsByName('mepsCost').value = (amt * 0.003); } else if (selectedbank == "HSBC" || selectedbank == "SChart") { document.getElementsByName('mepsCost').value = (amt * 0.005); } else { document.getElementsByName('mepsCost').value = (amt * 0.007); } } </script> <form name="mepsCharge" action="" method="post"><fieldset><legend>Charges for MEPS</legend><label for="Amount">Amount Transferred:</label><input type="text" name="mepsAMT" id="mepsAMT" size="16" maxlength="8" /> <label for="Bank">Name of Recieving Bank</label> <select size="1" name="bank" id="bank"> <option value="DBS">DBS/POSB Bank</option> <option value="OCBC">OCBC Bank</option> <option value="UOB">UOB Bank</option> <option value="HSBC">HSBC Bank</option> <option value="SChart">Standard Chartered Bank</option> <option value="CITI">CitiBank</option> </select> <input type="button" name="Calculate" value="Calculate" onclick="CalculateMEPS()" /> <label for="cost">Total Cost of Transfer</label><input type="text" name="mepsCost" size="16"/></fieldset></form>
  3. ekuemoah

    HTML5

    I would like to know what is used to describe the following section in an html5 document. Do I use header or a section? The section outlined in blue. Thank You You can view the image at this site:https://docs.google....NTZaUWRyb2libmM Thank you
  4. How can I create an interactive chart like this: http://se.deltasd.bc.ca/vision/ while using HTML5?
  5. Hey! I'm working on an custom map, i have the map from google and altert the style it all works.But i would like to show a HTML5 movie in an overlapping div and then fade it out afer it is finished.This is what i got so far: Jquery: <script type="text/javascript">$('#soundlogo').delay(400).fadeOut(400);</script> CSS: #soundlogo { height:100%;width:100%;display:block; background-color:#FFF;position:fixed;z-index:100;} body: <body onload="initialize()"> <div id="soundlogo"> <video width="100%" autoplay> <source src="video/soundlogo-web.mp4" type="video/mp4" /> Your browser does not support the video tag.</video> </div><div id="nav"><strong>Mode of Travel: </strong><select id="mode" onchange="calcRoute();"> <option value="DRIVING">Driving</option> <option value="WALKING">Walking</option> <option value="BICYCLING">Bicycling</option></select></div> <div id="map_canvas" style="width:100%; height:100%"></div> </body> Problem is that the fade never occurs,thanks in advance!
  6. plicatibu

    HTML 5 Games

    Hi, folks. I want to learn to develop HTML games. Could you guys point me some tutorials about this subject? By the way I have a concern: How does one protect the source code? One the games will use javascript and HTML I think that it's not possible. Am I right? Thanks.
  7. I am new in the foray into HTML and am attempting to create a page, but as far as the page goes I always have issues with my navigation barIs this a result of bad coding and markup? My HTML5 does validate, so does my CSS. When I set the li to float left to create a vertical bar the entire bar dissapears off the screen not to be found anywhere...HTML5 code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Homepage</title> <meta name="description" content="fromthericefields, blog, home" /> <meta name="author" content="Joseph Davies" /> <link rel="stylesheet" type="text/css" href="header.css" /> </head> <body> <header id="mainheader"> <hgroup> <h1>fromthericefields</h1> <h2>Death and life are in the power of the tounge, and those loving it eat it's fruit</h2> <h3>Proverbs 18:21;</h3> </hgroup> <nav> <ul> <li><a href="signin.html">Sign in</a></li> <li>|</li> <li><a href="register.html">Register</a></li> </ul> </nav> </header> <nav id="mainnav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="index.html">Blog</a></li> <li><a href="index.html">Gallery</a></li> <li><a href="index.html">About</a></li> <li><a href="index.html">Contact</a></li> </ul> </nav> <section> <article> <h4>Setting up fromthericefields:</h4> <h5>Posted on 10/5/12</h5> </article> </section> <aside> <blockquote> </blockquote> </aside> </body> </html> The CSS: body { } #mainheader { background: blue; margin-top: -25px; margin-left: auto; margin-right: auto; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; height: 200px; width: 1000px; } #mainheader hgroup { padding-top: 10px; width: 1000px; } #mainheader h1 { font-style: italic; color: #ffffff; text-shadow: 5px 5px 5px #000000; font-size: 40px; } #mainheader h2 { font-style: oblique; font-size: 20px; color: #FF0000; margin-left: 20px; margin-top: -20px; } #mainheader h3 { font-family: monospace; font-size: large; color: #AAAAAA; margin-left: 600px; margin-top: -10px; } #mainheader nav { margin-left: 810px; margin-top: -130px; } #mainheader ul { list-style-type: none; } #mainheader li { text-align: center; display: inline; color: white; } #mainheader a { text-decoration: none; color: white; } /*Main Navagation Bar*/ #mainnav { width: 900px; background: red; border-bottom-left-radius: 25px; border-bottom-right-radius:25px; margin-left: auto; margin-right: auto; } #mainnav ul { list-style-type: none; margin-left: -2.5em; } [b] #mainnav li { display: inline; border: solid; }[/b] #mainnav a { text-decoration: none; color: white; text-align: center; } The place where the issue occurs is in bold.setting the display to inline, when I go to adjust the width, nothing happens but they stay the same sizeset it to float: left the whole thing dissapears!Why?
  8. Hi, I'm starting out with HTML5/XHTML and CSS/CSS3 and am soon getting around to JavaScript. I have a basic structure of my website that I've been making to practice improving my skills. Building it, it works on Firefox (No support for Chrome or IE9 yet, haven't got around to that) until I zoom in and out, then it breaks. Most speficially the Navagation bar... What am I doing wrong? Here is the HTML <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>Home</title> <meta name="description" content="" /> <meta name="author" content="fromthericefields" /> <meta name="viewport" content="width=device-width; initial-scale=1.0" /> <link rel="stylesheet" href="main.css" type="text/css" /> </head><body> <div id="all"> <header> <h1>fromthericefields</h1> <h2>Death and life are in the power of the tounge, and those loving it eat it's fruit.</h2> </header> <nav> <ul id="mainav"> <li id="leftnav">/</li> <li><a href="index.html">Home</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="advntr.html">Advntr</a></li> <li><a href="about.html">About Us</a></li> <li><a href="contact.html">Contact</a></li> <li id="rightnav">\</li> </ul> </nav> <section id="maincontent"> <article> <h2>Home:</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a turpis urna, ac rhoncus felis. Sed accumsan odio vel justo hendrerit quis egestas neque sagittis. Aliquam sit amet lectus justo, sit amet iaculis justo. Aenean molestie gravida arcu, faucibus feugiat orci viverra a. In hac habitasse platea dictumst. Donec faucibus pulvinar lacus. Suspendisse mattis ornare mauris id tristique. Maecenas scelerisque massa ac ante molestie scelerisque egestas dui rutrum. Nunc elementum nisl eu diam placerat varius. Morbi adipiscing porta malesuada. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a turpis urna, ac rhoncus felis. Sed accumsan odio vel justo hendrerit quis egestas neque sagittis. Aliquam sit amet lectus justo, sit amet iaculis justo. Aenean molestie gravida arcu, faucibus feugiat orci viverra a. In hac habitasse platea dictumst. Donec faucibus pulvinar lacus. Suspendisse mattis ornare mauris id tristique. Maecenas scelerisque massa ac ante molestie scelerisque egestas dui rutrum. Nunc elementum nisl eu diam placerat varius. Morbi adipiscing porta malesuada. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a turpis urna, ac rhoncus felis. Sed accumsan odio vel justo hendrerit quis egestas neque sagittis. Aliquam sit amet lectus justo, sit amet iaculis justo. Aenean molestie gravida arcu, faucibus feugiat orci viverra a. In hac habitasse platea dictumst. Donec faucibus pulvinar lacus. Suspendisse mattis ornare mauris id tristique. Maecenas scelerisque massa ac ante molestie scelerisque egestas dui rutrum. Nunc elementum nisl eu diam placerat varius. Morbi adipiscing porta malesuada. </p> </article> </section> <aside id="sidebox1"> <h2>About:</h2> <article> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a turpis urna, ac rhoncus felis. Sed accumsan odio vel justo hendrerit quis egestas neque sagittis. Aliquam sit amet lectus justo, sit amet iaculis justo. Aenean molestie gravida arcu, faucibus feugiat orci viverra a. In hac habitasse platea dictumst. Donec faucibus pulvinar lacus. Suspendisse mattis ornare mauris id tristique. Maecenas scelerisque massa ac ante molestie scelerisque egestas dui rutrum. Nunc elementum nisl eu diam placerat varius. Morbi adipiscing porta malesuada. </p> </article> </aside> <footer> <p> Copyright: 2012 fromthericefields.inc All rights reserved. </p> <nav id="footernav"> <ul> <li><a href="terms.html">Terms and Conditions</a></li> <li><a href="privacy.html">Privacy Policy</a></li> </ul> </nav> </footer> </div></body></html> The CSS is: #all {width: 900px;height: 400px;margin-left: auto;margin-right: auto;}header {text-align: left;border: outset #946040;border-radius: 25px;height: 100px;background-color: #945129;width: 900px;margin: 0px;}header h1 {text-shadow: 5px 5px 5px #FFFFFF;font-family:"Comic Sans MS", "TSCu_Comic";margin-left: 30px;margin-top: 5px;}header h2 {color: #00CC88;margin-left: 100px;margin-top: -20px;font-size: 15px;}/*The main navgation bar located in the header area*/nav {margin-left: 2px;margin-top: -20px;margin-bottom: 30px;width: 900px;}#mainav {list-style-type: none;margin: 0px;padding: 0px;width: 900px;}#mainav li {background: -moz-linear-gradient(top, #945129 0%, #944020 45%, #944020 55%, #945129 100%);display: inline;padding-top: 2px;padding-bottom: 2px;margin-top: -5px;border-bottom: outset;float: left;}#mainav li:hover {background: -moz-linear-gradient(top, #945129 0%, #d6a98b 45%, #d6a98b 55%, #945129 100%);}#mainav li:hover > a {color: black;}#mainav a {text-decoration: none;color: #ffffff;float: left;padding-left: 63px;padding-right: 63px;}#leftnav {border-bottom-left-radius: 25px;border-left: outset #944020;padding-left: 10px;padding-right: 10px;background: -moz-linear-gradient(top, #945129 0%, #d6a98b 45%, #d6a98b 55%, #945129 100%);float: left;margin-left: -2px;}#rightnav {border-right: outset #944020;border-bottom-right-radius: 25px;padding-right: 10px;padding-left: 10px;background: -moz-linear-gradient(top, #945129 0%, #d6a98b 45%, #d6a98b 55%, #945129 100%);float: left;margin-right: -4px;}/*End*//*The main content of the page*/#maincontent {border: outset #946040;border-radius: 25px;background-color: #945129;width: 75%;float: left;min-height: 500px;}#sidebox1 {border: outset #946040;border-radius: 25px;background-color: #945129;width: 22.6%;float: left;margin-left: 1%;min-height: 500px;}/*End*//*The footer*/footer {border: outset #946040;border-radius: 25px;background-color: #945129;width: 900px;clear: both;float: left;margin-top: 5px;min-height: 20px;text-align: center;}footer p {display: inline;margin-left: 10px;}#footernav {margin-bottom: -10px;}#footernav ul {list-style-type: none;margin-left: -2.5em;}#footernav li {display: inline;margin: 8px;}#footernav a {text-decoration: none;}/*End*/ All help would be appriticated, susgestions, and tips, as I am learning and am egear to learn all I can from my mistakes. This is what my webpage looks like, properly on my browser (Located as attachment) Thanks for your help Forgive me if this should be in another form as it regards both my HTML and CSS.
  9. Is it ok to go ahead and use the new doctype for HTML5 eventhough I am not using any of the new tags, but am basically using XHTML Strict until perhaps in the future I may use some of the tags and features. Is this acceptable? So far everything validates in the validator, but wonder if this is good practice to use a HTML5 doctype where there is no HTML5 markup in the source code.
  10. princesohrab

    HTML 5

    Upgrading your old website to html5. I would like to find out the process of various individual who has done it! Please do share your ideas of how you did it or if you're planning on doing it, how? Thanks all
  11. Hi folks, as the lovely HTML5 coming and proving that it's an unbelievable language , I found the new technique "Geolocation" very helpful to my project. as a part of my project, I have a simple form gathering info from the user such as name , email andthe latitude and longitude of the user's position. In w3schools's example , the latitude and longitude are returned as normal text above each other :Latitude: 00.0000Longitude: 00.0000 ( not really zeros ) my question is: after clicking on a button (say get location) , the latitude and longitude coords will be automatically inserted (filled) into 2 input boxes ( visible or hidden ) to be sent to the database after submitting the Form . is it something to do with innerHTML ? how to do that ? <form action="handle_form.php" method="post"> <p>Name: <input type="text" name="name" size="20" /></p> <p>Email Address: <input type="text" name="email" size="20" /></p> <p id="demo">Click the button to get your coordinates:</p><button onclick="getLocation()">Try It</button><script>var x=document.getElementById("demo");function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML="Geolocation is not supported by this browser.";} }function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude; }</script></form> the geolocation part code from here:http://www.w3schools...ml5_geolocation
  12. Hello,I'm having an unusual problem with CSS. Here is a picture of a problem. I pointed the "arrows" to these unneeded spaces,there should be just an border together,not having a space. Here is a code: .h-wrapper ul { width: 97%; height: 60px; position: relative; float: left; left:18px; background-color: rgba(50,50,50,0.98); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; box-shadow: 0 0 10px rgba(201,150,48,0.75); -moz-box-shadow: 0 0 10px rgba(201,150,48,0.75); -webkit-box-shadow: 0 0 10px rgba(201,150,48,0.75);} .h-wrapper ul li { list-style-type: none; height: 50px; width: 100px; line-height:60px; float: left; text-align: center; border-right: 1px rgb(201, 150, 48 ) solid; border-left: 1px rgb(201,150,48) solid; padding: 5px 0; /* Fixes border cut */} .h-wrapper ul li:hover { background-color:rgba(201,150,48,0.75);} I tried margin,padding,everything,didn't work And the problem isn't at HTML,everything is OK there ^^
  13. Greetings, I am trying to write a small page where the user selects how many users. I want to use a drop down list. I believe I have everything in place. However, I can not get the submit information into my php script. Any thoughts? HTML / PHP code <?php$num=$_POST["num"];$errorif ($num < 1) $error="Invalid option";if ($num == 1) header('Location: driven1.html');if ($num == 2) header('Location: driven2.html');if ($num == 3) header('Location: driven3.html');else header('Location: driven4.html');?><!DOCTYPE HTML><html><head><link href="driven1.css" rel="stylesheet" type="text/css"/><title>Driven support request</title></head><body><?php echo $error ?><div class="body"><header class="header"><!--Accelera logo--><img src="AcceleraLogo.jpg" alt="Accelera Logo" /></header><div class="div1"><form method="get"> <fieldset class="user1"> <label>How many users?</label> <br /> <select name="num"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4+">4+</option> </select> <br /> <input type="submit" value="Submit" /> </fieldset></form></div></div></body></html>
  14. Hello. I have a question about drawing lines using javascript and HTML5. The code below calls a function that draws two lines with the same coordinates. The first line is drawn in black, the second in white. The intention is that the second line will erase the first line. The results that I see in Chrome a subtle Gray line. A ghost line or a line with screen artifacts. I was wondering if the community might be aware of an attribute that I am failing to set that will remove this problem. Thanks! PDXPat <html> <head></head> <body onLoad="draw();"> <canvas id="canvas" width="640" height="480"></canvas> <p id="debug"/> <script type="application/javascript"> var DEBUG = false; var line_left = 0;var line_right = 640;var line_top = 0;var line_bottom = 480; var canvas = document.getElementById('canvas');var ctx = canvas.getContext('2d'); var WIDTH=640, HEIGHT=480; function drawline( l, t, r, b, color ){debug(l);debug(t);debugĀ®;debug(; ctx.lineWidth=1;ctx.strokeStyle = color;ctx.beginPath();ctx.moveTo(l, t);ctx.lineTo(r, ;ctx.stroke(); } function draw(){drawline( line_left, line_top, line_right, line_bottom, "#000000" ); drawline( line_left, line_top, line_right, line_bottom, "#ffffff" );} function debug(text){if(DEBUG)document.getElementById("debug").innerHTML = document.getElementById("debug").innerHTML + "<br>" + text;} </script> </body> </html> GhostLine.html
  15. I'm trying to understand the proper prodecure for creating an environement for creating apps (HTML5) for mobile phones (IOS and Andriod). I've looked at several sites and they're all a bit misguiding to me so I was wondering if somebody can help me out on this one. This is what I have sofar: - My system: PC/Windows7- I got: Apple dev account- I got: Dreamweaver 5.5 Sofar I can't figure out wich SDK I need to install for iOS support in Dreamweaver (PC), the only thing I see is for MAC.I'm hoping that you guys can help me out with good suggestions/solutions.
  16. Hello All, Is there any sort of tag that will open a default phone application like Skype. A tag similar to mailto or webcal? if not what sort of web language could access a computer directory to find and open it? Thanks!
  17. Hello Everyone! I am making HTML 5 exercices for children with the Google Chrome Browser & HTML 5 Speech Input. Now my problem is that the Speech Input misses a lot for example I said "Nine" and Google Chrome filled in "Ni**er" & I said "Cat" Chrome filled in "Pu**y". So I did research and I know it is possible with the Opera variant to define a set of limited words called "Grammar". Now we got to my question: "Is it possible to define a Grammar (set of words) with the HTML 5 Speech Input". A bonus question: "Do you know an example website with some fancy things that u can do with the Speech Input" Thanks to anyone who can help! Kind regards
  18. Hi All, How do we grab the day, mth and year values from the date input with html5? Thanks
  19. Hi all. I am starting a little blog at blogspot.. (any suggestions of who hosts better coding blogs?) Anyway, first up is an example I made detailing some of the caveats of getting started with html5 canvas. Unlike some of the 2nd-english givers out there, my english is good from morning ablutions on. I'm the Steve Carrel type who has a need to be praised. the address ishttp://programahead.blogspot.com the end result can be seen herehttp://respaceable.com/examplemove "usually the people you're worried about stealing your ideas, you should be shoving your ideas down their throats."
  20. Hi all. I am starting a little blog at blogspot.. (any suggestions of who hosts better coding blogs?) Anyway, first up is an example I made detailing some of the caveats of getting started with html5 canvas. Unlike some of the 2nd-english givers out there, my english is good from morning ablutions on. I'm the Steve Carrel type who has a need to be praised. the address ishttp://programahead.blogspot.com the end result can be seen herehttp://respaceable.com/examplemove "usually the people you're worried about stealing your ideas, you should be shoving your ideas down their throats."
  21. Go to http://calinmocanu.webs.com/the_canvas/ball.htm No, that's not my experiment but I want to double the number of balls for more fun.
×
×
  • Create New...