How to save a webpage - html

I'm on a website which has multiple links, but when I click a new link, it just changes the screen, not the url. I'm trying to save the screen, but it is saving the original screen. I right click, save as, webpage, complete or webpage, html only (I've tried both), but the original screen shows when I open the file. Any way to get the screen that I want? The one in which I clicked the link.

I have to assume that the links are javascript or php connected and are echoing a new html code when you click the link. The echo once clicked should change the source output to your browser. Try to right click on the page after you clicked the link and select view source, or inspect element and see if you can find these links targets' or copy paste the renewed browser code to your browser into a notepad document then save the file as a .html save to your desktop and open. That should create the same screen you see when you click a link.
click the link, view the change you want to save. right click and select "view source" copy the source and paste into notepad. Save as a.html file and run with a browser. this should produce the visual are looking for then print.

Related

i want to show a html page view source but it redirect and show another site view source any one can help me how it done

i want to show a html page view source but it redirect and show another site view source any one can help me how it done
this is the url
https://www.stlouisco.com/rex/now8/MLB-v-Opening-Day-2020-on-tv0s01.html
There are many ways to inspect a page and view its source. A simple one is to right-click on the page and in the context menu, choose "View Page Source".
If right-clicking on the page doesn't work for you for some reason, try this:
In the address bar, add 'view-source' at the start of a webpage that you want to view the source for.
In your case, try this:
view-source:https://mlb.streamsonline.live/
Put it in the address bar at the top of the browser where you would normally put in the URL of the website.

Copy Chrome Html in nice format

How do I copy the whole Chrome Dom Tree with Ctrl Shift I? Right now when I copy, it copies in a single, bad formatted line format.
I want to copy, while keeping tabs, tree format.
Open the dev tools, go to the Elements page, right click the root node (probably the html node), hover over "Copy", and when the sub-menu opens, click "Copy outerHTML", and paste it into whatever you are pasting it into. You will have the complete HTML of the page.
Alternatively, press Ctrl+U to view the source HTML for the page and copy that.

ODT file opening as left aligned page

I'm writing into a file with some HTML table content.
Now when I save it in .doc extension, then while opening it with Libre writer shows the content in center of the page.
But same when I save it with .odt extension the page shows at the left side of the window. Why this is happening and how can I bring it to center?
Go to Tools > Options... > Load/Save > General and make sure Load user-specific settings with the document is checked.
As far as I've been able to tell, each document will open with the same page view setting as the last saved document of that type unless that option is selected.
If you have a particular document that opens in with a page view setting you don't want, you should be able to change it by clicking the 'Single-page view' or 'Multiple-page view' icon for the desired page view and resaving the file.

How to add the images folder in ckeditor in html file

how to add the 'images' folder that appears by default in CK Editor when you try and upload an image. I want the images with main-folder and sub-folder to appear in the folder tree. Im using normal Ckeditor in html file.
CKEDITOR.replace('editor1', {
fullPage: true,
extraPlugins: 'mention,imageuploader',
allowedContent: true,
autoGrow_onStartup: true,
filebrowserImageBrowseUrl: 'ckeditor/plugins/imageuploader/imgbrowser.php?type=Images',
filebrowserImageUploadUrl: 'ckeditor/plugins/imageuploader/imgupload.php?type=Images'
});
I have added the image uploader plugins in the plugin folder and add the above code in my html file. then i clicked on imgae icon and popup will be opened. There im able to see the "browse" button. Once i clicked the browse button, im able to see the images where i have saved in the folder.
But im facing issue that if i click upload button, images are not attaching. page got stucked after clicked upload button.
http://localhost/admin_29/ckeditor/plugins/imageuploader/imgupload.php
Actually im looking that, once we clicked on the browse-server button.popup should open. In that popup,
List item
left side,folder should be there. If i click any image on the folder
List item
Right side, Image should display
List item
If i click upload button in the popup, new image should upload and image should save in the folder itself
Any help appreciated.
Thanks in advance
In my past experience if using localhost and especially chrome, you will get errors. Check out your dev console and most likely see some kind of error like:
Not allowed to load local resource: file:///F:/.../images/logo.png
Since you can browse the image folder might just be localhost issue. Why not try in on web server and see if works ok?

Getting the generated sourcecode of a page in notepad

Is there any way of getting the source code of an HTML browser-page that is showing when i click inspect element(in chrome of firefox) and put it in a notepad(automatically) or maybe accessing it automatically somehow.
I do not want the original sourcecode but the one that is generated after all the javascripts have already run.
I would like to use the code afterwards in another web page and parse it...
later edit: i can actually click the html in the inspect element and click copy html but i need for a nother site to automatically acces this information because i will try reloading the site at regular intervals and need to constantly get the new html
With Firebug's HTML tab, you can right click on the element, and click "Copy HTML".
See also this post:
how to get fully computed HTML (instead of source HTML)?
press ctrl+u then it will display source code of html page then go to file menu and save it as html file in your system. then you can open it in html or another editor like netbeans /dreamviewer/notepad. I suggest you to open it in netbeans or dreamviewer will be better then open it in notped.
thanks.
You can use the web developer plugin for Firefox or Chrome. It gives you the generated source of a page.
In Opera , Right Click -> click on Inspect Element -> right click on <html> tag -> click on Edit Markup, from there you can copy the entire HTML code.
Edit -> In Oprea, right click on the page -> click on Source -> a new tab opens , in the menu bar of newly opened tab you have option 'Save' , from that option you can save the html code as .html , .txt.
Hope this helps you.