Thread Locked This thread is locked - replies are not allowed.


This question is answered. Helpful answers available: 0. Correct answers available: 1.


Permlink Replies: 8 - Pages: 1 - Last Post: 20 Feb 23, 22:43 Last Post By: JeffTucker
MrBill3

Posts: 11
Registered: 5-Feb-2023
(Saturn) How do I include jAlbum inside other HTML files?
Posted: 15 Feb 23, 15:23
 
I've enabled my original HTML so that it will show my jAlbum as shown in this page:

http://aa4m.com/photos/cars/2013miata/

This works but I'd rather display the album inline with the rest of the original webpage. I've searched for ways to do this, but the closest I've come is using the iFrame HTML command. This (somewhat) works, but there must be a better way.

Does anyone have a suggestion, one that can be easily used by a non-HTML programmer?

Thanks, MrBill
JeffTucker

Posts: 8,479
Registered: 31-Jan-2006
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 15 Feb 23, 16:45   in response to: MrBill3 in response to: MrBill3
Helpful
jAlbum produces complete web pages, not plugin snippits that can be somehow cobbled into the middle of another page.

Don't even think about heading down the iframe road:

https://jalbum.net/forum/thread.jspa?threadID=54538

I would take the opposite approach - use Saturn to provide all of the "above the thumbnails" text - see Saturn > Code > Top & Bottom Info. You'd never have to create your own pages for each "subject" (car or travel destination) by hand at all.

But be careful about loading up your top and bottom text with invalid HTML, or doing things like using non-breaking spaces to handle alignment. I ran your page through a standard code validator, and it coughed up 87 parsing and HTML errors. It's a wonder the page works at all - it's a testament to browsers' tolerance for "tag soup." Saturn produces valid HTML5, but it can't fix non-validating stuff that you enter by hand.

So don't copy and paste your existing page code, which will just bring all of the problems with it. Just enter the plain text, and use Saturn > Fonts > Index Page > Top info to set things like size and weight. Don't use <p> tags - just enter the text with line feeds where you want them (i.e., just hit Enter twice to start a new paragraph) - the skin will take care of the HTML coding.

If time permits, I'll wade into that page, and put together a clean example.
JeffTucker

Posts: 8,479
Registered: 31-Jan-2006
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 16 Feb 23, 00:45   in response to: JeffTucker in response to: JeffTucker
 
Here's a quickly assembled demo, using just the Saturn defaults for everything.

(demo album removed)

The purpose is just to show that all the textual material can be handled entirely within the skin. You would, of course, want to do your own customizing for color scheme, background texture image, and so on.

I grabbed just a few chunks of your material, as proof of concept. It's all entered under Saturn > Code > Top & Bottom Info:
Although I purchased this car 15 months before posting this webpage, I've only just gotten around to taking pictures and creating a web page.
 
This car is my 6th Miata. In order, here's a brief history of these cars:
 
1. <a href="http://aa4m.com/photos/cars/1990_1993miatas/">1990 "A" package</a>
 
I've always liked sports cars. The first time I heard about the Miata, I knew that this was the right car for me. Sold it 3 years later to purchase the LE Miata.
 
2. <a href="http://aa4m.com/photos/cars/1990_1993miatas/">1993 Limited Edition</a>
 
I sold this car when we purchased a cattle ranch in Missouri and bought 2 pickup trucks. Sold both trucks when we decided to retire to Florida.
 
3. <a href="http://aa4m.com/photos/cars/1997m-edition/">1997 M-Edition</a>
 
Having been without a Miata for a few years and now living in Florida, this was a no-brainer.  We drove this car for many years, then sold it in 2006.
 
Once I learned more about the PRHT, I decided to purchase one. The only requirements were that the car:
<ul><li>is a PRHT (duh). Check the <a href="http://aa4m.com/photos/cars/2017miata/">2017 MX-5 GT</a> link for details why I decided against the RF model.
<li>has low mileage.
<li>is a GT model.
<li>has standard 6-speed transmission.
<li>has a red exterior and black interior.
<li>is in outstanding condition.</ul>
Notice that other than the links and the ordered list, there's no other HTML coding needed.

Dealing with the bottom material - logo, some links - would be no more difficult.
MrBill3

