Search Results

Search found 4617 results on 185 pages for 'html5 animation'.

Page 98/185 | < Previous Page | 94 95 96 97 98 99 100 101 102 103 104 105  | Next Page >

  • jquery position changing with .css() behaving strange

    - by 11684
    I tried to make a moving img, and it works partially. If I press the right, up or down button, it moves right, up or down. But, if I press the left button, it jumps very fast very far to the right, and then back to the left and doesn't stop moving (I believe. I said it was fast). JSFiddle; Javascript: $(document).ready(function() { var up = down = left = right = false; var top = 100, left = 500; $("body").on("keydown", function(e) { if(e.keyCode == 39) {e.preventDefault(); if (right == false) right = setInterval(moveRight, 80);} else if(e.keyCode == 37) {e.preventDefault(); if (left == false) left = setInterval(moveLeft, 80);} else if(e.keyCode == 38) {e.preventDefault(); if (up == false) up = setInterval(moveUp, 80);} else if(e.keyCode == 40) {e.preventDefault(); if (down == false) down = setInterval(moveDown, 80);} }); $("body").on("keyup", function(e) { if(e.keyCode == 39) {clearInterval(right); right = false;} else if(e.keyCode == 37) {clearInterval(left); left = false;} else if(e.keyCode == 38) {clearInterval(up); up = false;} else if(e.keyCode == 40) {clearInterval(down); down = false;} }); function moveUp() { top -= 2; $("#player").css("top", top + "px"); } function moveDown() { top += 2; $("#player").css("top", top + "px"); } function moveLeft() { left -= 2; $("#player").css("left", left + "px"); } function moveRight() { left += 2; $("#player").css("left", left + "px"); } }); This is probably not the best way to do this, I'm open for better suggestions. Thanks for reading!

    Read the article

  • Flash / Actionscript wheel

    - by Shaun
    Hi, I have been asked to create a wheel for navigation similar to on the Visit Provence website. However, I don't know where to start and my Googling effort have been unsuccessful - I guess that I am searching using the wrong terms. It the the way that the wheel moves and interacts with the other segments around it that interests me. I'd really appreciate any tutorials / help that anyone can share.

    Read the article

  • Having trouble using jQuery's .animate() to animate a div from left to right, right to left?

    - by Alex
    Hello, I seem to be having difficulties using jQuery .animate() to animate an absolutely positioned div from right to left on a button click, and left to right on another button click. I was wondering if you would be willing to help me understand what I'm doing wrong? Thanks. Below is my relevant CSS, HTML, and jQuery code. I can click the #moveLeft button and it wil indeed animate it to the left, but when I click the #moveRight button, nothing happens. Where am I going wrong? Thanks!! CSS #scorecardTwo { position:absolute; padding:5px; width: 300px; background-color:#E1E1E1; right:0px; top:0px; display:none; } HTML text text Left Right jQuery $("#scorecardTwo").fadeIn("slow"); $("#moveLeft").bind("click", function() { var config = { "left" : function() { return $(this).offset().left; }, "right" : function() { return $("body").innerWidth() - $K("#scorecardTwo").width(); } }; $("#scorecardTwo").css(config).animate({"left": "0px"}, "slow"); $(this).attr("disabled", "disabled"); $("#moveRight").attr("disabled", ""); }); $("#moveRight").bind("click", function() { var config = { "left" : function() { return $(this).offset().left; }, "right" : function() { return $("body").innerWidth() - $K("#scorecardTwo").width(); } }; $("#scorecardTwo").css(config).animate({"right" : "0px"}, "slow"); $(this).attr("disabled", "disabled"); $("#moveLeft").attr("disabled", ""); });

    Read the article

  • Gradually enlarging text

    - by WCoastGuynCA
    I want to create a Flash or animated video that starts with a red dot on a black background. Gradually the dot increases in size and is actually text which says something such as "Buy American". How can this be done?

    Read the article

  • CALayer Position Contents to Bottom Left

    - by Louis
    I am attempting to draw an image onto a CALayer. I only need an image, so I have created my later as follows: CALayer *layer = [CALayer layer]; I add my image as follows: NSImage *img = [[NSImage alloc] initWithContentsOfFile:@"path/to/img.png"]; [layer setContents:img]; This works, however it draws my images to fill the entire parent frame (stretching my image in the process). Reading the docs, I found the following: [layer setContentsGravity:@"kCAGravityBottomLeft"]; I am attempting to draw my image in the bottom left of the parent frame, however no matter what I do it draws my icon in the bottom center. Is there anyway to specify the bottom left?

    Read the article

  • jQuery animate opacity doesn't work properly on IE

    - by fidoboy
    I'm trying to use animate function to change the height and opacity for a DIV. The div has a image background in CSS, it works fine on Firefox and Safari, but when i test it on IE the background is being removed. This is my code: if (jQuery.support.opacity) { jQuery('#list_box').animate({opacity: '1',height: '300px',top: newTop},{duration: 300}); } else { jQuery('#list_box').animate({filter: 'alpha(opacity=100)',height: '300px',top: newTop},{duration: 300}); } How can i fix it?

    Read the article

  • Is there a way to get the end value of an animation in jQuery?

    - by George Edison
    I have a script that animates an element as follows: var item_height = $('#item').height(); $('#item').height(0); $('#item').animate({ height: item_height }); Now suppose the animation needs to be stopped before it is complete: $('#item').stop(); How can I get the end value of the animation? (The total height of the element when the animation would have been complete)

    Read the article

  • AddClass onClick won't work

    - by QTaylor
    I'm having some problems getting some simple jQuery to work; I'm trying to add a class called fadeInLeft to my body element on click. Here's the code: $('.contact-button').click(function() { $('body').addClass('fadeInLeft') }); HTML (from comment left by OP, below): <div id="contact" class="bounceInRight animated four"> <a href="#" class="contact-button"> Say Hello </a> </div><!--End of contact--> contact-button is the class of the link, fadeInLeft is the class I want to add when the link is clicked. Any idea why this would not work ?

    Read the article

  • Play a Complete HTML5 Version of Super Mario Bros. Online for Free

    - by Akemi Iwaya
    If you love playing Super Mario Brothers, but hate the hassle of dealing with or setting up the game console, then you will be pleased to know a new and complete version is now available to play online. Josh Goldberg has worked hard to recreate the classic game in its entirety in HTML5, so sit back, relax, and get ready to enjoy all that Mario goodness via your favorite browser. There are three ‘modes’ of game play available: play through reproductions of the original classic levels, test yourself against randomly generated levels, or use the level editor to create custom levels. Special Note: There are two online versions available…one for playing in Google Chrome and one for playing in all other browsers. For our example we chose to use the non-Chrome version. Play Full Screen Mario [For All Other Browsers] Play Full Screen Mario [Google Chrome Version] [via CNET News]     

    Read the article

  • Le mode off-line revient en force dans les Google Docs, via le HTML5 pour un accès simplifié aux documents

    Le mode off-line revient en force dans les Google Docs, via le HTML5 pour un accès simplifié aux documents Mise à jour du 08.12.2010 par Katleen Hier, lors de sa keynote évènement, Google ne s'est pas contenté de parler du très attendu netbook tournant sous Chrome OS. La firme a également fait le point sur plusieurs de ses produits, dont les Google Docs. Ces derniers voient le retour de leur mode "hors-ligne". Une fonctionnalité dont la suppression, en mai 2010, avait fait nombre de mécontents. "Ceux qui l'utilisaient seront ravis : la revoici, avec de belles améliorations rendues possibles par les derniers progrès technologiques, notamment le déploiement du HTML...

    Read the article

  • Art of Touch : Le nouveau site de Microsoft pour la création et le partage de l'art numérique en HTML5 avec ses souris tactiles

    Art of Touch : Le nouveau site de Microsoft pour la création et le partage de l'art numérique avec ses souris tactiles Microsoft vient de procéder au lancement du programme « Art of Touch », qui permet aux utilisateurs ayant un navigateur compatible HTML5 de créer et partager de l'art numérique. Le projet « Art of Touch » est une campagne marketing pour la famille de souris tactiles (Touch Mouse, Arc Touch Mouse et Explorer Touch Mouse) commercialisées par l'éditeur. Le site dédié au programme permet aux internautes de créer des oeuvres d'arts originales. Ils peuvent utiliser trois pinceaux différents et p...

    Read the article

  • Tab Sweep: HTML5 Attributes, MDB, JasperReports, Delphi, Security, JDBCRealm, Joomla, ...

    - by arungupta
    Recent Tips and News on Java, Java EE 6, GlassFish & more : • JMS and MDB in Glassfish for 20 minutes (nik_code) • Installing Java EE 6 SDK with Glassfish on a headless system (jvmhost) • JSF + JPA + JasperReports (iReport) Part 2 (Rama krishnnan E P) • Serving Static Content on WebLogic and GlassFish (cdivilly) • Whats the problem with JSF? A rant on wrong marketing arguments (Über Thomas Asel) • JPA 2.1 will support CDI Injection in EntityListener - in Java EE 7 (Craig Ringer) • Java Delphi integration with Glassfish JMS OpenMQ (J4SOFT) • Java EE Security using JDBCRealm Part1 (acoustic091409) • Adding HTML5 attributes to standard JSF components (Bauke Scholtz) • Configuring SAS 9.1 to Use Java 5 or above on Windows (Java EE Tips) • Inject Java Properties in Java EE Using CDI (Piotr Nowicki) • NoClassDefFoundError in Java EE Applications - Part 2 (Java Code Geeks) • NoClassDefFoundError in Java EE Applications - Part 1 (Java Code Geeks) • EJB 3 application in Glassfish 3x (Anirban Chowdhury) • How To Install Mobile Server 11G With GlassFish Server 3.1 (Oracle Support) • Joomla on GlassFish (Survivant)

    Read the article

  • How to effectively gather info about how players play my HTML5 game?

    - by Bane
    I'm finishing another HTML5 game, and this time I'd like to do some spying business on the players... Mostly just basic stuff: when they are playing, for how long, what upgrades they are buying the most and so on. Now, my first idea was just to collect this information during the gameplay, and then have a Javascript function fire when they close the tab/browser, and said function would send it to my server via Socket.io. This, of course, wouldn't work, because anyone who takes a look at the code would realize it and could start sending a tonne of false info which would mess up my statistics. Questions: Is there a way to effectively do this? If yes, what kind of info should I be looking for, aside from stuff I already mentioned?

    Read the article

  • Apache OpenOffice dans le Cloud : premier prototype en HTML5, avant une déclinaison sur Smartphones ?

    OpenOffice dans le Cloud : Apache fait une démo d'un premier prototype en HTML5 Avant une déclinaison sur Smartphones ? C'est la Fondation Apache qui le dit. OpenOffice a été la star de la deuxième journée de l'ApacheCon Europe. On ne pourra pas lui donner tort puisque deux de ses membres - Jian Hong Cheng et Fan Zheng ? ont fait la démonstration de la très attendue première version "Cloud" de la suite bureautique open-source. [IMG]http://ftp-developpez.com/gordon-fowler/OpenOffice%20Cloud/OpenOffice%20Cloud%201small.jpg[/IMG...

    Read the article

  • MIX11 Registration is open &ndash; the place to hear the latest on Silverlight, HTML5, IE and more

    - by Eric Nelson
    Every year a few lucky colleagues get to attend MIX – and they come back with nothing but praise for the event, the speakers, the content – and the buzz! If you build “web application” and want the latest from the experts then you should consider attending. You will get to see the latest tools and technologies and draw inspiration from a professional community of your peers and experts. Technologies covered include Silverlight, Internet Explorer, Windows Phone, ASP.NET, HTML5 and CSS3. It takes place April 12th to 14th in Las Vegas Early birds save big! Register by February 11 and save $500 on your conference pass and get one free hotel night. Register Now.

    Read the article

  • SAP Visual Intelligence devient SAP Lumira, l'outil de visualisation de données complexes développé en France passe au Cloud et au HTML5

    SAP Visual Intelligence devient SAP Lumira L'outil de visualisation de données complexes développé en France passe au Cloud et au HTML5La solution de « Data Visualization » de SAP vient de changer de nom. Fini donc SAP Visual Intelligence, dîtes désormais SAP Lumira.La nouvelle appellation s'accompagne de quelques nouveautés. En tant que développeur, on remarquera que cette version est en HTML5. En tant qu'utilisateur métier, on retiendra plutôt le temps-réel, l'accélération de la prise de décisions grâce aux réponses factuelles sur les sujets business, ou l'augmentation des données en self-service (pour ne pas encombrer la base de données IT).

    Read the article

  • HTML5 : l'API FullScreen, du pain béni pour l'hameçonnage ? Un expert imagine un type de fishing particulièrement vicieux

    L'API FullScreen, du pain béni pour l'hameçonnage ? Un expert imagine un nouveau fishing particulièrement vicieux Un petit coup de JavaScript et c'est hameçonné ! Un chercheur, professeur, web développeur, diplômé de Stanford vient de jeter un pavé dans la mare du HTML5 et de son API FullScreen. Pour lui, cet API ? et la manière dont les navigateurs réagissent au passage au mode plein écran qu'elle permet ? seraient une aubaine pour les auteurs d'attaques par fishing. Sa preuve de faisabilité (PoC) est assez simple. Mais vicieuse. Elle consiste à faire croire à l'utilisateur qu'il clique sur un lien (par exemple

    Read the article

  • Is client-side HTML5/JavaScript too lame after you've worked on server-side C++/Java?

    - by stackoverflowuser2010
    I'm an experienced C++/C/Java/C# research software engineer and have worked on large-scale server systems, including huge map-reduce and database systems. Now I've been offered a new job working with client-side mobile technologies involving Javascript and HTML5 as well as some very minor native iPhone and Android programming. So, question: If you've ever made this kind of jump, did you find find Javascript/HTML too lame after you've been working on "hard-core" C++ and server systems? Did you find it challenging? Did you get bored?

    Read the article

  • AdMob arrive sur Windows Phone 7 avec un SDK, la plateforme publicitaire de Google adopte le HTML5 sur iOS et Android

    AdMob arrive sur Windows Phone 7 La plateforme publicitaire de Google adopte le HTML5 sur iOS et Android Google vient de lancer un nouveau Kit de Développement pour Windows Phone 7 en rapport avec AdMob, son réseau publicitaire sur mobile. Il annonce par la même occasion de nouvelles fonctionnalités pour les autres plateformes. Similaire aux autres kits de développements pour iOS, Android et webOS, le nouveau SDK offre aux développeurs Windows Phone 7 la possibilité de contrôler le type (textes ou bannières), l'apparence, la taille et le comportement des clics publicitaires intégrés à leurs applications (ouverture d'une page web, accès direct à l'App Marketplace, etc.).

    Read the article

  • Support du HTML5 : Opera, Firefox, Maxthon et BlackBerry les plus complets sur mobiles, tablettes et PC d'après un comparatif hollandais

    Support du HTML5 : Opera, Firefox, BlackBerry et Maxthon les plus complets Sur mobiles, tablettes et PC d'après un comparatif hollandais Bien sûr, un seul test ne vaut pas parole d'évangile. Mais celui-ci, vu le nombre de critères qu'il intègre, a tout de même son intérêt. A l'origine, le site HTML5test mesure les performances des navigateurs dans leurs supports du standard Web. Le résultat est présenté sous la forme d'un score, dont le maximum est de 500 points, détaillé ensuite balise par balise et fonctionnalité par fonctionnalité (canvas, vidéo, forms, glisser-déposer, cache, etc.). Sights, la société Néerlandaise derrière ce site, a décidé de publ...

    Read the article

  • How to Stop the Window Animation in Win XP SP3 Permanently??

    - by epale
    Hi everyone, May I know how I can get rid of the Window Animation (seen when you minimise or maximise a window) in Win XP SP3 Permanently?? I have tried using windows powertoys tweakUI as well as going to control panel---adjust visual effects--- then unchecking the "Animate windows when maximising and minimising" option. Problem is that the window animation will disappear at first but returns again some time later. Thank you very much

    Read the article

  • OpenTK C# Loading Model (3DS?) for display and animation

    - by Randomman159
    For the last few days i have been searching for a model importer that support skeletal movement using OpenTK (C#, OpenGL). I am avoiding writing it myself because firstly i am only just learning OpenGL, but also because i don't see why there's a necessity in recreating the wheel. What do you guys use to import your models? I find it interesting that 90% of OpenTK users will import models for various projects, yet i havn't found a single working importer. Could any of you share your code or point me in the direction of a good loader? 3DS files would be best, but anything that can be exported from an autodesk program would be fine, as long as it uses skeleton animation. Thanks for any help :)

    Read the article

< Previous Page | 94 95 96 97 98 99 100 101 102 103 104 105  | Next Page >