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 148 results

  1. ajsmithhhhh

    Changing back ground colour - confused!

    Hi, I'm using this theme http://themes.industrialthemes.com/?theme=made Does anyone know how I would change the background of the main box containing the posts?
  2. I seem to have gotten in over my head with this project. I spent most of the day just typing out code, without the ability to debug it due to slow browser speed. When I got off work I started correcting my syntax errors, which didn't take very long. Unfortunately, I have spent many hours trying to resolve some sort of logic error in the game which is apparently a very serious one, as it prevents any of my sprites from appearing. The fillRect() function is showing up perfectly, but the drawImage() function is not. I will go ahead and post the whole game code, as it is pretty concise by my own meager standards. I am a noob to javascript and coding in general, and this will probably show. That being said, I really expected this to work, and would certainly appreciate any help which is on offer. Upon previewing my post I noticed that spacing differences rendered my map array unreadable. I have decided to attach a text file (as I am not permitted to upload .js files) instead of pasting. I hope this is acceptable. script.txt
  3. Andrewpotter

    query_slide_toggle issue

    Hi everyone,I've been slaving over some code for a week now trying to get a Jquery slide toggle to work.Basically, I have an image in a div (#pulldown_tab), which I'd like to trigger the panel with copy (#cream_of_the_craft)Much appreciate anyone's help keeping my hair from falling out! Files attached. index3.html pencilpaperandpartner3.css
  4. ndbbb

    help with html5

    Can anyone help me with the code for this: http://imageshack.us/photo/my-images/441/html5z.png/ because now i am learning html5 and i don't know how to make it. I'll be very happy if anyone help me with the code
  5. terryds

    HTML5 vs HTML

    I'm confused what to choose between html5 and older html version... I see that html5 is great, but what if old browser and mobile phone browser can't render it? Can you tell me how to make all browsers (including mobile phone browser, like Opera mini) can render html5 and css3 ?
  6. bobrenjc93

    Easy way to embed html5 videos

    It's an easy way to embed html5 videos on your websites! All you need to do is upload a video file, and the site will output an embeddable html5 tag! http://easyvideoembeds.com Let me know what you guys think!
  7. Hi I have created a simple HTML5 drag and drop game. However, I am having a nightmare trying to get all current browsers to display the message "THIS BROWSER SUPPORTS / DOES NOT SUPPORT DRAG AND DROP." The message displays correctly in I.E.9, Chrome, Firefox and Opera. But Safari for Windows displays 'This Browser SUPPORTS Drag and Drop', even though it doesn't. I've changed the JS from if(Modernizr.draganddrop) to if(window.FileReader && Modernizr.draganddrop). It works, but then I.E.9 displays 'This Browser DOES NOT Support Drag and Drop' even though it does. I'm using Modernizr and I suspect that I need to edit this - but I just don't know how to do that. This is the section of code I'm referring to: if(Modernizr.draganddrop){ document.write("This browser supports Drag and Drop");}else{ document.write("This browser does not support HTML5 Drag and Drop ");} In the <head> there is: <script src="../scripts/modernizr.js"></script> I've spent days on this but got nowwhere. Any help and advice would be much appreciated. Thanks George
  8. dorlevi

    align to center ruin the html file

    Hello,i am decoding a psd to html and css,and i have this code: <!DOCTYPE html><html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8" /> <title>בית ספר לקעקועים</title> <style> body { background-color:#042870; no-repeat fixed 100% 100%; } </style> </head> <body> <div> <img src="images/platform.png " style="position:relative; z-index:-1;" /> <a href="about.html"> <img class="alignImg" src="images/about.png " style="position: absolute;left:920px; top: 250px;" /> </a> this code works (no matter what the screen size is)but when i add align to center it ruiz the pagewhen the page is bigger then the html file all the buttons move from where they should be....(i want them in the a specific location and when i dont use the align it put them in the right place but when i use the align when the screen is very big like mine it moves the buttons from their location....) how can i fix it? thx from advance
  9. bridget.cull@gmail.com

    Kids stories in HTML5

    Hi there, my name is Bridget and I'm in Melbourne, Australia. I'm a content producer and I'm looking for someone to build some children's stories into HTML5 web pages. The stories are currently available as apps (iTunes) but in order for them to be accepted under the Australian Curriculum, they need to be in HTML5. I have all the artwork and assets ready for rebuilding into HTML5. This is a great work experience project for a student or recent grad. Payment = a share of profit. If this sounds like you, please contact me on bridget.cull@gmail.com
  10. John702

    html5 image size

    I am almost a newbie at css3 and html5. when I was looking up image sizing in w3schools it said something to the effect that html5 no longer supports image sizing in per cents? I have Internet Explorer 8 for one design veiw browser, firefox, Chrome and safari are the other ones. Anyway the per cent sizing seems to be working in all browsers except IE8, is there a work around for the IE8 issue. The width works fine it's the height that is the problem. I'm not going to spend $100.00 just for an Internet Explorer browser. I know I need to update my os to windows 10 is it? but not at this time. Personal reasons. I do responsive website designing and px is not responsive. Isn't responsive the future way of the internet any more, with all the mobile devices out there?
  11. 10eIOSweb

    Using an svg logo in an HTML5 page

    Hi, I'm trying to use an svg file to display a logo instead of a png file, but when they don't render the same font and image in the browser. Anyone have an idea why the svg file doesn't display in the browser like in the svg editor (inkscape)? This is a link to the site: www.10elearning.com
  12. dorlevi

    video tag - html5

    hello,i have 2 questions in html5:1. can i reverse the movie? i mean i have i have a movie and it is playing upside downand i need to cw it 90 degrees or 180 degress how can i do it without changing the video(php, html, css, js....)2.can i play a video and after it is finished it will play automaticly a second video? thx from advance
  13. goose2013

    using php to send form data to email

    Im looking for a little help, I am in the process of building a website and I want the contact form data to be sent to an email account.After looking at a tutorial on how to send my html form data to php I have hit a problem where the email always goes into the outlook accounts junk folder. I suspsect it may be the code I have used anyway any help would be very appreciated. Anyone know of a good tutorial or example code that will help me send my form data to email? Many thanks
  14. w3schoon

    Input Select Required Attribute

    Nice be with you everyone! I found out that input required attribute requires "that an input field must be filled out before submitting the form." like this... <form action="demo_form.asp">Username: <input type="text" name="usrname" required><input type="submit"></form> My question is: Is it possible also to use input required attribute in select? like this... <select name="gender" required><option value="" selected="selected">Choose...</option><option value="male">Male</option><option value="female">Female</option></select> I want to validate gender field if it has already value (male or female)otherwise will not submit like what input required attribute can do Thank you.
  15. m_k_amin

    HTML5 Drag and Drop feature

    I know that HTML5 provides Drag and Drop and is a powerful tool for it. However I just used it successfully for dragging and dropping HTML elements, HTML codes and Files. What other thing can I do with this feature? For example can I drag an address from the address bar and drop it on a text box? or can I do it reversely?
  16. Is there a Way with Javascript to add Help bubbles over an input Box?For example when you you hover over an input for Name: _____ it would say like First Name????ThanksAn example is this https://edit.europe.yahoo.com/registration?.intl=ukWhen you go over the name field it says First name in a bubble. Ive been searching all over and can not find out how to do it.
  17. EchoedTruth

    Fixing Section Layout (html5)

    Hey everyone, I have been scouring the internet trying to solve this layout problem but I haven't found a solution - I want my article section to line up next to my nav bar properly. Using <float> left or right just pushes it above or below the nav bar as you can see here: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><title> My Magical World </title> <style> html, body { margin: 0px; padding: 0px; border: 0px } body { background-color: silver } article { margin: 20px; padding: 15px; border: 2px solid black; } footer { clear:both; background-color: red; border:5px solid black; text-align:center; } .b { border:5px solid black; text-align: center; background-color: red; } .field { border:2px solid black; text-align: center; background-color: red; } .navlink { border:1px solid #FFF; } </style> </head> <body> <div id="content-wrapper"> <!-- Content Wrapper Start --> <header class="b"> <h1> Hello World! </h1> <h2> Welcome to a magic world </h2> </header> <section id="main-content-area"> <!-- Section Main Content Area Start --> <nav style="background-color: red; border: 2px solid black; margin: 10px; padding: 10px; float: left; "> <fieldset class="field"><a href="BTSMain.html"><b>Home</b> </a></fieldset> <fieldset class="field"><a href="BTSServices.html"><b>Services We Offer</b></a></fieldset> <fieldset class="field"><a href="BTSAboutUs.html"><b>Request Service</b></a></fieldset> <fieldset class="field"><a href="BTSTestPage.html"><b>Contact Us</b></a></fieldset> <fieldset class="field"><a href="BTSTestPage2.html"><b>About BTS</b></a></fieldset> </nav> <article style="float: left"> My world is a strange place... it is populated by lemurs, lobsters, larvae, lampreys, and llamas. Lllaaaammmaaaaaaaaaassssssssssssssssssssssssss........... Lllaaaammmmmmmmaaaaaaassssssssssssssss <h4> <b> Llamas...... </b> </h4> </article> </section><!-- # Section Main Content Area End --> <footer> <h1> <a href="BTSAboutUs.html"><b>About My World </b></h1> </footer> </div><!-- # Content Wrapper End --> </body> </html> Thanks in advance
  18. Had some odd results... but I think I fixed it. Are there any remaining problems with this code? <body><canvas id="canvas" width="500" height="500"></canvas> <script>var canvas = document.getElementById('canvas').getContext('2d');canvas.strokeStyle="#FF0000";//redcanvas.lineWidth=10;canvas.beginPath();canvas.moveTo(10,10);canvas.lineTo(490,490); alert('canvas is still blank -- next stroke');canvas.stroke();canvas.strokeStyle="#00FF00";//greencanvas.lineWidth=30; canvas.beginPath();canvas.moveTo(490,10);canvas.lineTo(10,490); alert('next stroke');canvas.stroke();canvas.font="35px Verdana";canvas.strokeStyle="#000";canvas.fillStyle="#F00";//redcanvas.lineWidth=1; alert('next fillText');canvas.fillText("HTML5 abcABC",50,250); //(string, xStart, yStart) alert('next strokeText');canvas.strokeText("HTML5 abcABC",50,250); //(string, xStart, yStart)</script> </body>
  19. pustofkj

    Deactivate ondragover

    Hi all, I don't know if this topic should be part of JavaScript or HTML forum, but I think here it is ok - I'm sorry if it's not. I'm developing a school work - chess game for two players. It has to be RIA and we should use HTML5 platform or Silverlight. I decided for HTML5 and I'd like to use HTML5 drag&drop.Well, when somebody clicks e.g. on white pawn on B2, the application should now make field B3 droppable and after drop the dropability should be prevented.So I'm learning HTML5 drag&drop. This is my code: function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { if (ev.target.id == 'B2_piece') { var targetField = document.getElementById('B3_field'); /**** here I'm making field B3 droppable - it's working ****/ targetField.ondragover = function(ev) { allowDrop(ev); }; targetField.className = targetField.className + ' allowed'; } ev.dataTransfer.setData('Text', ev.target.id);} function drop(ev) { ev.preventDefault(); ev.target.appendChild(document.getElementById(ev.dataTransfer.getData('Text'))); ev.target.className = ev.target.className.replace(' allowed', ''); /**** here I'd like to prevent dropability on every field - in this case only field B3 ****/ var xpathResult = document.evaluate('//div[@ondragover]', document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null); var current = xpathResult.iterateNext(); while (current) { current.ondragover = function(ev) { return true; } current = xpathResult.iterateNext(); }} But the prevention is not working. Don't you know the reason? Thank you very much :-)
  20. pratik8613

    Page not responding

    Hello Friends, I have created a website. Website pages load normally. But if any page remains open for sometime then it stops responding for a couple of seconds. After a couple of seconds, page again responds normally. What can be the problem for page NOT responding? Please HELP.
  21. Hello. For some weeks ago, i made a file upload for a gallery.I made it using html5, and everything works fine. the only problem is that when i select multiple files, the uploads funktion works fine when the total of all files is less than 8 mb, because of limitation on the php.I can se, that if i select more than 8mb, the files are uploaded to the server, but i dont think that the php can "move" the files at ones? Does any one have a work around? it is very important to select multiple files due to alot of sub_files! (i was thinking to make something like foreach file(upload and move)) sorry if this should have ben in php section //html// <form action="send.php" method="post" enctype="multipart/form-data"><fieldset> <legend>Upload af billeder</legend> <?php$dirname = "Gallery";$dir = opendir($dirname);echo '<select name="sti">';echo '<option value="Vælg mappe!">Tryk her for at vælge galleri</option>';while(false != ($file = readdir($dir))) { if ($file<>'.' && $file<>'..') { if (is_dir("$file")); echo "<option value=".$file.">$file</option>"; } } echo '</select>'; ?> Vælg venligst det galleri du ænsker at uploade dine billeder til. <br><br>Der kan maks uploades 8mb sammenlagt! Så hvis du ikke får en besked med at billederne er uploaded, har du nok valgt for mange!<br><br> Vælg filer:<br> <input type="file" value="" name="upload[]" multiple><br> <button type="submit">Upload!</button> </fieldset></form> //php "send.php"// <pre><?php $error_message[0] = "Dit forsøg på at uploade billederne lykkedes desværre ikke. <br>DU HAR IKKE VALGT EN MAPPE PRØV IGEN<br>Hvis du ikke har oprettet en mappe, kan du gøre det på upload siden.<br> hvis dette skulle være en fejl, er du velkommen til at skrive til mig. webadmin@domain<br>";$error_message[1] = "Filen du forsøger at uploade er er ALT for stort! du bedes forminske dit billede.";$error_message[2] = "Filen du forsøger at uploade er er ALT for stort! du bedes forminske dit billede.";$error_message[3] = "Kontakt administator: webadmin@domain vdr. fejl 3";$error_message[4] = "Du har ikke valgt nogen fil!";$upload_dir = 'Gallery/'.$_POST['sti']."/";$num_files = count($_FILES['upload']['name']);for ($i=0; $i < $num_files; $i++) { $upload_file = $upload_dir . rand(1000, 9999) . basename($_FILES['upload']['name'][$i]); if (!preg_match("/(gif|jpg|jpeg|png|GIF|JPG|JPEG|PNG)$/",$_FILES['upload']['name'][$i])) { print "Der kan kun uploaded billeder! dvs. ingen dokumenter eller PDF filer! Hvis du mener dette er en fejl, kontakt venligst admin: webadmin@domain"; } else { if (@is_uploaded_file($_FILES['upload']['tmp_name'][$i])) { if (@move_uploaded_file($_FILES['upload']['tmp_name'][$i], $upload_file)) { /* Great success... */ echo "Din fil er nu blevet uploaded til: " . $upload_file . "<br />"; echo "<--*done*--> <br>"; } else { print $error_message[$_FILES['upload']['error'][$i]]; } } else { print $error_message[$_FILES['upload']['error'][$i]]; } }}echo "done";?></pre>
  22. Mackenzie17

    Opera Does Not Get Canvas Handle

    Hi I'm a little new to JavaScript and I am trying to make a small program using an HTML5 canvas. However, when the following code is executed:function Prog(){ var self = this; this.init = function() { var d = document; self.canvas = d.getElementById("can"); self.c = self.canvas.getContext("2d");...}var p = new Prog();p.init();The code works in the other major browsers, but in opera, it throws an error saying "cannot convert self.canvas to object" or sometimes just "self.canvas is null"Thanks in advance
  23. Hi There, I don't know if I am in the right topic thread for errors or debugging but suggestions was the closest I could find. I was viewing the HTML 5 audio tag examples in W3Schools and I noticed that the controls are not showing up in IE9. Even though on the audio page it says that it is compatible with IE9. Now when I right click on it I do get the options to play/pause but I don't get sound. I tried on Firefox and it worked fine so it wasn't a sound issue. I have attached a screen shot so you can see both the code on the left and example on the right in IE9.
  24. Ole

    HTML5 - Animation

    Is it possible with HTML5 to make interactive animations? say if I press a link, then an animation will be played, will it work?
  25. Necroft

    2 html pages and 1 js

    hi i have a really big problem (for me). i have a html5 animation, but actuali is just a html file with a js, this animation was created in edge from adobe, and i got some thing like this: <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=9"/><title>Ribbon</title><script type="text/javascript" charset="utf-8" src=".../muse/assets/ribbon2/Ribbon2_edgePreload.js"></script><style> .edgeLoad-EDGE-4268933 { visibility:hidden; } </style><!--Adobe Edge Runtime End--> </head><body style="margin:0;padding:0;"><div id="EDGE-4268933" "edgeLoad-EDGE-4268933" style="height: 110px"></div></body></html> so in the Ribbon2_edgePreload.js is all my animation code. so in that code i wanna make a call a function in other html and in this case is a masterpage from asp.net in my masterpage i got this function. <script type="text/javascript" > function redMaster(){ var iframe1 = document.getElementById("iframe1"); iframe1.style.display="none"; }</script> the problem is that my animation html file is in the masterpage but inside of an iframe, so when some one click on an animated button i want to hide the specific iframe with that js code but when in the master page add the referecen to the js (<script type="text/javascript" charset="utf-8" src=".../muse/assets/ribbon2/Ribbon2_edgePreload.js"></script>), something really strange happen and the masterpage is changed for the html animation code (this is in the web browser), so i wanna know is there is another way to archieve this. code in the java js (function($,Edge,compId){var Composition=Edge.Composition,Symbol=Edge.Symbol;//Edge symbol: 'stage'(function(symbolName){Symbol.bindTriggerAction(compId,symbolName,"Default Timeline",3974,function(sym,e){sym.stop();});//Edge binding endSymbol.bindTriggerAction(compId,symbolName,"Default Timeline",3595,function(sym,e){sym.stop();});//Edge binding endSymbol.bindTriggerAction(compId,symbolName,"Default Timeline",3703,function(sym,e){sym.stop();});//Edge binding endSymbol.bindTriggerAction(compId,symbolName,"Default Timeline",3839,function(sym,e){sym.stop();});//Edge binding endSymbol.bindTriggerAction(compId,symbolName,"Default Timeline",4153,function(sym,e){});//Edge binding endSymbol.bindTriggerAction(compId,symbolName,"Default Timeline",4153,function(sym,e){sym.stop();});//Edge binding endSymbol.bindTriggerAction(compId,symbolName,"Default Timeline",4206,function(sym,e){sym.stop();});//Edge binding endSymbol.bindTriggerAction(compId,symbolName,"Default Timeline",3500,function(sym,e){sym.stop();});//Edge binding end//custom code modification for the call of the js methodSymbol.bindElementAction(compId,symbolName,"${_Rojo}","click",function(sym,e){red();});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Verde}","click",function(sym,e){sym.play("green");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Moradoso}","click",function(sym,e){sym.play("purple2");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Morado}","click",function(sym,e){sym.play("purple1");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Azul}","click",function(sym,e){sym.play("blue");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Comisions}","click",function(sym,e){sym.play("red");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Prorrateo}","click",function(sym,e){sym.play("blue");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Catalogo}","click",function(sym,e){sym.play("green");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Ventas}","click",function(sym,e){sym.play("purple1");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Gastos}","click",function(sym,e){sym.play("purple2");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Rojo}","mouseover",function(sym,e){sym.play("red");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Comisions}","mouseover",function(sym,e){sym.play("red");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Azul}","mouseover",function(sym,e){sym.play("blue");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Prorrateo}","mouseover",function(sym,e){sym.play("blue");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Catalogo}","mouseover",function(sym,e){sym.play("green");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Verde}","mouseover",function(sym,e){sym.play("green");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Ventas}","mouseover",function(sym,e){sym.play("purple1");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Morado}","mouseover",function(sym,e){sym.play("purple1");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Gastos}","mouseover",function(sym,e){sym.play("purple2");});//Edge binding endSymbol.bindElementAction(compId,symbolName,"${_Moradoso}","mouseover",function(sym,e){sym.play("purple2");});//Edge binding end})("stage");//Edge symbol end:'stage'//=========================================================//Edge symbol: 'Symbol_1'(function(symbolName){})("Symbol_1");//Edge symbol end:'Symbol_1'//=========================================================//Edge symbol: 'Symbol_2'(function(symbolName){})("Symbol_2");//Edge symbol end:'Symbol_2'})(jQuery,AdobeEdge,"EDGE-4268933"); function red() { redMaster();} Thank in advance and sorry for my english i still learning.
×