{"id":7240,"date":"2012-06-04T12:10:22","date_gmt":"2012-06-04T10:10:22","guid":{"rendered":"http:\/\/flaven.fr\/?p=7240"},"modified":"2012-06-04T12:10:22","modified_gmt":"2012-06-04T10:10:22","slug":"aller-a-une-autre-sequence-goto","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2012\/06\/aller-a-une-autre-sequence-goto\/","title":{"rendered":"Aller \u00e0 une autre s\u00e9quence (goto)"},"content":{"rendered":"<p><!-- 3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)  --><\/p>\n<p><!-- \u00c9v\u00e9nement, HTML5, jQuery, rich-media, Cloud, webdoc, s\u00e9quence, m\u00e9dias, 3WDOC, compte, action, l'article, audio, nuage, codec, CSS, CSS3, domaine, HTML5, Jquery, m\u00e9dias, mp4, Photos, SEO, diaporama, style, jQuery --><\/p>\n<p>Gr\u00e2ce \u00e0 3WDOC, il est possible de cr\u00e9er des interfaces en HTML5 abondamment interactives sur lesquelles un utilisateur va pouvoir interagir. L&#8217;objet de cet article est de comprendre comment d&#8217;attacher \u00e0 un media un \u00e9v\u00e9nement au clic.<\/p>\n<p>L&#8217;action souhait\u00e9e est que lorsque l&#8217;utilisateur clique sur le media, il est emmen\u00e9 vers une nouvelle s\u00e9quence. C&#8217;est une action nomm\u00e9e <code>goto<\/code>.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/42608589?title=0&amp;portrait=0&amp;color=ff0179\" width=\"960\" height=\"601\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/p>\n<p><b>Dans notre exemple, l&#8217;action a \u00e9t\u00e9 plac\u00e9e sur un article. Vous pouvez de mani\u00e8re identique placer cette action sur d&#8217;autres m\u00e9dias comme des images par exemple.<\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_1_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_1_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><b>Dans le menu d\u00e9roulant, il suffit de s\u00e9lectionner l&#8217;action <code>goto<\/code><\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_2_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_2_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><b>Il faut ensuite s\u00e9lectionner la s\u00e9quence qui sera cibl\u00e9e par votre action de <code>goto<\/code><\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_3_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_3_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><b>Une fois, la boite de dialogue ferm\u00e9e. L&#8217;action vous est rappel\u00e9e dans l&#8217;encart <code>EVENTCLICK<\/code><\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_4_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/001_event_goto_inter_4_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<h4>Qu&#8217;est-ce que 3WDOC<\/h4>\n<p>En savoir plus sur 3WDOC<\/p>\n<blockquote><p>3WDOC, un outil de montage universel, dont tout le monde peut d\u00e9sormais se servir pour raconter des histoires interactives pour les diffuser partout sur le web, sur tout type de plate-forme mobile ou prochainement sur la TV connect\u00e9e.<\/p>\n<p>3WDOC est une approche r\u00e9volutionnaire pour la communication digitale. Con\u00e7u pour faciliter la cr\u00e9ation de sites et de webdocs d&#8217;excellence, 3WDOC est la meilleure exp\u00e9rience rich-media et interactive possible, pr\u00e9vue pour toutes les audiences : web, mobile et t\u00e9l\u00e9.<\/p><\/blockquote>\n<h2>Plus d&#8217;informations<\/h2>\n<ul>\n<li>INSCRIPCION (Spanish)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/es\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/es<\/a><\/li>\n<li>INSCRIPTION (French)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/fr\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/fr<\/a><\/li>\n<li>SIGNUP (English)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/en\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/en<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Gr\u00e2ce \u00e0 3WDOC, il est possible de cr\u00e9er des interfaces en HTML5 abondamment interactives sur lesquelles un utilisateur va pouvoir interagir. L&#8217;objet de cet article est de comprendre comment d&#8217;attacher \u00e0 un media un \u00e9v\u00e9nement au clic.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Avec 3WDOC, liez un \u00e9v\u00e9nement clic \u00e0 un m\u00e9dia pour rediriger vers une nouvelle s\u00e9quence. Utilisez goto pour des interfaces HTML5 interactives.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3433,3436,3451],"tags":[578,502,325,2200,670,1111,209,2245,1142,112,450,2266,2185,2267,799,2190,1645,338,324,1646,154,398,44,1110,606,1130,2263],"class_list":["post-7240","post","type-post","status-publish","format-standard","hentry","category-3wdoc-tutorials","category-digital-storytelling-webdocs","category-web-design-front-end","tag-3wdoc","tag-action","tag-audio","tag-cloud","tag-codec","tag-compte","tag-css","tag-css3","tag-diaporama","tag-domaine","tag-evenement","tag-experiences","tag-html5","tag-interactif","tag-interactives","tag-jquery","tag-larticle","tag-medias","tag-mp4","tag-nuage","tag-photos","tag-rich-media","tag-seo","tag-sequence","tag-storytelling","tag-style","tag-webdoc"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-1SM","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=7240"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7240\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=7240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=7240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=7240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}