TinyPortal

Development => Block Codes => Topic started by: jernatety on May 23, 2018, 08:35:23 AM

Title: [Discussion] Find In Page Search Highlighter Script
Post by: jernatety on May 23, 2018, 08:35:23 AM
Any recommendations for a very simple search box script to put at the top of my HTML article? I have a huge article which I'd like visitors to be able to search for key words in just that article.

With that being said, I'm curious, is there a character limit for articles? HOPE NOT!
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: tino on May 23, 2018, 09:33:58 AM
Character limit is limited to the database limit. You can increase that to a larger size if required. I think it’s 65555 characters currently.

Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: jernatety on May 23, 2018, 09:45:11 AM
Character limit is limited to the database limit. You can increase that to a larger size if required. I think it’s 65555 characters currently.

Is that character limit based on html and do spaces count as well?
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: tino on May 23, 2018, 11:58:45 AM
Sorry it was actually 4,294,967,295 characters.

That's spaces etc.

I don't think you will be using that many characters..
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: jernatety on May 23, 2018, 01:19:34 PM
Sorry it was actually 4,294,967,295 characters.

That's spaces etc.

I don't think you will be using that many characters..

WOW! LOL, nope I don't think I'll ever get remotely close to that, ha ha.

Any good recommendations on a free java script for in page search like Cntrl+F in browsers?
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: lurkalot on May 23, 2018, 01:44:43 PM
longtext?

I was just taking a peek at your site, looks like it's coming along nicely.  8)

One thing, I'm guessing you're still working out the content for the blocks, but if you have them roughly as you'd like them I'd be inclined to turn off the block headers where you have no titles in them, it will look much nicer imo..

Set each block to

"Use frame style, but not title style"

And

"Do not allow block to collapse"

And they will disappear.
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: jernatety on May 23, 2018, 01:54:12 PM
longtext?

I was just taking a peek at your site, looks like it's coming along nicely.  8)

One thing, I'm guessing you're still working out the content for the blocks, but if you have them roughly as you'd like them I'd be inclined to turn off the block headers where you have no titles in them, it will look much nicer imo..

Set each block to

"Use frame style, but not title style"

And

"Do not allow block to collapse"

And they will disappear.

Thank you for the advice that does look a lot better. One question. What's below the two middle blocks? It's a news story but I have no idea how to edit the styling on that, it doesn't show in the blocks.
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: lurkalot on May 23, 2018, 02:13:19 PM
longtext?

I was just taking a peek at your site, looks like it's coming along nicely.  8)

One thing, I'm guessing you're still working out the content for the blocks, but if you have them roughly as you'd like them I'd be inclined to turn off the block headers where you have no titles in them, it will look much nicer imo..

Set each block to

"Use frame style, but not title style"

And

"Do not allow block to collapse"

And they will disappear.

Thank you for the advice that does look a lot better. One question. What's below the two middle blocks? It's a news story but I have no idea how to edit the styling on that, it doesn't show in the blocks.

Does look better.  ;)

"news story"  That's what's commonly known as a Promoted post. There isn't really any style setting for those.  The header has relevant info pertaining to the topic being promoted.
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: jernatety on May 26, 2018, 01:31:03 PM
longtext?

I was just taking a peek at your site, looks like it's coming along nicely.  8)

One thing, I'm guessing you're still working out the content for the blocks, but if you have them roughly as you'd like them I'd be inclined to turn off the block headers where you have no titles in them, it will look much nicer imo..

Set each block to

"Use frame style, but not title style"

And

"Do not allow block to collapse"

And they will disappear.

Thank you for the advice that does look a lot better. One question. What's below the two middle blocks? It's a news story but I have no idea how to edit the styling on that, it doesn't show in the blocks.

Does look better.  ;)

"news story"  That's what's commonly known as a Promoted post. There isn't really any style setting for those.  The header has relevant info pertaining to the topic being promoted.

Any suggestions, modules to use etc that could make it better?
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: lurkalot on May 27, 2018, 04:15:09 AM
longtext?

