Welcome, Guest

1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts.

Please use these to search for your issue *before* creating a new message topic, as your issue may have been previously solved.
2. Please put your Club # and Club Web Address in your Forum Signature (best) OR in each post to get faster support from us.
Click here to edit your signature at the bottom of the Profile Information tab.
3. Our user and admin docs are available at: support.toastmastersclubs.org/doc "There's a doc for that!"
4. There is an "Opt In" Feature for newly added members. The Opt In document explains the ~~strikethrough~~ member information. Click Here to View the Post
5. When posting a New Topic , please include all relevant details and be specific. When did your issue 1st occur? What operating system, browser, & browser version are you using? Did you refresh your browser cache? Are your cookies enabled? Lastly, a screen shot is often helpful.
6. Please abide by the Terms of Use . We are volunteers contributing our spare time. We are happy to assist you, so long as you are respectful and courteous.
7. We are always looking for new FreeToastHost Ambassadors to join our team and support fellow Toastmasters in their use of the FreeToastHost website system. If you are familiar with the system and have some interest, send a Send Us a Private Message.

Page:
1

TOPIC:

Indentation for Sub-Menu 8 years 5 months ago #53835

cyont Topic Author Offline Junior Member Posts: 20 Thank you received: 3	Is it possible to give some indentation for a link under Main Menu or any method to differentiate the level of the menu button? Right under "Members News / Update", I want to add a sub-menu link, "Members News Archived". Yontaek Club: Executive Toastmasters Club Number: 00759261 URL: executivetucson.toastmastersclubs.org 00759261
	The topic has been locked.

Indentation for Sub-Menu 8 years 5 months ago #53842

Pam
Offline
Administrator
Posts: 3597
Thank you received: 1071

This is a bit technical but works well and might achieve what you want: support.toastmastersclubs.org/6-tips-and...enus-in-your-content

For an example you can look at my club site under "News & Magazines" redlands.toastmastersclubs.org/News_and_Magazines.html

Pam Holley, DTM
FreeToastHost Ambassador
Redlands Toastmasters Club, Secretary 2023-2024 redlands.toastmastersclubs.org/
HOT, President 2023-2024 hot.toastmastersclubs.org

The following user(s) said Thank You: cyont

The topic has been locked.

Indentation for Sub-Menu 8 years 5 months ago #53848

cyont
Topic Author
Offline
Junior Member
Posts: 20
Thank you received: 3

That worked well:
executivetucson.toastmastersclubs.org/membernews_2015_11.html.

If you don't mind, I have a question. I am trying to embed the menu in a page as a file because multiple pages will be using it. I used "<link rel="import" ......> and it works fine locally, but doesn't work on the Toastmasters server. Would you take a look? Or is there any other way to do this?

This is the "memebernews_menu.html" file below:
<div id="membernews_menu">
<ul class="userMenu" id="menu_year" style="font-size:16px; color: #090; font-weight:400; width:80px;">
<li>2015
<ul style="font-size:16px; color: #33F; font-weight:400; width:100px;">
<li><a href="membernews_2015_11.html">November</a></li>
<li><a href="membernews_2015_10.html">October</a></li>
</ul>
</li>
</ul>
</div>

This is the "test.html" file below:
Testing
<head>
<link rel="import" id="template-file" href="membernews_menu.html">
</head>

<script>
var getImport = document.querySelector('#template-file');
var getContent = getImport.import.querySelector('#membernews_menu');
document.body.appendChild(document.importNode(getContent, true));
</script>

00759261

The topic has been locked.

Indentation for Sub-Menu 8 years 5 months ago #53849

SteveTheTechie
Offline
FreeToastHost Developer
Posts: 13529
Thank you received: 3831

Please review our Terms of Use, particularly the section on user scripts.

support.toastmastersclubs.org/doc/item/terms-of-use-agreement

Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.

Last edit: by SteveTheTechie.

The topic has been locked.

Indentation for Sub-Menu 8 years 5 months ago #53850

cyont Topic Author Offline Junior Member Posts: 20 Thank you received: 3	OK, thanks. I will keep that in mind. But I have been thinking that the boundary between "user supplied scripts" and generally recognized scripts is not clear and tends to be ambiguous. What is the protocol of acquiring permission for personal scripts? Can it be done here publicly or should it be a private email contact to certain members? Yontaek 00759261
	The topic has been locked.

Indentation for Sub-Menu 8 years 5 months ago #53851

SteveTheTechie
Offline
FreeToastHost Developer
Posts: 13529
Thank you received: 3831

Here is fine. The main thing is that you understand how to avoid mangling the template and system javascript and that you accept responsibility for your scripts.

I have had to go in and strip out too many scripts made by past club members with good intentions... However, sometimes those club members left the club and left the remaining club members clueless and with a mess. This is why we do not want to support user scripts... just creates a lot of headaches for us. If you do the scripts, you need to take full responsibility for them, including removal if you leave the club.

I can give you a few pointers to keep you out of trouble, but do not expect me to test your scripts. Also, make backups, since if you hang your website, I may strip out your scripts. (I have server code to do that.)

If you are ok with that, I will give you a few pointers to keep you out of trouble...

Last edit: by SteveTheTechie.

The topic has been locked.

Indentation for Sub-Menu 8 years 5 months ago #53852

cyont Topic Author Offline Junior Member Posts: 20 Thank you received: 3	I totally understand. I will make sure I will keep the scripts clean. If I have to leave the club, that's only when I will be leaving the town, I will either remove the page or replace it with a basic page without a script. Yes, I do have backups of the pages. It will be great if I can get a few pointers. Yontaek 00759261
	The topic has been locked.

Indentation for Sub-Menu 8 years 5 months ago #53853

SteveTheTechie
Offline
FreeToastHost Developer
Posts: 13529
Thank you received: 3831

Okey dokey.

1. There really is no separation of namespace for ids, classes, and script names. Everything gets plugged into the same template, so make sure you prefix your ids, classes, and script names with something to keep the names distinct.

2. The system uses the latest jQuery and jQuery UI, albeit with noConflict(). Therefore, you can make jQuery calls if you use jQuery(), but not $() (unless you do a local alias).

3. The menu stuff uses the jQuery UI menu widget. Therefore, if you want to style it a bit, get familiar with that widget and its classes. jqueryui.com/menu/

4. Re: your <link> approach will not work the way you are trying to do it because there is already a head section in the html template. If you feel you need to reference external html using this approach, do an appendChild of your link to the existing head section.

5. Please isolate your scripts in function blocks to prevent global namespace pollution, e.g.,

( function(){ //your code } )();

The following user(s) said Thank You: cyont

Last edit: by SteveTheTechie.

The topic has been locked.

Page:
1

Moderators: Pam, rhtaylor3, jliu, marc33, NotLiable, deedubbleyoo, NSB, Phyllis Kirouac

Forum

General Discussion

Public Forums

General Discussion

Indentation for Sub-Menu

Time to create page: 0.045 seconds

~~~~~~~~~~~~ IMPORTANT INFORMATION -- Please read! ~~~~~~~~~~~~

TOPIC:

Indentation for Sub-Menu 8 years 5 months ago #53835

Indentation for Sub-Menu 8 years 5 months ago #53842

Indentation for Sub-Menu 8 years 5 months ago #53848

Indentation for Sub-Menu 8 years 5 months ago #53849

Indentation for Sub-Menu 8 years 5 months ago #53850

Indentation for Sub-Menu 8 years 5 months ago #53851

Indentation for Sub-Menu 8 years 5 months ago #53852

Indentation for Sub-Menu 8 years 5 months ago #53853

IMPORTANT INFORMATION -- Please read!