Jump to content

Search the Community

Showing results for tags 'Interactive'.



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

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 5 results

  1. Interactive Video Tutorials

    Ok so I found out that it is easier to learn from ​video tutorials!. And I tried to figure out how can I fit whole website in a video. ​But the answer is 1interactive video tutorials! Imagine that you have a video and at the beginning you can select what do you want to learn, and select what chapter do you want to start in! For the memory check there can be quizzes in the middle of chapters for example when a code is being typed a quiz pops up that asks us what should I write next to make something happen! I heard that 3/4 people understands better when something is explained in a video. This could heavily increase the use of w3schools tutorials because you can save that video where ever you want! You can watch it in phone, computer and you do not need internet access! 2This might be a hard work but it will be a hard hit with a loud boom! ​ 1. Interactive video is a video that you can interact with! For example in a video you see a lot of buttons and you can click on them to do something! 2. What it means is that the more work you put the better results will be! ​Hope you like this idea!
  2. Hello, I have been developing a website for a school project in html, css and javascript. We'll be using the website for an interactive board game. One of the most important elements of the website are the scoreboard and the game questions. The game questions basically give a specific amount of points if correctly answered. The points will then be sent to the scoreboard, and saves it. The scoreboard makes use of cookies to save the data/reset the data. And here comes my problem.. the scoreboard works great in Internet Explorer and Firefox, but not in Google Chrome. I have followed a tutorial on how to use cookies on w3schools (http://www.w3schools.com/js/js_cookies.asp) to help create the scoreboard. The cookies apparently do not work for me when I use Google Chrome, which is very unfortunate. I would really like the website and cookies to be cross-browser compatible, and therefore I need some help. If anyone could help me out, then that would be great! These are my scripts: index.html <!doctype html><html lang=nl><head> <meta charset=utf-8> <script src="cookie.js"></script> </head><!-- dit is jouw hoofdpagina. zie ook commentaar op pag2.html Script toevoegen op al je pagina's bij je hoofdpagina bij de body onload=checkScore() toevoegen--><body onload=checkScore()> <a href=pag2.html>Klik hier voor 10 punten</a><br> <a href=pag3.html>Klik hier voor 5 punten</a> <!-- deze div moet toegevoegd worden op de plek waar je de score wilt zien --> <div id=score> </div> <!-- button om de scores op nul te zetten --> <button onclick="reset()">Reset</button></body></html> pag2.html <!doctype html><html lang=nl><head> <meta charset=utf-8> <script src="cookie.js"></script> <script> var erbij=10; function terug() { createCookie("erbij", erbij); window.location.assign("index.html"); } </script></head><body> <button onclick="terug()">Terug</button> <button onclick="erbij=erbij+1">punten</button></body></html> pag3.html <!doctype html><html lang=nl><head> <meta charset=utf-8> <script src="cookie.js"></script> <script> var erbij=5; function terug() { createCookie("erbij", erbij); //window.history.back(); window.location.assign("index.html"); } </script></head><body> <button onclick="terug()">Terug</button></body></html> cookies.js function checkScore() { var s=getCookie("score"); if (s != "") { erbij=getCookie("erbij"); if (erbij == "") { erbij="0"; } score= (parseInt(s)+parseInt(erbij)).toString(); createCookie("score", score); } else { score="0"; createCookie("score", score); erbij="0"; createCookie("erbij", erbij); } document.getElementById("score").innerHTML="Score: "+score; } function createCookie(name, value, days) { var expires; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } var t=name + "=" + value + expires + "; path=/"; document.cookie = name + "=" + value + expires + "; path=/"; } function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function eraseCookie(name) { createCookie(name,"",-1); } function reset() { document.getElementById("score").innerHTML="Score: 0"; eraseCookie("score"); eraseCookie("erbij"); } All I need is the cookies to work in Google Chrome. Thanks in advance, Es_Dexter
  3. Website menu, where to start?

    Hi All, I'm new to web programming in general and need some advice for a site that I'm trying to pull together. The best I can do is try to describe what I'm trying to do because I really have no idea of how to implement this idea.The primary purpose of the site is to be a blog with separate directories for different themes. I was hoping to have a navigation menu on the side of the site with sort of an archive list in which a user could select the article they wish to read by selecting their way through directories as displayed in the menu. I want to be able to just bring up the article without having to redirect to a different page or reload the current one when an article is selected.I would be putting this together with Dreamweaver, but have no idea what to build this element in (JScript, VBScript, or flash item?) Thanks for any advice or guidance!
  4. Interactive Chart

    How can I create an interactive chart like this: http://se.deltasd.bc.ca/vision/ while using HTML5?
  5. Achieving Universal Design

    Dear members, moderators and administrators,I thought of sharing this item of information with you on W3schools forum, may some members find them useful.Most of us the members concentrate on the technical part of the implementation and sometimes ask how do we know the "Usability, Quality, Measurement Criteria, Effectiveness and Interactivity" of our website projects.I haven't made this information myself; I have just studied during some previous year in university within a course (module) of Human Computer Interaction, thus thought of sharing them with you. Brief Introduction:-A main goal for an interactive system designer,"E.g. Website of any type or content" is to achieve the highest accessibility and usability on different scales for achieving the targeted success whether the website is for E- commerce within an E-business, gaming or even social networking; thus acceptability and user-engagement should be put into consideration.All these aspects are viewed by the three main essential categories that are known as TOP LEVEL PRINCIPLES:- Learn-ability Effectiveness Accommodation There also exist the key issues that those categories sought to fulfil: - Usability: - resembles the quality of interaction (A.K.A Quality of Service QoS), in terms of context elements such as time efficiency to perform tasks, number of errors expected and handling them. Acceptability: - resembles the level the system serves its regarded purpose in context of use and interaction (Note: - could be cultural wise). Engagement: - resembles and concerns designing to the utmost peak of success, (looks and feel wise), in addition most smooth experience. Access: - as simple as defining it as an ice-breaking key issue, concerns with the removal or elimination of all the expected barriers between the system and the user "E.g. cultural borders, social borders, and economic borders" ;thus THINK OF DESIGNING FOR THE UNIVERSE! THE TARGET IS UNIVERSAL DESIGN!! so DESIGN FOR ALL..Context: - First: - Learn-ability Visibility: - simply described as making the system's functionality visible, more like don't hide or immerse functional links or buttons within spots that confuse the users or make them ask where they are. Consistency: - means that the website's look and feel is not very much of a variable over different pages, “E.g. don't make the home page have this pinky colour while the other pages are darker and less radiant”. Familiarity: - Includes the usage of familiar language on the lists, menus, buttons and links “E.g. use register or sign up for more formal websites, yet you can use join us now for less formal websites; so it is subjective in an objective way or more like a mixture of both”. Affordance: - making sure that the design has the suitable Affordance for the users, by using familiar symbols and icons, “E.g. the check mark for okay or is more often used than thumbs up”. Second: - Effectiveness Navigation: - providing support to enable the users to move around the system conveniently by different methods, through maps, menu bars, search bars, links and etc. Control: - making the user in charge and control of the system, having all the “permitted” actions and interactions available for them to successfully interact with the system and experience the system's collaboration. Feedback: - the rapid feedback to the user from the system, so that they feel the system's environment and get an idea of how their actions have affected the system , “E.g. a thanking message to inform the user that registration has been done successfully”. Recovery: - the recovery of expected errors, more likely refreshing the page or sending the user back to the home page, or even refreshing the form, “E.g. the errors that rarely occur on Facebook that automatically refreshes the page”. Constraints: - the denial of some actions or entries by the user from the system, “E.g. invalid entries in the registration form, or even preventing spams from the users”. Third: - Accommodation Flexibility: - the allowance of multiple ways of performing any process within the system, either through navigation or any other aspect ,“E.g. allowing users to go to home page by either clicking on home or the website's logo”. Style: - the style, attractiveness or the user's satisfaction by the website's look and feel. Conviviality: - the system has to be polite, friendly and generally welcoming to all users regardless of race, beliefs, religions, nationalities or gender.
×