Home Entrance Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
September 24, 2023, 01:16:06 pm - @511.18
Forum activity rating: Four Star Posts: 56/24hrs Unread Topics | Unread Replies | Own Posts | Own Topics | Recent Posts
News: :dive: Are u having fun?? :dive:

+  MelonLand Forum
|-+  World Wild Web
| |-+  ✁ ∙ Web Crafting
| | |-+  ☔︎ ∙ Help & Tutorials
| | | |-+  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 4446 times)
Melooon
Hero Member ⚓︎
*****


So many stars!

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

View Profile WWW

spring 2023!Squirtle!!!!MIDI WarriorMIDI Warrior1234 Posts!OzspeckCool Dude AwardRising Star of the Web AwardMessage BuddyPocket Icelogist!OG! Joined 2021!The Smallest Ozwomp Known To ManBug!
« 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, you can now visit https://melonking.net/melon?z=/links 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 :grin:smile:

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
<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 156 times.)
« Last Edit: May 25, 2022, 03:54:05 pm by Melooon » Logged


everything lost will be recovered, when you drift into the arms of the undiscovered
cinni
Full Member ⚓︎
***


believe in your dreams <3

SpaceHey: Friend Me!
StatusCafe: cinni

View Profile WWW

OG! Joined 2021!
« 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
Hero Member ⚓︎
*****


So many stars!

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

View Profile WWW

spring 2023!Squirtle!!!!MIDI WarriorMIDI Warrior1234 Posts!OzspeckCool Dude AwardRising Star of the Web AwardMessage BuddyPocket Icelogist!OG! Joined 2021!The Smallest Ozwomp Known To ManBug!
« Reply #2 on: May 25, 2022, 03:30:56 pm »

This has been updated to support iFrames!
Logged


everything lost will be recovered, when you drift into the arms of the undiscovered
PurpleHello98
Jr. Member ⚓︎
**


SpaceHey: Friend Me!

View Profile WWW

Joined 2022!
« Reply #3 on: July 14, 2023, 05:02:34 am »

Does anyone know how to make this work with div ids? I'd like to link to specific blog posts on my blog page and I give them all IDs based on the post title, like, for example "is-twilight-alright" for my most recent post. When I try to navigate to the individual blog HTML file outside of the frameset (like https://purplehello98.neocities.org/blog/frame#is-twilight-alright), the IDs work fine, but when I try to go to the post in the frameset (like https://purplehello98.neocities.org/main?z=/blog/frame#is-twilight-alright) it doesn't work. Does anyone know how to make it work short of just making every post its own page?
Logged

Hey, I'm Lizzie! Check out my Web site here!
Pages: [1] Print 
« previous next »
 

Vaguely similar topics! (3)

GUIDE: Melon's Simple X3D World Tutorial

Started by MelooonBoard ✎ ∙ Art Crafting

Replies: 5
Views: 2933
Last post February 17, 2022, 03:18:22 pm
by demonologi
Collecting 90s Texture CD Links

Started by MelooonBoard ✎ ∙ Art Crafting

Replies: 9
Views: 5670
Last post August 16, 2023, 02:46:50 pm
by Cobra!
How to use a forum?! - A guide for those who have forgotten/never knew!

Started by MelooonBoard ⛄︎ ∙ Forum Discussion

Replies: 2
Views: 2561
Last post April 22, 2023, 06:45:03 pm
by Aloe

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies Forum Guide | Rules | RSS | WAP2


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi