How to link a menu item to a PDF - html

I am working on a website, assyrians.com using WordPress and I am trying to link a menu to a PDF. The problem is, when I click on "Trial Election," it downloads the PDF file immediately. What I want is to be able to click "Trial Election" and for it to lead to the PDF document as a ready-to-read display instead of an immediate download.
I apologize if that sounds confusing. I would be happy to clarify. I appreciate any help.

Use e.g. the Download Manager plugin, it is not the optimal solution to upload stuff like PDFs or DOCX directly into the media section.
You can use the download link as a menu item, like /?wpdmdl=1234, where "1234" is the id of the Download Manager item.
The main reason is, that all users can decide what todo with "downloads", you can not force what they have to do with it. If I decide to open PDFs in browser, so it opens, if not, I get the download box.

You cannot assume any users have viewers so always offer as a simple choice. Place download above frame not hidden at bottom, you can pretty that up but most users understand hyper underlined addresses.
<div class="et_pb_text_inner">
<p><span style="text-decoration: underline; color: #0000ff;">Click here to download your copy of the Assyrian electoral system pamphlet</span></p>
</div>
<div class="et_pb_text_inner">
<p><iframe width="98%" height="90%Vh" title="AEIPamphlet3Jan2020-converted.pdf" src="http://assyrians.com/wp-content/uploads/2020/01/AEIPamphlet3Jan2020-converted.pdf">A PDF frame</iframe></p>
</div>
Adjust height="90%Vh" as desired and you can optionally add sandbox attribute if desired.

Related

Is there a way to open a page in an iframe from the previous tab?

I have a website where I host cooking recipes, on the index of the site there is a "recent dishes" button that you can click to view my most recent dish. The problem arises when you factor in that my most recent dish is designed to be viewed inside an Iframe in a "dish index". The dish index has a sidebar with important information that I would like to not have to implement a javascript solution for.
In summary, is there a way to format a link to open the index page, and then open the iframe inside the page?
just for extra clarification, as it seems there are a bunch of questions asking how to do a similar sounding thing.
click link.
link open.
Iframe inside of link opens to a specific page, separate from the default.
Here is a website that has the behavior that I'm looking for, but they're using Framesets and frames which were deprecated in html4 i believe. Please note that the sidebar does not refresh/load when a link is clicked, but the url does.
I've been googling for about 15 minutes now and have not found a solution, other than the javascript one.
From what I understood you want to have a menu and once a link inside this menu has been clicked you want to load different pages. If that is correct then make the menu the main page and then change frame src for different pages. You use target in the link to target the iframe
A short example can be found below
Page 1
Page 2
<iframe src="Page1.html" name="myIframe"></iframe>

Skype for Business - Sharepoint href="sip:..."

I'm new at this, so have no idea really what to do. I'm trying to add a link to a sharepoint page which allows a Skype for Business conversation window to open (like the contact button that works for Skype). Every example I saw says that the easiest way to do this is by using the following code:
Text
When I do this and save the sharepoint page the hyperlink dissapears and the code ends up being
<a unselectable="on"> Text </a>
I don't know if I'm missing a .js or something like that, which allows the href="sip..." to be a valid hyperlink.
How can I fix this?

How do I get the entire html code from a Weebly website?

I was thinking about getting started creating my own website with weebly.com. If I eventually want to move my website to a different host is there a way to do that? When I edit the html code it seems like weebly doesn't show you the whole code that's being used.
For example I just see:
<div id="main"><div class="container">{content}</div></div>
Instead of the <img src> or <p> that are actually on my page?
Is there any way I can see the full code or should I choose a different editor?
In your site editor, make sure you're on the SETTINGS tab, select GENERAL, scroll down, select ARCHIVE. Enter your email address and click EMAIL ARCHIVE. A link to download your zipped archive file will be mailed to you.

disable downloading of image from a html page

Suppose there is a html page containing some images.
we want to disable the downloading of the images from user side.
Is that possible?
Should I need to use any javascript or add some attributes in <img> tag?
My current code is
<td><img src="images/handmade (1).jpg" class="img-responsive" alt="" /></td>
</tr>
</table>
Is there any technique to prevent image from downloading?
No, it cannot be done. Explanation here: https://graphicdesign.stackexchange.com/a/39464/24086
For all intents and purposes, this is downright impossible.
You can disable right click, but people can still view the source code of your page (by adding view-source: to the URL in Chrome, or just using a browser menu) and find the URL.
You can use a CSS background-image instead of HTML , but people can still use their browser's inspector (F12 for most browsers) and find that element's CSS properties.
You can engineer some crazy thing that you think will work, but at the end of the day, the user has to download the image in some way to see it. If the user is completely unable to download the image, he/she won't even be able to see it in the first place! No matter what you do, nothing will prevent a simple glance at a network traffic monitor or the "Network" tab of your favorite browser's developer tools.
Depends what you mean by downloading, really.
The user has to be able to download the image (i.e. retrieve the image onto their computer) in order to display the image in their browser. I suspect what you mean is that you want to stop them saving that specific image onto their computer. Any attempt to try and stop them doing this is pretty pointless, as they can always take a screenshot, or just access the image directly using the URL.
I've seen various attempts using javascript to try and stop users from saving images, but they are all easily worked around.
Cut up the image server-side and store them that way, then assemble them as one image in javascript client-side. The user could download each segment via URL and assemble them manually, but that is much more work than most users are willing to do.

Google Chrome Extension: Webpage in Popup

I'm new to creating extensions and I also don't know much about html but I have an idea for a chrome extension that should be pretty simple so if you give me a little help I may be able to do it.
I want a popup to open when the user clicks the extension-icon (like most extensions) and the popup is supposed to contain a webpage like "http://google.com". That's actually about it. I created the manifest file with the required data and thats fine, now I need to know how to make the html file contain the external webpage.
Another problem: when I tried different things in the html file the popup was tiny and just white.
I hope someone can give me hint. Thanks!
I have made an extension wich displays links to several websites.
My popup.html looks like this:
<!DOCTYPE html>
<html>
<body>
<p>
<a href="http://www.google.com" target="_blank>Google</a> <br/>
<a href="http://stackoverflow.com" target="_blank>StackOverflow</a> <br/>
</p>
</body>
</html>
The target="blank means it opens the site in a new tab
More information about html is found here:
http://www.w3schools.com/html/html_links.asp
Be sure to make the icon 19x19 pixels,and be sure to name it in the manifest.json file
with the filename extension for example
"browser_action":{
"default_icon":"iconname.png",
"default_popup":"popup.html"
}
You should be able to use an iframe tag within your popup. I do that many times to point the user a FAQ page hosted outside.