I was just taking a peek at your site, looks like it's coming along nicely.  8)

One thing, I'm guessing you're still working out the content for the blocks, but if you have them roughly as you'd like them I'd be inclined to turn off the block headers where you have no titles in them, it will look much nicer imo..

Set each block to

"Use frame style, but not title style"

And

"Do not allow block to collapse"

And they will disappear.

Thank you for the advice that does look a lot better. One question. What's below the two middle blocks? It's a news story but I have no idea how to edit the styling on that, it doesn't show in the blocks.

Does look better.  ;)

"news story"  That's what's commonly known as a Promoted post. There isn't really any style setting for those.  The header has relevant info pertaining to the topic being promoted.

Any suggestions, modules to use etc that could make it better?

You mean specifically the promoted posts (or front page posts) ?  Or page in general?

Promoted posts:  No nothing that I know of, other than add some styling yourself via CSS, not sure how difficult that is.  Perhaps someone here has done this and could share some tips.

Page in general:  I think it looks great as is.  If I had any slight niggles it would be the use of both panels in the forum index and viewing posts etc, forum just looks a bit squeezed between the panels.

To combat this I tend to make the theme as wide as I dare, normally a percentage than a fixed width.  Can also be helped by using only one panel in the forum, but I realise there's only so much you can view without scrolling, so the important stuff needs to go at the top.

The nice thing about blocks and panels is, you can duplicate blocks and have them in both panels, you can then tell that block (for example) Nav block to show in the left panel on the front page, and set your duplicate nav block to show in the right panel in the forum.  Not consistent for a nav menu I know, but that was just an example.

At the end of the day everyone has their own take on what looks good tbh.  It really comes down to a bit of experimenting and trial and error. ;)

Two more picky things I've noticed.

Your Rink Directory page. I would give this a query title, and change the link ink your nav block from,

Code: [Select]
http://www.youthhockeyinfo.com/index.php?page=2To
Code: [Select]
https://www.youthhockeyinfo.com/index.php?page=Rink-Directory
Same for your Contact page, a query title, Contact-Us and change the link in the nav block.

From
Code: [Select]
https://www.youthhockeyinfo.com/index.php?page=4To
Code: [Select]
https://www.youthhockeyinfo.com/index.php?page=Contact-Us
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: jernatety on May 27, 2018, 05:07:09 AM
How about that. I didn't know you could change the name of the page in the URL. Do you know if meta tags would work on pages for google search rules?
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: lurkalot on May 27, 2018, 05:24:49 AM
How about that. I didn't know you could change the name of the page in the URL. Do you know if meta tags would work on pages for google search rules?

I learn stuff every day, even at my age. lol..

I don't have a clue about meta tags or how google picks stuff up nowadays to be honest.  No doubt someone will come along and share some knowledge.  Your pages will get picked up, that's about all I can tell you.
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: tino on May 27, 2018, 05:52:05 AM
The meta description is set to be the same as the short name ( what lurkalot just told you about )

I don't think there is a way to set keywords currently.
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: lurkalot on May 27, 2018, 06:07:02 AM
The meta description is set to be the same as the short name ( what lurkalot just told you about )

I don't think there is a way to set keywords currently.

Isn't the meta description is set by the page title, not the query title?  Or am I looking at this wrong.  Like I said I don't really understand this stuff.

Edit: uploaded wrong image. Now corrected.  :-[
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: tino on May 27, 2018, 07:45:05 AM
Indeed it is! Mine just happen to all be the same  :-[
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: jernatety on May 27, 2018, 08:50:24 AM
Indeed it is! Mine just happen to all be the same  :-[

Mine is all the same too.
Title: Re: [Discussion] Find In Page Search Highlighter Script
Post by: lurkalot on May 27, 2018, 09:13:14 AM
Indeed it is! Mine just happen to all be the same  :-[

Mine is all the same too.

Having them the same is fine, but I shortened my query titles that's all. I always do that for some reason, maybe because it makes the page url a bit tidier.