How do I open multiple connected .html files togehter as a website? - html

I have a local folder with 57 HTML files. The HTML files, when opened in a browser, contain a drop-down menu and the different choices here correspond to the other HTML files. So clicking an option in the drop-down menu should bring me to the page of another file.
How can I open all HTML files together so the connections between them work? I do not want the pages in separate tabs, but more like a website where I can click my way between the pages corresponding to the files using the drop-down menu.
I am on a Windows 10 laptop.
I have opened the files separately in chrome. When selecting an option in the drop-down menu, it brings me to the "File not found" error page.
Thankful for any input!

You will have to change the destination (of each drop down) to the respective html files in your folder.

Related

Hml file stored in OnedDrive with links to images stored in same folder not working

I'm storing html files to a OneDrive folder.
The repro is trivial.
In your onedrive, create a folder named repro.
Upload one image, for example image.jpg.
In this folder, create an html page and try to dislay the image.
Link is broken.
My page contains these 2 kind of links.
This link is not clickable (but I right click, open in new tab, it works)
<img width="100%" src="/personal/user_test_domain_com/Documents/repro/image.jpg">
This image gets broken. But if I right click, open image in new tab, it works.
Click link to open the image
It looks like Onedrive has a kind of protection that prevents displaying the images stored in onedrive. I tried to store the image in Style Assets folder as well and it didn't work.
We are developping a product where an archive of a discussion is stored as an html file in the personal onedrive of the user.
It is important that the images be displayed correctly.
What syntax should we use? Is there a way to use and iframe, an embedded component to display the images correctly in the page.
Images and html files are stored in the same location in the onedrive of the user.

PFsense captive portal images are not appearing

I uploaded a captive portal html page and it is redirecting correctly to the specified page. However it is not displaying the images included in the html page although I uploaded those images to the file manager and I changed their names in the html page according to the new names given by the file manager. But it still not appearing when I click in view button.
Could you help me? Am I missing any thing??
See this:
I create a HTML page for captive portal, my page include 1 image named: logo.png...
i load "logo.png to "File Manager" on pfsense, but, in the upload, pfsense rename the image to: "captiveportal-logo.png".
the trouble is the renames on files from PfSense.
(in my case detect this)

Save only html when "save as" a webpage

When I save a page from my website, I will get an html file and a folder that contains all photos, css and js files.
Is there a way to save only the html file?
I've just found that if you are using Google Chrome you can choose which one you want to save from the dropdown menu 'Save as type'. If you talk about preventing the user to save your HTML - it's not possible, if the browser can see the page, the user can view the source code and save the page.
If you use Microsoft Edge browser, do the following: ctrl+s then select html only on the drop-down menu.
you will get one html file without any extra folders.

Files With Extension "doc" Must Show in Browser Instead of Download

I have uploaded a doc file on my server and when i open this file by it's url then it's automatically downloaded but i want that this should open in a browser instead of downloading,please help me to resolve this issue.
If you want open your document inside Browser, you can try the following settings:
The setting that controls this behavior is located in Windows Explorer (not Internet Explorer) on the user's machine.
Open “Windows Explorer”.
Select Tools -> Folder Options... from the menu.
Go to the “File Types” tab.
In the “Registered file types list”, select the file you want to change the setting for (e.g. DOC).
Click the “Advanced” button to open the Edit File Type dialog.
There is a checkbox, Browse in same window, where you can specify whether the selected file type should be opened within the browser or launched in its host application when clicked on a web page.
For more information, please refer to: http://support.microsoft.com/?scid=kb;en-us;162059
Have you tried to use the page view web part and link to the document?
Also, does it have to be a word document? Could you try a different approach for the content, like using one of the page layouts or the content editor web part?

Create a Sharepoint page from HTML file with images

I'm trying to create an editable page in Sharepoint. I already have the page in HTML (it's quite large) and it has many images in it. Previously I have just created a new page in sharepoint and pasted the HTML source in, the uploaded/inserted the images manually, one at a time.
Unfortunately, I am not able to do this in a reasonable amount of time since there are many images this HTML file is using.
So, I want an editable Sharepoint page that keeps the images intact from a directory that looks like this:
thepage.html
1.png
2.png
...
...
...
343.png
etc
Any ideas?
EDIT: For more clarity - this is a specifications document in HTML form, so it has a lot of text and header integrated with images. I'd like it to be converted to an actual Sharepoint Page that is editable from Sharepoint's interface.
Seems best here to use a low-tech solution, some HTML editing and use the best way for you to upload multiple files.
Assuming
C:\mypage
-> \page.html
-> \images\1.png
-> \images\2.png
...
-> \images\100.png
Via the UI
Go to a Document or Image library, and use the "Upload Multiple files/images" (this only appears on Internet Explorer)
Lets say you uploaded it to //sharepoint/myimages
Create a new content page (say an Article page, or WebPart Page with a Content Editor WebPart)
Lets say your page resides now at //sharepoint/pages/mypage.aspx
Change your html to point from <img src="images/1.png" /> to <img src="../myimages/1.png" />
Edit the HTML for your newly created page (Ribbon > Edit HTML Source), paste your HTML code
Via SharePoint Designer
Drag and Drop all the images in your desired location
repeat the HTML steps above
To replace text in bulk, SharePoint Designer, your favorite HTML editor or event Notepad can do that well using the CTRL+H menu / Edit > Find & Replace options.
NOTE: the //sharepoint address up there is the http url for your site, SO won't let me use a full fake address as a sample.
From IE or from Word, save the page as a complete webpage so it creates an HTML file plus a folder with the images.
In network places, create web folder (WebDAV) pointing to Sharepoint. This way, you can access it from the file system in Explorer.
Open your new network place, navigate to the library where you want your HTML file to be, and drag-n-drop the file and folder into there.
The file then will be visible in browser, with the pictures, but the folder will be hidden.
If I have understood correctly your question. You can use this post answer to load list of images by javascript and php ->
Load list of image from folder.
Upload files to Share Point server and use that folder.
Or you can dynamically write c# code to read Share Point folder and display images.