Option 1 Content
...
Not too long ago, a friend of mine had constructed a UI component to change a page’s content based on the the current selection of a <select>
element. Her code worked, but being new to JavaScript, she had built the component in jQuery and had asked me to help optimize it.
While not replicating the code exactly, I’ve created the following example to showcase the type of UI component she was trying to create:
[code language="html"]After optimizing it a bit, here is the jQuery we ended up using to toggle the display state of the selected content block.
[code language="javascript"] $(function() { $('.jqueryOptions').hide(); $('#choose').change(function() { $('.jqueryOptions').slideUp(); $('.jqueryOptions').removeClass('current-opt'); $("." + $(this).val()).slideDown(); $("." + $(this).val()).addClass('current-opt'); }); }); [/code]The above jQuery function looks for all the content blocks that have a class of ‘jqueryOptions’ and hides them by default.
Then when a user changes the selected option of the select
input (which has an ID of ‘choose’), the function closes any potentially open content blocks using jQuery’s .slideUp()
method and then opens the selected option with slideDown()
. It does this by taking the value of the selected option (referenced as this
) and referencing the element with the class name that matches the value in “this”.
Continue reading %A Content-switching Component Built 3 Ways: jQuery, JS, CSS%
Chaque année, le bureau d'étude Private Equity Intelligence (Preqin), dévoile son palmarès des gérants de fonds dont la performance est la plus solide. Fait notable pour l'édition 2014 : l'arrivée de deux fonds français dans un palmarès où les premières places sont habituellement trustées par des fonds américains.
Selon le dernier rapport Nielsen, les dépenses publicitaires sur Internet dépassent tous les autres médias. Le marché mondial de la publicité en ligne à travers le web, l’Internet mobile et les applications a augmenté de 32, 4 % en 2013 - de loin la plus forte augmentation parmi tous les médias.
Chaque soir, les petites news de dernière minute.
The post [Off the Record] Alain Juppé attendu à La Grande Jonction…Lucette lève 300 000 euros appeared first on FrenchWeb.fr.
Le lancement prochain d'un clone de Secret témoigne de la volonté de Facebook de fragmenter son application principale en une multitude de services verticaux. Décryptage.
Le Journal du Net a analysé les résultats 2013 déposés au tribunal de commerce par les principaux acteurs de l'Internet français. Voici ces résultats par secteur, avec les données de notre partenaire BVDInfo.
Dans cet article, j’aimerais aborder un sujet qui est encore aujourd’hui largement ignoré et trop souvent entouré d’idées préconçues : l’accessibilité du web. Bien que reconnue comme un noble concept, l'accessibilité est bien souvent perçue comme une perte de temps et d’argent.
J'ai vachement aimé Taken 1 et 2 avec Liam Neeson. Du coup, je suis content d'apprendre qu'un N°3 va sortir le 28 janvier 2015... voici donc (à la bourre) la bande-annonce. Par contre Forest Whitaker dans tous les rôles de flic borné au cinéma, je commence à saturer.... Allez, pour le plaisir : Je ne […]
Cet article merveilleux et sans aucun égal intitulé : Ce que j’ai, c’est des compétences particulières, que j’ai acquises au cours d’une longue carrière. Des compétences qui font de moi un véritable cauchemar pour vous ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Pour se replonger dans la télévision des années 60 sans avoir besoin de sortir la machine à voyager dans le temps.
Le lancement prochain d'un clone de Secret témoigne de la volonté de Facebook de fragmenter son application principale en une multitude de services verticaux. Décryptage.
Depuis quelques temps, Google s'amuse à intégrer des moteurs de recherche spécifiques et interne au premier résultat renvoyé par son moteur. Par exemple, si vous entrez "Korben", vous devriez voir ceci dans la zone réservée aux "Sitelinks" : Cette zone vous permet de rechercher directement des choses sur mon site, en passant par Google. Bon, […]
Cet article merveilleux et sans aucun égal intitulé : Google et ses petits moteurs pirates ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Jahia Portal Factory est une extension de Jahia Digital Factory enrichissant ses fonctions d'agrégation.
La Chine détient la deuxième place mondiale en termes de taille de marché des cosmétiques. Le marché n’a pourtant pas fini de s’étendre puisque sa croissance avoisine les 15 % annuels. Les ventes de cosmétiques en ligne ont la part belle au sein de ce marché dynamique et ultra-concurrentiel.
Haussmann Executive Search est un cabinet de recrutement spécialisé sur les métiers du digital et de l’IT. Frenchweb...
The post [SEN#2] Matthieu Watremez, Haussmann Executive Search: « Plein feux sur les formations ingénieur et statistiques » appeared first on FrenchWeb.fr.
Présentation : Vous rêvez d’une meilleure qualité de vie, de grand air, d’un accès facilité à la...
The post PARCOURS FRANCE, le Salon pour vivre et réaliser vos projets en régions ! appeared first on FrenchWeb.fr.
Elles proposent des services pratiques et astucieux qui expliquent le succès qu'elles rencontrent actuellement. Zoom sur ces sociétés qui montent.
Adobe a mis en ligne une pub vidéo plutôt sympathique dans laquelle on voit des utilisations créatives et professionnelles de leurs logiciels sur des tablettes et ordinateurs (présentés comme des appareils Microsoft). Je ne sais pas si le quart de ce qu'on voit dans cette vidéo sera possible un jour, mais ça fait rêver. Après […]
Cet article merveilleux et sans aucun égal intitulé : Le futur des outils Adobe ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Il y a plus d’une décennie, les agences de voyages les plus novatrices faisaient leurs premiers pas sur Internet. Si l’on repense aux premiers sites de e tourisme, on mesure aisément les progrès technologiques réalisés depuis.
La troisième édition de la conférence TEDxMontpellier aura lieu le vendredi 10 octobre au matin, dans la cadre prestigieux...
The post TEDxMontpellier2014 – Les jolies choses… appeared first on FrenchWeb.fr.
Après les iframes et la coloration syntaxique, le formulaire de contact, le flux rss des tweets et le planet Python fr sont de nouveau opérationnels. Ça me fait penser que si vous connaissez des blogs fr sur Python, proposez les pour le planet. Read more →
Qu'attend aujourd'hui la communauté d'utilisateurs de PrestaShop ? Le JDN a posé la question à l'un de ses représentants. Voici les souhaits les plus fréquents qu'il fait remonter
Le génie de l'informatique n'a pas toujours été l'homme altruiste que l'on connaît. Il comptait lui aussi ses petits travers. Découvrez-les à travers ces quatre histoires insolites.
Quel antivirus choisir pour Windows 7 ? Les antimalwares, nombreux, n'offrent pas la même protection ou le même confort... Des experts les ont notés et classés.
Plus de 8 000 unités ont déjà été commandées via le financement participatif.
L’application beIN SPORTS débarque sur la Xbox 360 et arrivera bientôt sur la Xbox One.
Après dix jours d'existence sur l'App Store, l'application revendique 1 000 téléchargements.
The post [Bon App'] Room, le réseau social qui segmente les chats par groupes privés appeared first on FrenchWeb.fr.
Facebook pourra engranger du cash sans que cela n'ait de conséquences sur sa propre expérience utilisateur.
The post Publicité : Facebook ouvre Audience Network à tous les éditeurs d’applications appeared first on FrenchWeb.fr.
Il existe un exemple historique du taux de transformation des clients à 100 %, c’est celui des magasins d’état de l’ex-URSS ! Et je ne sais pas qui envierait ce système ?
« J’ai d’autres priorités ». Telle est encore la réaction de nombreux dirigeants de Petites et Moyennes entreprises (PME) lorsqu’est évoqué le sujet de la sécurité des données professionnelles qui transitent sur les smartphones et tablettes de leurs cadres.
La livraison est l’aboutissement de l’achat en ligne. Derrière cette évidence, un e-marchand doit garder à l’esprit que cette étape concrétise tous les efforts de la chaîne commerciale, de l’acquisition à la transformation.
Ce qui est amusant avec les services qui collectent nos données pour améliorer "l'expérience utilisateur", c'est quand ces mêmes données s'échappent de manière imprévue. Par exemple, si vous êtes utilisateur du webmail de Microsoft, Outlook.com, vous appréciez sans doute la fonctionnalité qui vous prévient lorsqu'une adresse email que vous avez entrée en destinataire n'est pas […]
Cet article merveilleux et sans aucun égal intitulé : Devinette : Les domaines internes chez Microsoft ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.
Scality est spécialisée dans la conception de solutions de stockage à grande échelle. A cette occasion, nous...
The post [SEN#2] Jérôme Lecat, Scality : « Nous allons recruter 110 personnes d’ici un an et demi » appeared first on FrenchWeb.fr.
Après avoir « disparu » pendant des mois, le prof qui aurait demandé à ses élèves de placer des enregistreurs de frappe sur les PC de leurs profs a été arrêté.
A collection of hover tooltip styles and effects for your inspiration. Using CSS transforms and SVG shapes we can create interesting tooltips
The post Tooltip styles collection – CSS + SVG appeared first on Freebiesbug.
Le service sera proposé sans surcoût aux 16 000 commerçants qui passent par Yandex Market.
The post E-commerce: le russe Yandex acquiert PriceLabs pour tracker les prix appeared first on FrenchWeb.fr.
An easy to customise template for the FAQ section of your project, with the questions/answers grouped in categories to ease the navigation.
The post FAQ template – HTML appeared first on Freebiesbug.
Ahamono is a free monospaced typeface. Rounded and with a sensible “x-height” for that easy read. Free font designed by Alfredo Marco Pradil.
The post Ahamono free font appeared first on Freebiesbug.
Une fois n'est pas coutume, l'agence Alsacreations.fr propose d'offrir l'une de ses formations web à l'heureux gagnant d'un petit tirage au sort.
La formation a remporter est "Design et Ergonomie mobile", d'une durée de 2 journées (les 20 et 21 octobre 2014) à Strasbourg dans nos locaux.
Cette session s'adresse particulièrement aux profils Designer, Directeur Artistique, chef de projet et communicant ayant à intervenir sur un projet de site web mobile mais peu familiers avec le code et la technique et s'inscrit parfaitement dans notre catalogue de formations web professionnelles variées :
Nos formations sont ouvertes à tous, mais dans la pratique souvent suivies par les salariés bénéficiant de plans de formation ou de DIF.
Afin d'offrir une chance à ceux qui ont moins facilement accès à ce type de formations payantes, nous avons décidé, une fois de plus, de proposer gratuitement à l'un de ses membres de suivre l'une de ses prochaines formations.
Pour participer, il vous suffit de répondre à une question posée (ci-dessous) sous forme d'un commentaire à ce billet. Le commentaire doit être unique, si un membre laisse plusieurs commentaires, seul le premier sera pris en compte. Seuls les membres peuvent commenter, sinon ça nous complique trop la vie, mais rien ne vous empêche de créer un compte pour l'occasion (il est inutile cependant d'en créer plusieurs pour l'occasion, ceux-ci seront disqualifiés).
Le concours débute immédiatement, là tout de suite.
La fin du concours est programmée au Jeudi 9 octobre 2014 à 13h37 précises (heure de Paris UTC+1). Les commentaires seront alors clôturés.
Nous procéderons dans les jours qui suivront au tirage au sort de l'heureux élu.
Tous les membres ayant commenté en répondant pertinemment à la question seront alors départagés de façon aléatoire (via http://www.random.org/) afin de désigner un seul vainqueur.
La question est : "Qu'est-ce qui, selon vous, va marquer le design mobile dans les années à venir ?"
Avant tout : ne participez que si vous avez l'intention de gagner cette place et que vous êtes en mesure de venir.
Prenez garde à être attentif aux conditions de participation :
Bonne chance à tous !
Rapprocher les équipes de développement de la production IT, pour accélérer le cycle de vie des applications et leur qualité. Un objectif dont les Français ont compris l'importance.
Facebook lance un nouveau produit publicitaire destiné aux commerces de proximité et qui va se baser sur les géolocalisations des utilisateurs.
29 oct 14 - 00:00
Centre de Congrès de Lyon
50 Quai Charles de Gaulle
Lyon
L'article Blend – Web Mix 2014 est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Psychomédia est un site Web québécois (en ligne depuis 17 ans) dédié à la psychologie qui propose outre des articles consacrés à l’actualité dans ce domaine, des tests psychologiques à faire en ligne sur des thèmes très variés. Ces tests se font anonymement sans qu’il soit nécessaire de créer de compte utilisateur. Les tests sont […]
Conférences, tables rondes, networking...
The post Retrouvez en live la 5ème édition du HUB Forum Paris appeared first on FrenchWeb.fr.
With an overwhelming number of new and unique social networks entering the market, it is becoming increasingly difficult to stay focused, or even gain a significant benefit of being a member of any social networks at all. Social media has become so engrained in people’s lives, often times it would be difficult to communicate without […]
La start-up commercialise des bornes de téléchargement de films sur clé USB/micro USB implantées dans des gares et aéroports.
The post La start-up du jour: CineGV, la VoD des voyageurs appeared first on FrenchWeb.fr.
Pikabu is a framework for creating off-canvas flyout panels. It has simple markup, supports native scrolling, and is fully customizable.
Virtual Expo est spécialisé dans les salons online dans différents secteurs spécifiques allant de l’industrie en général jusqu’à l’architecture...
The post [SEN#2] Vincent Gérard, Virtual Expo : « Nous recrutons des développeurs Java J2E » appeared first on FrenchWeb.fr.
Lors d’une interview sur recode.net, David Besbris le nouveau responsable de Google+ suite au départ de Vic Gundotra, a déclaré (ou confirmé) que Google+ n’est pas prêt de mourir et que le réseau social est encore là pour un bon moment. Il va même jusqu’à rapporter des propos de Lary Page qui a déclaré: We’re [...]
L'article David Besbris: Avec Google+ nous sommes encore là pour un long moment appartient au site Visibilité Référencement.
Avis aux développeurs d’applications. Il est maintenant possible d’afficher des publicités Facebook (théoriquement plus ciblées) dans vos applis.
A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking and interesting tooltips. Tooltips are […]
The post Tooltip Styles Inspiration with CSS3 & SVG appeared first on jQuery Rain.
JS / PHP script online video editor, GUI for FFmpeg (or Mencoder). Allows you to cut the video into pieces and combine them. Convert video formats: FLV, MP4, WEBM, OGV. […]
The post Web Video Editor with JavaScript & PHP appeared first on jQuery Rain.
A en croire les dernières rumeurs du domaine, il semblerait que les équipes d’Apple soient actuellement en train de tester plusieurs prototypes dont notamment une version pro de sa tablette […]
L'article iPad Pro : Une tablette sous iOS et OS X ? est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups.
formbuilder is a Wufoo style jQuery and HTML5 form builder allows you to create user forms by dragging and dropping form elements. This form builder is using JSON to load […]
The post Wufoo style jQuery and HTML5 form builder appeared first on jQuery Rain.
ShareX is an open source program that lets you take screenshots or screencasts of any selected area with a single key, save them in your clipboard, hard disk or instantly upload them to over 30 different file hosting services. In addition to taking screenshots, it can upload images, text files and all other different file [...]
The post ShareX – Screen Capture Has Never Been Easier appeared first on WebAppers.
Nombreuses sont les personnes à la recherche d’espace pour entreposer leurs affaires personnelles trop imposantes ou, au contraire, celles ne profitant pas de l’espace inutilisé chez elles. Et pourquoi pas […]
L'article Costockage : Le stockage social remplace les garde-meubles est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
Le PageRank ne sera plus mis à jour dans la toolbar de Google Déjà l'année dernière, Matt Cutts avait indiqué qu'aucune mise à jour n'était prévue pour l'année à venir. Cette fois c'est John Mueller qui le confirme, sans surprise pour ceux qui s'intéressent au référencement...Le PageRank ne sera plus mis à jour dans la […]
Cet article écrit par Olivier Duffez a été publié sur Le PageRank ne sera plus mis à jour dans la toolbar de Google
En 2014, les RIN deviennent les Rencontres Internationales de la French Tech (RIFT), le rendez-vous phare d’UBIFRANCE...
The post Rencontres Internationales de la French Tech (RIFT) appeared first on FrenchWeb.fr.
Bonne nouvelle pour tous les blogueurs et journalistes, Instagram améliore ses publications intégrées. Désormais incontournable pour les réseaux sociaux, la fonction d’intégration de contenu, aussi appelé « embed », permet d’insérer les publications […]
L'article Instagram : Amélioration des publications intégrées est la propriété de Timothé sur WebLife - Actualités internet, high-tech & startups.
Les SERPs évoluent à vitesse grand V en ce moment. Après l’annonce de la suppression de mise à jour de la PR toolbar, on constate aujourd’hui que la « one Box actualités » dans les SERPs remonte parfois des sites qui ne sont pas dans Google News. De l’actualité venant de sites qui ne sont pas dans [...]
L'article La « One box Actualités » affiche des sources qui ne sont pas dans Google News appartient au site Visibilité Référencement.
DSI, DT, DBA, administrateur système, SEO... Combien gagnent ces profils aujourd'hui ? Robert Half publie son étude annuelle sur les rémunérations, et relève de nombreuses progressions.
Twitter souhaite partager au grand public des informations relatives aux demandes formulées par le FBI et de département de la Justice.
The post Demandes de données utilisateurs : Twitter poursuit le gouvernement américain appeared first on FrenchWeb.fr.
Aujourd’hui est un jour spécial pour le blog. Pile 5 années après son ouverture, j’ai décidé de marquer l’événement en faisant le point sur ces années d’expérience… Si vous êtes un lecteur régulier, vous savez sûrement que je fais très … Continuer la lecture
Si cette information venait à se vérifier, ce serait vraiment une page du SEO qui se tournerait. La fameuse petite barre verte que beaucoup observaient, scrutaient, contemplaient voire admiraient. Rhalala qu’est-ce qu’on était fier d’en avoir une grosse qu’on montrait à tout le monde !!! Bye Bye la toolbar Google PageRank La nouvelle arrive encore [...]
L'article La PR toolbar de google serait officiellement morte appartient au site Visibilité Référencement.
Sa solution permet de recruter des candidats en utilisant un large éventail d'outils : réseaux sociaux, vidéo, données...
The post Recrutement : Jobvite lève 25 millions de dollars appeared first on FrenchWeb.fr.
Plus de 300 personnes seraient sur le départ...
The post Yahoo! restructure ses activités en Inde appeared first on FrenchWeb.fr.