Home Help Search Login Register

Welcome, Guest. Please login or register.
September 28, 2022, 02:07:43 pm
Forum activity rating: One Star Posts: 4/24hrs Show Unread Posts | Unread Replies | Own Posts | Recent Posts
News: More cats, yess \o/ :4u: :transport: :TnT: :cheerR: :cheerL: :dive: :unite:

+  MelonLand Forum
|-+  Workshop Zone
| |-+  Tutorials & Help
| | |-+  GUIDE: How to fix links on a frame site! - MK Frame-Link System
« previous next »
Pages: [1] Print
Author Topic: GUIDE: How to fix links on a frame site! - MK Frame-Link System  (Read 1686 times)
Melooon
Administrator
Hero Member
*****
Posts: 606


So many stars!

SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games

View Profile WWW
« on: January 10, 2022, 10:27:57 pm »

 :defrag: :defrag: :defrag: Hi all, a quick guide here with a free script!

As some of you know Im a fan of frames sites, those are sites that use the frameset system for page layout. If you need help with frames have a look at my site and a look at this tutorial too https://www.tutorialspoint.com/html/html_frames.htm.

The big issue with frameset sites though is that they don't save browser history properly, you cant share links to sub pages and the back button does not work.. crappy stuff! BUT I have a fix for all of that and I'll share it here! Example: Instead of just going to https://melonking.net/melon.html, you can now visit https://melonking.net/melon.html?z=/links.html to jump to a particular framed page.

PREMADE TEMPLATE:
I have attached "frames-template.html" this is a template frame site layout you can download and use! It also explains a little about how to modify the frames! (If you download the template you don't need to install the script yourself, its pre-setup ;D)

How to Install (Works for iFrame sites tooo!!)
Add this code to the <head> of your frameset page or main page containing your iFrame (Typically your index.html)
Code: [Select]
<script src="https://melonking.net/scripts/frame-link.js"></script>
Then add id="mainframe" to your main <iFrame> or Frameset <frame> tag.

Done!

Optional Steps
Optional: Create a second <script></script> section AFTER you link the frame-link.js
Optional: add updateTitle = false; if you want to disable title updating. (Default is true)
Optional: add titlePrefix = "My Site "; if you want to add a prefix to your titles. (Default is none)
Optional: add pageParam = "z"; if you want to change the url path of your pages. (Default is z)
Optional: if you use a Hit Counter add hitCounterFunction = function () { XXX MY HIT COUNTER CODE }, this function will automatically be called each time someone click a page, so you can log per page hits within your frame.

The GoatCounter documentation is currently offline, so I cant provide a pre-made hitCounterFunction for you, but I'll add one in the future if the documentation ever comes back!

* frame-template.html (1.37 kB - downloaded 50 times.)
« Last Edit: May 25, 2022, 03:54:05 pm by Melooon » Logged

cinni
Full Member
***
Posts: 146


believe in your dreams <3

SpaceHey: Friend Me!
StatusCafe: cinni

View Profile WWW
« Reply #1 on: January 26, 2022, 10:27:57 am »

i was super excited to try this out, till i got to the disclaimer... LOL

NOTE: If you use one of those fancy iframe sites (like cinni.net) this guide will not work for you directly, but it can be easily adapted to suit your site too! Ask in the comments if you need help with that and Ill figure it out.

either way, i've been wanting to do something like this one day cuz that's the one thing i dont like about iframes :-O
Logged

Melooon
Administrator
Hero Member
*****
Posts: 606


So many stars!

SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games

View Profile WWW
« Reply #2 on: May 25, 2022, 03:30:56 pm »

This has been updated to support iFrames!
Logged

Pages: [1] Print 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines RSS | WAP2 | BBCode Help


Melon Sites!
Visit Melonking.Net! Visit the MelonLand Forum! Visit the Gif Gallery! Support the Forum
Friend Communites!