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


  • 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 171 results

  1. 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
  2. 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 ?
  3. 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!
  4. 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
  5. 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
  6. 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?
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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.
  12. 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?
  13. 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.
  14. 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
  15. 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 :-)
  16. 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>
  17. 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.
  18. 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>
  19. Hello all, this is my first attempt at a real website to be posted in the future. It's at it's very basic stages. I've noticed a problem with the layout that needs fixing with Chrome, Firefox, and IE9. When the page is zoomed in or out, the layout shifts. How do I prevent this? HTML5 CODE: (Passes the W3C Validator) <!DOCTYPE html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="author" content="Joseph Maxwell Davies" /> <meta name="keywords" content="nomad, video, siblings, nomadic siblings, torah, teachings, articles" /> <title>Nomadic Siblings</title> <link type="text/css" rel="stylesheet" href="home.css" hreflang="en" media="screen" /> <script type="text/javascript" src="home.js"></script> </head><body> <div id="container"> <div id="webpagebanner"> <header> <hgroup> <h1>Nomadic Siblings</h1> </hgroup> </header> <div> </div> </div> <div id="leftsidebar"> <section id="logo"> <div> </div> </section> <nav id="leftsidebarnav"> <ul> <li>Home</li> <li>Videos</li> <li>Articles</li> <li>Contact Us</li> </ul> </nav> </div> <div id="maincontent"> <section> <div id="featuredcontent"> <figure> <!--<video height="320" width="480" controls="controls" poster=""> <source src="Wildlife.m4v" type="video/mp4" /> Your browser does not support HTML5 video please upgrade to one of the following: Chrome, Firefox, or IE9 </video>--> <img src="http://zipline.files.wordpress.com/2010/12/chanukah.jpg" alt="menorah" width="480" height="320" /> </figure> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> </section> </div> <div id="webpagefoot"> <footer> </footer> </div> </div> </body></html> CSS Code: body {/*background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRmopGs4E8JPZw2QSogetRzxjFhMbEPlyS8kY6hBd5mhgYQr-H4);*/background-color: #B57F35;}@font-face { font-family: Dumb1; src: url('2Dumb.ttf');}@font-face { font-family: Dumb2; src: url('3Dumb.ttf');}#container {/*background-color: white;*/width: 960px;margin-left: auto;margin-right: auto;}#webpagebanner {background-color: #EBE5AB;width: 790px;height: 150px;float: right;clear: right;border-top-right-radius: 25px;}#webpagebanner header hgroup h1 { text-align: center; width: 450px; margin-top: 35px; margin-left: 30px; /*background-color: white;*/ font-family: Dumb1; font-size: 42px;}#webpagebanner div { color: green; width: 700px; border: #B34242 solid 1px; margin-left: 45px;}#leftsidebar {background-color: #D9CE57;width: 169px;height: 760px;float: left;clear: left;border-right: blue solid 1px;}#logo { padding-top: 24px; padding-bottom: 24px; padding-left: 34px; padding-right: 34px; background-color: #D9CE57;} #logo div { height: 100px; width: 100px; background-color: red; border: black solid 1px; border-radius: 45px; }#leftsidebarnav { position: fixed;} #leftsidebarnav li { list-style-type: none; margin-top: 8px; margin-left: -1em; border-top: black solid 1px; border-bottom: black solid 1px; width: 120px; text-align: center; font-size: large; } #leftsidebarnav li:hover { background-color: white; opacity: 0.5; }#maincontent {background-color: #EBE5AB;width: 790px;height: 760px;float: left;}#maincontent section { border-bottom: black dashed 1px; padding-top: 15px; padding-bottom: 35px; padding-left: 164px; padding-right: 164px;} #maincontent section #featuredcontent { width: 480px; height: 320px; border: black solid 1px; border-radius: 50px; background-color: green; opacity: 0.5; overflow: hidden; } #maincontent section #featuredcontent figure { margin: 0px; overflow: hidden; border-radius: 50px; } #maincontent section .featureselector { width: 8px; height: 8px; border: black solid 2px; border-radius: 8px; float: right; margin-right: 10px; margin-top: 8px; background-color: red; }#webpagefoot {background-color: yellow;width: 960px;clear: both;} I use a local font but it's not really a big deal that you can't see it. How can I fix the layout so that it does not shift? P.S. Yes it's ugly right now, it's mostly laid out to show me the measurements and how the page is to be divided. Like I said it's bare bones. Or if better I have the files attached as well. But can't upload the ttf.... sorry about that. home.css index.html
  20. 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.
  21. 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?
  22. 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 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.
  24. Hello, I am trying to build a website, and never really done it before.It is a html5 website as it must work on mobile devices and uses the turn.js script.The website works like a book so you turn each page. The turn.js website has some examples of how the script can work and they have table on contents where you can click the title and it takes you to the desired section of the book.I have noticed that the url changes with each page change. My website works differently, I have each image load behind the other as you turn the page so the url does not change. Could someone please point me in the correct direction so that I can have the url change and how I can have the spot hyperlinks in the turn.js script as currently I can only make an entire page a hyper link.I would like to input a table of contents as there will be over 90 pages.Kind RegardsRyan Below is the current code for the website. <!doctype html><html><head><title> Lara Property Services </title><link type="text/css" rel="stylesheet" href="css/jquery.ui.css"></link><link type="text/css" rel="stylesheet" href="css/default.css"></link><link rel="icon" type="image/png" href="favicon.png" /><script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript" src="lib/turn.min.js"></script> <style type="text/css">body{background:#ffffff;background-image: url(pages/pippy-oak_11.png);}#magazine{width:1152px; /*1152px*/height:752px; /*752px*/margin-left:160px;margin-right:160px;}#magazine .turn-page{background-color:#000000;background-size:100% 100%; }</style><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body><script type="text/javascript">$(window).ready(function() { $('#magazine').turn({ display: 'double', acceleration: true, gradients: !$.isTouch, elevation:50, when: { turned: function(e, page) { /*console.log('Current view: ', $(this).turn('view'));*/ } } });}); $(window).bind('keydown', function(e){ if (e.keyCode==37) $('#magazine').turn('previous'); else if (e.keyCode==39) $('#magazine').turn('next'); });</script><div id="magazine" class="centerStart"><div class="hard" style="background-image:url(pages/Cover.jpg);"></div> <div class="hard" style="background-image:url(pages/01.png);"></div><div style="background-image:url(pages/02.png);"></div><div style="background-image:url(pages/03.png);"></div><div style="background-image:url(pages/05.jpg);"></div><div style="background-image:url(pages/06.jpg);"></div> <div style="background-image:url(pages/7.jpg);"></div><div style="background-image:url(pages/8.jpg);"></div><div style="background-image:url(pages/9.jpg);"></div><div style="background-image:url(pages/oldpage1.png);"></div> <div style="background-image:url(pages/11.jpg);"></div><div style="background-image:url(pages/12.jpg);"></div> <a href="mailto:xxxxxxxxxx@hotmail.com"><img src="pages/contact_us1.gif" alt="Contact Us" width="780" height="315" align="right"></a></div></body></html>
  25. gany

    section or aside?

    Hi, I (roughly) know what the new aside and section tags are supposed to do, but I'm not certain which one to use: I'm working on a 3 column layout for a Joomla site. The left column will contain the sub navigation and some images. The center column is for the main content and the right column for images and banner ads. The left column I would make a section, the center column article and the right column aside. Is this the correct way to do it, or should I name the left and right columns both sections? Thanks, Gany
  • Create New...