Posts: 11
Registered: 5-Feb-2023
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 17 Feb 23, 23:19   in response to: JeffTucker in response to: JeffTucker
 
Hello Jeff,

Wow, thanks for all the helpful tips. I'm 99% there with only one final problem. All of the top and bottom text and links are white, whereas the original was black/blue. Interestingly, when I pass the cursor over a link it turns black! I've just spent about an hour working on this problem but have accomplished nothing. Is there an easy fix for this?

Thanks, MrBill
JeffTucker

Posts: 8,479
Registered: 31-Jan-2006
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 17 Feb 23, 23:42   in response to: MrBill3 in response to: MrBill3
Helpful
Two different ways of doing it....

You could choose the Custom style of Saturn, then head for Saturn > Custom > Index Page > Text and Text link hover, and choose the colors you want. This would affect all other text on the index page as well, which might be fine. Just remember that if you want to use the Custom style, but start out with the colors of one of the preset styles, you need to make that choice under Saturn > Custom > Create a custom style.... before you start changing the other colors.

If you want to change just the color of the top info text, without affecting any of the other text on the page, you could, instead, stick with one of the preset styles, and target only that text. Under Saturn > Code > CSS, you could enter, e.g.,
.ja-infotxt, .ja-infotxt a {color: #000000;}
.ja-infotxt a:hover {color: #0000ff;}
MrBill3

Posts: 11
Registered: 5-Feb-2023
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 20 Feb 23, 14:57   in response to: JeffTucker in response to: JeffTucker
 
I'm close to having my album pages appear just the way that I want, but I still have a few small problems that I haven't been able to resolve in spite of hours of tinkering with jAlbum.

  • For some reason both the Make and the Upload create both index.htm and index.html files. Is there any way to only create a single index file?

Referring to this page: http://aa4m.com/photos/cars/2013miata/

  • How do I get rid of the sliver of gray along the top of the page?

  • How do I get rid of the title bar above the album itself?

  • Links only turn blue when the cursor hovers over them. I changed the html BODY line to this:

<body BGCOLOR="#C6BEB1" TEXT="#000000" LINK="#0000FF" vlink="#800080" alink="#FF0000">

BGCOLOR and TEXT work fine, but the 3 link commands do not. How to I get the links to work as shown in the BODY line?

Thanks in advance,
MrBill
JeffTucker

Posts: 8,479
Registered: 31-Jan-2006
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 20 Feb 23, 15:28   in response to: MrBill3 in response to: MrBill3
 
I'm not sure I'm willing to continue this. You've ignored almost everything I posted above, and have, instead, decided to "do your own thing." You've produced a page that, fed through a standard code validator, coughs up 355 HTML errors. It's tag soup. It's a mess.

One quick observation, however.... You insist upon spreading text across the entire width of the viewport. Rookie mistake. This makes it very hard to read. It's like watching a tennis match. If you have to pan your head from side to side to read the text, it's too wide. The comfortable limit is about 1000px.
MrBill3

Posts: 11
Registered: 5-Feb-2023
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 20 Feb 23, 16:28   in response to: JeffTucker in response to: JeffTucker
 
For the last 10 years of my career I was heavily involved with the standardization and quality control of COBOL programs used by Federal Government agencies. We also had validation programs whose use gave us the "warm & fuzzy" feeling that maintenance could be performed easily by those other than the original programmer(s). But I don't believe that the standardization of my HTML code is important as I'm the only one who will ever maintain the code.

Next, standardization of HTML code ensures that it will run on multiple platforms. I've run my code on Windows Edge, Internet Explorer and Firefox as well as my android phone. No problems. As for as it running on a Mac or Linux platform, maybe not, but I don't think I want to totally rewrite my code to ensure that it will run on these platforms.

Thanks for the tip on 1000 px, nobody has ever mentioned to me that full screen text was a problem for them. I'll make the change as soon as I figure out how to do it.

  • Bill
JeffTucker

Posts: 8,479
Registered: 31-Jan-2006
Re: (Saturn) How do I include jAlbum inside other HTML files?
Posted: 20 Feb 23, 16:53   in response to: MrBill3 in response to: MrBill3
 
You're painting over the rust.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums