{"id":232090,"date":"2023-01-19T17:30:00","date_gmt":"2023-01-19T14:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232090"},"modified":"2023-02-01T11:35:43","modified_gmt":"2023-02-01T08:35:43","slug":"detaljtaggen-i-html5-och-jquery-implementeringen","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/detaljtaggen-i-html5-och-jquery-implementeringen\/","title":{"rendered":"Detaljtaggen i HTML5 och jQuery-implementeringen"},"content":{"rendered":"<p>HTML5<\/p>\n<p>Enligt <a href=\"https:\/\/www.w3schools.com\/tags\/tag_details.asp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">W3school<\/a> har <a href=\"https:\/\/helloacm.com\/how-to-read-local-files-using-html5-filereader\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML5<\/a> lagt till en ny tagg, detaljer. Dess exempel anv\u00e4ndning \u00e4r:<\/p>\n<pre><code>&lt;details&gt;\n\u00a0 &lt;summary&gt;Computing &amp; Technology.&lt;\/summary&gt;\n \u00a0&lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/helloacm.com\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;helloacm&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;\/a&gt;\n&lt;\/details&gt;<\/code><\/pre>\n<p>Om din webbl\u00e4sare st\u00f6der <a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML5<\/a> och st\u00f6der denna tagg kommer du att se f\u00f6ljande fungera (expanderbar tagg, klicka f\u00f6r att v\u00e4xla mellan visa och d\u00f6lj, borttagen p\u00e5 grund av att <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-aktiverar-jag-amp-med-wordpress-amp-optimeringstekniker-med-wordpress\/\" title=\"AMP\">AMP<\/a> inte till\u00e5ter dessa <a href=\"https:\/\/helloacm.com\/how-to-read-local-files-using-html5-filereader\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML5<\/a> &#8211; taggar):<\/p>\n<pre><code>\u25b6 Computing &amp; Technology.\n<\/code><\/pre>\n<p>Tyv\u00e4rr st\u00f6der inte alla webbl\u00e4sare detta som <a href=\"https:\/\/helloacm.com\/separation-of-microsoft-unit-tests-to-reduce-the-load-of-ci-server\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Microsoft<\/a> IE eller Edge webbl\u00e4sare. Men du kan alltid anv\u00e4nda jQuery (eller rent javascript) f\u00f6r att uppn\u00e5 samma effekter (minst 99% liknande).<\/p>\n<p>\u25b6 Data och teknik.<\/p>\n<p>K\u00e4llkoden \u00e4r:<\/p>\n<pre><code>jQuery(document).ready(function() {\n\u00a0 jQuery('#example_label1').click(function() {\n\u00a0 \u00a0 \u00a0jQuery('#example_d1').toggle();\n\u00a0 });\n});<\/code><\/pre>\n<p>Tv\u00e5 HTML-div \u00e4r definierade: example_label1 och example_d1. Unicode <a href=\"https:\/\/helloacm.com\/providing-an-isunicodeversion-api-in-your-delphi-project\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">&#8211;<\/a> triangeln till h\u00f6ger f\u00f6rvandlas till ned\u00e5t men detta tas inte med i denna enkla <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/jquery-hur-animerar-man-rullning-till-toppen-och-rullning-till-en-div\/\" title=\"jQuery-\">jQuery-<\/a> ers\u00e4ttning.<\/p>\n<p>Det ser ut som att du anv\u00e4nder en annonsblockerare. Men utan reklamint\u00e4kter kan vi inte forts\u00e4tta att g\u00f6ra den h\u00e4r webbplatsen fantastisk. Jag f\u00f6rst\u00e5r att jag har inaktiverat min annonsblockerare.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Detaljtaggen i HTML5 och jQuery-implementeringen<\/p>\n","protected":false},"author":1,"featured_media":224460,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[848,734,901,724],"tags":[1173],"class_list":["post-232090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-handledningar","category-javascript-9","category-koda","category-utvecklaren","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=232090"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232090\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/224460"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=232090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=232090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=232090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}