I'm using <iframe> in HTML5 which is working correctly for all other links except google forms. Please tell me where I am wrong. Here is the link where I'm using:
http://www.sciencekidunya.com/event
and the google form link is:
https://docs.google.com/forms/d/1ehENKS61N8rmXHxvIk7A8l0ocKBTpjgN4zpY-VDqJXs/viewform
and the code is:
<body>
<center><img src="banner.jpg" width="100%" height="40%"><br><br>
<iframe src="https://docs.google.com/forms/d/1ehENKS61N8rmXHxvIk7A8l0ocKBTpjgN4zpY-VDqJXs/viewform"></iframe>
</center></body>
In some cases, the form may not be visible to other people until you change its visibility settings.
To do that:
Go to the "Settings" tab.
Click the dropdown arrow to the right of "Responses".
Uncheck the "Restrict to users in (your organization) and its trusted organizations" checkbox.
Your iframe should now load correctly.
Related
I'm using classic google sites and uploaded an html file. However, when I click on the link instead of opening directly on a new tab it tries to download it. So, how can I force that by clicking the link it opens directly in the browser?
Link location:
http://www.rodriguesloures.com/econometrics.html?attredirects=0&d=1
Code:
<div style="vertical-align:middle"><img alt="" src="https://sites.google.com/site/arloures/julia-language.png" style="vertical-align:middle" title="julia" width="25" height="25" border="0"> Applied Econometrics using Julia</div>
Thanks for you feedback!
Alexandre
You probably generated your html file with PANDOC and uploaded it to your site as page attachment (using Add file link). Google treats all attachments as files for download only.
What you can try to do is:
create a new page called econometrics for example
at the new page's EDIT pane click <html> button, Edit HTML popup window should be open now
Paste your entire HTML content into text area and hit update button
Now, all links to this page will open your HTML and not download it
I have created a custom tab for a Facebook page. Everything is displaying, the only issue happening is none of the link in that tab is working. Is there a special code that I need to add for Facebook Tab page in order to make the links work?
This is the facebook tab.
https://www.facebook.com/AstellasUS/app/2475799012460272/
And the links I have used basic HTML below
<li>Twitter: twitter.com/astellasus</li>
<li>LinkedIn: linkedin.com/company/astellas-pharma</li>
<li>YouTube: youtube.com/user/AstellasUS</li>
<li>Website: astellas.us</li>
They are “not working”, because those sites forbid being displayed inside a frame on a different domain, via the X-Frame-Options header.
Trying to open those sites inside the app iframe doesn’t make that much sense to begin with - so simply add target="_blank" to those links, so that they open in a new window/tab.
so I have a web page I've been working on that uses embedded Google Docs in an iFrame to keep it updated without having to hard code notices/updates.
I came across a problem, where if you were to click on a link it opens in the iframe instead of opening in a new tab, which is preferable. I've tried things like:
<base target="_blank" />
Any ideas on how to accomplish this? (Note that with Google docs I can't find a way to change the way links are handled, so I'd need to do that on the end of the main page.)
I wanted an embed Google Form in my website so i grabbed embed code and pasted it in my page.
<iframe src="https://docs.google.com/forms/d/1u1NO8u4vu6Q9XuUNigo4qy22hjvRmL-HFIRVsgiaL9c/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
(that's what Google gave me)
Everything is working fine BUT it's an iframe so I can't edit it's appearance using CSS. Google Docs' deafult themes don't match my site so I want to this page's CSS. I tried downloading https://docs.google.com/forms/d/1u1NO8u4vu6Q9XuUNigo4qy22hjvRmL-HFIRVsgiaL9c/viewform as html but this way I didn't get the css file. Do I have to create it by myself or there's another solution to my problem?
You can simply copy the form section of the html and copy paste to your page. It will post to google, and you still have full control over it.
You can't style it while it's an iframe.
see here for more tips about this:
http://morning.am/tutorials/how-to-style-google-forms/
You should use a <form> tag instead of embedding Google form. This is because the style from embedded form may not match your website scheme.
Here is how you can do it.
Create a Google Form.
Get the link and open the form in a new tab.
Create a barebone form having same items as the Google form.
Inspect Google form for action attribute.
a. Copy the same action to your form.
Inspect and find values for attributes name in the Google form.
a. Give the same name values for your form items as well. The values look like entry.742532386.
Check if your form gets the responses.
Read more here
I have been working on a simple web site (one page at the moment) to display some basic information. This site also contains several links that refer the user to downloadable content (2 links to a PDF and one link to a zip file).
These links, like most of my page, are hidden using the display:none CSS attribute if the user cannot run JavaScript, which several features of the site require. A message is then displayed in the <noscript> tag to inform the user of why they aren't seeing the scripted content. This was all working perfectly when I previewed the files on my personal computer without hosting them.
My problem came after hosting on the site on GoDaddy.com. Now, whenever <noscript> is called upon (regardless of browser), every link from my site is pulled out and shoved in the upper-left corner where the user can see it. CSS styling does not appear to affect these links and I cannot figure out how to get rid of them.
How can I solve this? Most importantly, how to make the links go away unless I set them to visible again?
This is my <noscript> tag, at the bottom of the page:
<noscript>
<div class="scriptError">
<h1>Javascript is disabled!</h1>
<div id="noScriptNotice">
<p>This site works best with Javascript enabled. A 'noscript-friendly' version is currently in progress, but for now please enable Javascript to view the contents.</p>
</div>
</div>
</noscript>
Everything else (including links) is inside this div:
<div class="scriptedContent" style="display: none;">
<script>
//If scripting is enabled, display the site.
$(".scriptedContent").css("display", "block");
</script>
If it's working on your own localhost, but not Godaddy.com , you should first and foremost try to submit a support ticket to see if that provides any help.
The links that are re-appearing, see if you can apply this CSS style to the links that you are trying to hide:
font-size: 0;
text-decoration: none;
That should do the trick of hiding the links, that is, if your CSS is affecting them at all.
If not, try to "right click > view source" of the page, and then view and compare the source with your own.
Alternative if that does not work:
Try making your links (in the HTML code) something along the lines of:
Text
and seeing if that stops them from overriding your Styling.