iFrame, onLoad och ett ankare ....

Jag har en iframe en bit ned på en sida, så den syns inte, och jag skulle behöva en kod som gör att när något laddas in i iFramen så scrollas sidan ner så iFramen blir synlig.

Har nån ett förslag tro?

Annons:

johan

2015-10-14 22:20

Ligger iframens innehåll på samma domän som huvudsidan?

Mvh // Johan

Född vid 334.00 PPM

pellepiano

2015-10-14 22:49

Jo.

johan

2015-10-15 08:06

Otestat, men du bör kunna göra så här:

Ge iframen ett id, </p> <p>I sidan för iframen, lägg in följande script:</p> <script> window.addEventListener('load', function() { parent.location.hash = "minframe"; }); </script> <p>Givetvis viktigt att "minframe" är samma i både script och ID på iframe.</p></div><div class="jsx-1738796669 jsx-3449298264 signature"><p>Mvh // Johan</p> <p><em>Född vid 334.00 PPM</em></p></div></div></div><div style="margin-left:40px" class="jsx-1772908323 comment-buttons"><span class="jsx-1772908323"></span><button type="button" style="color:#005f86" class="jsx-863189090 ">Svara</button></div></div></div></div></div></div></section><section class="jsx-2684761777"><div><div id="4"><div class="jsx-2684761777 "><div class="jsx-1772908323 root comment"><header class="jsx-3c40cd579ba45109 head"><div class="jsx-3c40cd579ba45109 avatar"><div class="jsx-3524429949 root"><div class="jsx-3524429949 avatar-container"><img src="http://ifokus-assets.se/uploads/096/09620552082f52e8b1e65dfeb3413268/pelle-pool-mb.jpg" loading="lazy" style="width:50px;height:50px" alt="pellepiano" class="jsx-3524429949 avatar-img"/></div></div></div><div class="jsx-3c40cd579ba45109 meta"><div class="jsx-3c40cd579ba45109 meta-row"><span class="jsx-3c40cd579ba45109 username"><a class="jsx-3c40cd579ba45109" href="/user/9599/pellepiano">pellepiano</a></span></div><div class="jsx-3c40cd579ba45109 meta-row"><span class="jsx-3c40cd579ba45109">2015-10-15 11:00</span></div></div><div class="jsx-3c40cd579ba45109 likes"><div role="button" aria-label="Gilla (0 gilla-markeringar)" title="Gilla (0 gilla-markeringar)" aria-disabled="false" tabindex="0" class="jsx-3943312008 likes"><svg width="20" height="16" viewBox="0 0 20 16" fill="transparent" xmlns="http://www.w3.org/2000/svg" class="jsx-3943312008"><path d="M16.027 9.48255C12.7449 11.385 11.193 12.5756 10.2992 13.8762C10.1917 14.0358 10.0922 14.2008 10.0013 14.3704C9.92348 14.2292 9.82653 14.0557 9.70329 13.8762C8.68265 12.3901 6.75505 11.0931 3.97551 9.48255C1.81219 8.22858 0.84421 6.27226 1.38863 4.25012C1.58354 3.41653 2.04676 2.67 2.70716 2.12525C3.36755 1.58051 4.18857 1.26769 5.04402 1.23486C8.24727 1.23486 10.0018 5.77896 10.0018 5.77896C10.0018 5.77896 11.5942 2.34085 12.9291 1.75055C13.5458 1.40123 14.245 1.22358 14.9537 1.23606C15.8091 1.26889 16.6301 1.58171 17.2905 2.12645C17.9509 2.6712 18.4142 3.41772 18.6091 4.25132C19.1583 6.27225 18.1915 8.22858 16.027 9.48255Z" stroke="#017eb3" class="jsx-3943312008"></path></svg><span class="jsx-3943312008 likes-count">0</span></div></div></header><div class="jsx-1772908323 "><div class="jsx-1738796669 jsx-3449298264 message-body message-body-comment"><span class="jsx-1738796669 jsx-3449298264 index">#4</span><div class="jsx-1738796669 jsx-3449298264 body user-background"><div class="jsx-1738796669 jsx-3449298264"><p>Tack för svar. Det verkar inte fungera riktigt och det verkar vara så att iframen inte räknas som parent. Jag hittade ett script nu som blandade ditt med ,  med onLoad= i iFrame-koden och …</p> <script type="text/javascript"> function onLoadHandler() { if (hide==1){ location.hash = "ifrm"; location.hash = "just\_to\_reset\_previous"; } } </script> <p>Där har jag lagt till en ifsats för att inte scrollningen ska ske när huvudsidan laddas. Variabeln hide=1 ligger längre ned på sidan ( fick den inte att fungera i funktionen ). Den dubbla hashen är för att den måste ändras för att kunna upprepas.</p> <p>Jag ska ha bilder på cdskivor högst upp på huvudsidan. Vid klick på cd laddas cd-skivans htmlsida in i iframen och scrollningen sker så iframen  dyker upp för betraktaren .</p> <p>Och nu efter säker 150 olika tester fungerar det, på en Wordpress sida som för tillfället har problem med databasen så fördröjningar upp till 30 sek per ändring =)</p> <p>Tack för hjälpen.</p></div></div></div><div style="margin-left:40px" class="jsx-1772908323 comment-buttons"><span class="jsx-1772908323"></span><button type="button" style="color:#005f86" class="jsx-863189090 ">Svara</button></div></div></div></div></div></div></section><div class="jsx-8d952b170aa82f59 comment-login"><button class="jsx-2505901327 ">Logga in för att kommentera!</button></div><a href="#site-top" class="jsx-2684761777 scroll-to-top">Upp till toppen</a><div style="margin-bottom:10px;min-height:300px" class="jsx-4193704118 ad"><div class="jsx-4193704118 ad-label">Annons:</div><div class="jsx-4193704118 ad-content"><div id="ifokus_mpu1_2" class="jsx-4193704118"></div></div></div></div></article><div style="height:100px"></div><div> </div></div></div></div></main></div><aside class="jsx-3713795938 sidebar sidebar-visible"><div class="jsx-3713795938 sidebar-content"><aside class="jsx-7c0db07d1cc8c84e"><div role="tablist" aria-label="Aktiv visning" class="jsx-2447797273 segments"><div role="tab" aria-selected="true" tabindex="0" class="jsx-2447797273 item selected">Bli medlem</div><div role="tab" aria-selected="false" tabindex="0" class="jsx-2447797273 item ">Våra sajter</div></div><div class="jsx-7c0db07d1cc8c84e content"><h2 class="jsx-7c0db07d1cc8c84e blue-text content-heading">Hundratals sajter med samma medlemskap</h2><p class="jsx-7c0db07d1cc8c84e"><em class="jsx-7c0db07d1cc8c84e">Skapa ett gratis konto och delta i diskussionerna.</em></p><div role="tablist" aria-label="Aktiv visning" class="jsx-2447797273 segments"><div role="tab" aria-selected="true" tabindex="0" class="jsx-2447797273 item selected">Logga in</div><div role="tab" aria-selected="false" tabindex="0" class="jsx-2447797273 item ">Skapa konto</div></div><form class="jsx-1311562031"><div class="jsx-2270570846 form-field"><label class="jsx-2270570846">Användarnamn</label><input type="text" required="" autoComplete="username" placeholder="Användarnamn" id="username" aria-label="Användarnamn" class="jsx-1012317222 " value=""/></div><div class="jsx-2270570846 form-field"><label class="jsx-2270570846">Lösenord</label><input type="password" required="" autoComplete="current-password" placeholder="Lösenord" id="password" aria-label="Lösenord" class="jsx-1012317222 " value=""/></div><div class="jsx-1489059234 form-field-checkbox"><label class="jsx-1489059234"><div class="jsx-1489059234 checkbox"><input type="checkbox" class="jsx-1489059234 " checked=""/><span class="jsx-1489059234"></span></div>Kom ihåg mig</label></div><div class="jsx-1311562031"><button type="submit" class="jsx-2505901327 ">Logga in</button></div></form><div class="jsx-7c0db07d1cc8c84e footer"><p class="jsx-7c0db07d1cc8c84e">Inte medlem?<span role="button" class="jsx-7c0db07d1cc8c84e link"> Bli medlem! </span></p><p class="jsx-7c0db07d1cc8c84e"><a class="jsx-7c0db07d1cc8c84e" href="/user/forgot-password">Glömt lösenord?</a></p></div></div></aside><div style="min-height:270px" class="jsx-3713795938"><div style="min-height:250px" class="jsx-4193704118 ad"><div class="jsx-4193704118 ad-label">Annons:</div><div class="jsx-4193704118 ad-content"><div id="ifokus_tws1_2" class="jsx-4193704118"></div></div></div></div></div></aside></div><div id="sitemap" class="jsx-1142688426 sitemap"></div><footer class="jsx-1142688426"><nav class="jsx-1142688426"><a href="https://www.ifokus.se/about" class="jsx-1142688426">Om iFokus</a><a href="https://blog.ifokus.se" class="jsx-1142688426">Bloggen</a><a href="https://support.ifokus.se" class="jsx-1142688426">Support</a><a href="https://www.ifokus.se/about/user_agreement" class="jsx-1142688426">Användaravtal</a><a href="https://www.ifokus.se/about/rules_of_conduct" class="jsx-1142688426">Skrivregler</a></nav><div class="jsx-1142688426 branding-bg"><div class="jsx-1142688426 branding"><img src="https://www.ifokus.se/images/ifokus-text-blue.svg" style="width:106px;height:23px" alt="Logotyp" class="jsx-1142688426"/><span class="jsx-1142688426 byline">Sveriges största intressenätverk</span></div></div><div class="jsx-1142688426 copyright">© Copyright 2024 iFokus</div></footer><div id="toolbar" class="jsx-3739181486"><button title="Upp till toppen" class="jsx-3739181486 img-button"><img src="/images/up.svg" style="width:20px;height:20px" alt="Upp till toppen" class="jsx-3739181486"/></button></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"discussionId":1274309,"discussionResponse":{"id":1274309,"accessRequired":10,"discussion":{"id":1274309,"siteId":1612,"userId":9599,"accessRequired":10,"title":"iFrame, onLoad och ett ankare ....","tags":["javascript-jquery"],"readCounter":2054,"postCount":5,"importance":0,"sticky":false,"publishedAt":1444853938,"commentedAt":1444899640},"posts":[{"id":16717361,"discussionId":1274309,"userId":9599,"markdown":null,"html":"\u003cp\u003eJag har en iframe en bit ned på en sida, så den syns inte, och jag skulle behöva en kod som gör att när något laddas in i iFramen så scrollas sidan ner så iFramen blir synlig.\u003c/p\u003e\n\u003cp\u003eHar nån ett förslag tro?\u003c/p\u003e","attachments":[],"likes":0,"postedAt":1444853938,"anonymous":false},{"id":16717362,"discussionId":1274309,"userId":1202,"markdown":null,"html":"\u003cp\u003eLigger iframens innehåll på samma domän som huvudsidan?\u003c/p\u003e","attachments":[],"likes":0,"postedAt":1444854036,"anonymous":false},{"id":16717363,"discussionId":1274309,"userId":9599,"markdown":null,"html":"\u003cp\u003eJo.\u003c/p\u003e","attachments":[],"likes":0,"postedAt":1444855772,"anonymous":false},{"id":16717364,"discussionId":1274309,"userId":1202,"markdown":null,"html":"\u003cp\u003eOtestat, men du bör kunna göra så här:\u003c/p\u003e\n\u003cp\u003eGe iframen ett id, \u003ciframe id=\"minframe\" ….\u003e\u003c/p\u003e\n\u003cp\u003eI sidan för iframen, lägg in följande script:\u003c/p\u003e\n\u003cscript\u003e\n\nwindow.addEventListener('load', function() {\n\nparent.location.hash = \"minframe\";\n\n});\n\n\u003c/script\u003e\n\u003cp\u003eGivetvis viktigt att \"minframe\" är samma i både script och ID på iframe.\u003c/p\u003e","attachments":[],"likes":0,"postedAt":1444889196,"anonymous":false},{"id":16717365,"discussionId":1274309,"userId":9599,"markdown":null,"html":"\u003cp\u003eTack för svar. Det verkar inte fungera riktigt och det verkar vara så att iframen inte räknas som parent. Jag hittade ett script nu som blandade ditt med , \u0026nbsp;med onLoad= i iFrame-koden och …\u003c/p\u003e\n\u003cscript type=\"text/javascript\"\u003e\n\nfunction onLoadHandler() {\n\nif (hide==1){\n\nlocation.hash = \"ifrm\";\n\nlocation.hash = \"just\\_to\\_reset\\_previous\";\n\n}\n\n} \n\n\u003c/script\u003e\n\u003cp\u003eDär har jag lagt till en ifsats för att inte scrollningen ska ske när huvudsidan laddas. Variabeln hide=1 ligger längre ned på sidan ( fick den inte att fungera i funktionen ). Den dubbla hashen är för att den måste ändras för att kunna upprepas.\u003c/p\u003e\n\u003cp\u003eJag ska ha bilder på cdskivor högst upp på huvudsidan. Vid klick på cd laddas cd-skivans htmlsida in i iframen och scrollningen sker så iframen \u0026nbsp;dyker upp för betraktaren .\u003c/p\u003e\n\u003cp\u003eOch nu efter säker 150 olika tester fungerar det, på en Wordpress sida som för tillfället har problem med databasen så fördröjningar upp till 30 sek per ändring =)\u003c/p\u003e\n\u003cp\u003eTack för hjälpen.\u003c/p\u003e","attachments":[],"likes":0,"postedAt":1444899640,"anonymous":false}],"users":{"1202":{"id":1202,"networkId":1,"username":"johan","usernameNormalized":"johan","signature":"\u003cp\u003eMvh // Johan\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eFödd vid 334.00 PPM\u003c/em\u003e\u003c/p\u003e","avatarUrl":"https://files.ifokus.se/u2/04f5394d058e5fbcd86901a3c63ad08b/64/","createdAt":1121424765,"emailValidatedAt":1121424765,"lastLoginAt":1713450792.478,"loginCount":9363,"sites":[]},"9599":{"id":9599,"networkId":1,"username":"pellepiano","usernameNormalized":"pellepiano","signature":"","avatarUrl":"http://ifokus-assets.se/uploads/096/09620552082f52e8b1e65dfeb3413268/pelle-pool-mb.jpg","createdAt":1173826279,"emailValidatedAt":1677500926.938,"lastLoginAt":1677502022.3,"loginCount":2038,"sites":[]}},"feature":null,"decisions":{},"edits":{},"linkPreviews":{}},"isLoadedOnServer":true},"communityResponse":{"network":{"id":1,"name":"iFokus","domain":"ifokus.se","email":"info@ifokus.se","language":"sv","ga":"G-N0ZDQJWLPJ","settings":{"logos":{"largeLight":"https://www.ifokus.se/images/ifokus-textonly.svg","mediumLight":"https://www.ifokus.se/images/ifokus-text.svg","mediumDark":"https://www.ifokus.se/images/ifokus-text-blue.svg","round":"https://www.ifokus.se/images/i-ifokus-inv.svg"},"ads":{"scriptId":"108_1451","panorama":"4484","module":"5103","insider":"4486","insiderRight":"4708"},"apiKeys":{"googleClientId":""},"favicon":"https://www.ifokus.se/images/i-ifokus.svg"}},"site":{"id":1612,"networkId":1,"categoryId":3,"subdomain":"webbprogrammering","name":"Webbprogrammering","siteType":0,"active":true},"siteCategory":{"id":3,"networkId":1,"name":"Datorer \u0026 Prylar","color":"#999999","sort":30,"adId":"7205099367"},"community":{"id":1612,"metaDescription":"","metaKeywords":"","bannerUrl":"https://files.ifokus.se/u2/7e770d0e4c564cfc32a8a9aada911b8a/default/","activityBase":164.2612,"activityTime":1712420746.867,"colors":["#666666","#333333","#000000"]},"settings":{"allows_anonymous":"false","network_wikiwords":"true"},"lexicon":[{"networkId":1,"siteId":1612,"discussionId":1330251,"word":"HTML-Editor"}],"networkLexicon":[{"networkId":1,"word":"Användaravtal","targetUrl":"/about/useragreement/"},{"networkId":1,"word":"Avatar","targetUrl":"/about/avatar/"},{"networkId":1,"word":"Guldmynt","targetUrl":"/about/goldcoins/"},{"networkId":1,"word":"Guldmyntshoppen","targetUrl":"/about/goldcoinshop/"},{"networkId":1,"word":"iFokus","targetUrl":"/about/ifokus2/"},{"networkId":1,"word":"iFokus-bloggen","targetUrl":"/about/ifokusblog/"},{"networkId":1,"word":"iFokus utan reklam","targetUrl":"/about/adfree2/"},{"networkId":1,"word":"Insider","targetUrl":"/about/insider2/"},{"networkId":1,"word":"Intressesajt","targetUrl":"/about/interestsite/"},{"networkId":1,"word":"Kluring","targetUrl":"/about/kluring/"},{"networkId":1,"word":"Lexikon","targetUrl":"/about/lexicon/"},{"networkId":1,"word":"Medaljer","targetUrl":"/about/medals/"},{"networkId":1,"word":"Medarbetare","targetUrl":"/about/assistant/"},{"networkId":1,"word":"Sajtvärd","targetUrl":"/about/sitehost/"},{"networkId":1,"word":"Skrivregler","targetUrl":"/about/rules/"},{"networkId":1,"word":"Starta en sajt","targetUrl":"/about/startsite/"},{"networkId":1,"word":"Support iFokus","targetUrl":"/about/support/"}],"owner":{"id":6673,"networkId":1,"username":"[Fibbe]","usernameNormalized":"[fibbe]","createdAt":1166107642,"emailValidatedAt":1166107642,"lastLoginAt":1599268187.833,"removedAt":1372920560,"loginCount":780,"sites":[]},"ownerActive":false,"activityIndex":44.15577236220132,"isIpBlocked":false,"ipAddress":"192.168.28.140"},"useragent":{"isMobile":false,"isDesktop":true},"showAds":true},"page":"/discussion/[id]/[slug]","query":{"id":"1274309","slug":"iframe-onload-och-ett-ankare-"},"buildId":"BCvDzzKIrIYSYO7dILp9Y","isFallback":false,"isExperimentalCompile":false,"dynamicIds":[80119,39219],"gip":true,"appGip":true,"scriptLoader":[]}</script></body></html>