Create a "More..." link in article

Hi,

I need to create a “More …” link in a number of text paragraphs, like
this:

Use AssistiveTouch to perform gestures that are difficult for you.
You can also use a
compatible adaptive _More ...
_
When you turn on AssistiveTouch, you'll see the AssistiveTouch menu
button. You can
drag it to any edge of _More ...
_

To expand to this:

Use AssistiveTouch to perform gestures that are difficult for you.
You can also use a compatible adaptive accessory (such as a
joystick) together with AssistiveTouch to interact with your iOS device.

When you turn on AssistiveTouch, you'll see the AssistiveTouch menu
button. You can
drag it to any edge of _More ...
_

or

Use AssistiveTouch to perform gestures that are difficult for you.
You can also use a
compatible adaptive _More ...
_
When you turn on AssistiveTouch, you'll see the AssistiveTouch menu
button. You can drag it to any edge of the screen. Tap to open, or
if you're using an accessory, click the secondary button.

Any suggestions gratefully received and if there is an action More …

Any suggestions gratefully received and if there is an action even
better ;~}}

Cheers …


Best wishes Peter

Peter Tucker . Oxford, UK . email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hello,

If i understand you correctly the Read More action will do what you want.

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes there is an action.

Look on the Forge for the Read More action

http://www.actionsforge.com/actions/readmore

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi John,

Thanks I’ll have a look …

ejw wrote:

Hello,

If i understand you correctly the Read More action will do what you want.

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Best wishes Peter

Peter Tucker . Oxford, UK . email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave,

Yes that’s a really neat solution.

However I was hoping to have a simpler looking approach, in that the
text is expanded “in-place”

Have a look at the BBC example here:

That looks simpler, but probably involves a lot more work!

Cheers Peter

DeltaDave wrote:

Yes there is an action.

Look on the Forge for the Read More action

http://www.actionsforge.com/actions/readmore

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Best wishes Peter

Peter Tucker . Oxford, UK . email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Like this

http://www.deltadesign.co/fw_examples/disclose_more.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Something funky going on in that page – there is a yellow bit below the read more link that appears as long as the more link is held down, but snaps shut the moment you release the mouse.

I can’t see anything wrong with the example code, and no errors are thrown when you click anything. Odd.

Walter

On Jul 17, 2014, at 8:29 AM, DeltaDave wrote:

Like this

http://www.deltadesign.co/fw_examples/disclose_more.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I can’t see anything wrong with the example code, and no errors are thrown when you click anything. Odd.

Haven’t visited that page in a while but I have some recollection of messing about with the CSS that styles the read more text.

Only on iOS for the next couple of days so can’t dig deeper.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave,

Interesting, it would be really great to have a “standard” Softpress
Action, ie one included with Freeway, which would operate like the BBC one.

In that you could edit/change the “Show more” which gets placed at the
end of the truncated HTML and edit/change the “Show less” which gets
placed at the end of the full-text para. then choose how many lines of
text you want to appear before the “Show more”

I think it could be a quite popular Action, but then I’m biased!

I’m not a programmer, but suspect this is quite a complex job.

DeltaDave wrote:

Like this

http://www.deltadesign.co/fw_examples/disclose_more.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Best wishes Peter

Peter Tucker • Oxford, UK • email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter.

Walter Lee Davis wrote:

Something funky going on in that page – there is a yellow bit below the read more link that appears as long as the more link is held down, but snaps shut the moment you release the mouse.

I can’t see anything wrong with the example code, and no errors are thrown when you click anything. Odd.

Walter

On Jul 17, 2014, at 8:29 AM, DeltaDave wrote:

Like this

http://www.deltadesign.co/fw_examples/disclose_more.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Best wishes Peter

Peter Tucker . Oxford, UK . email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Interesting, it would be really great to have a “standard” Softpress Action, ie one included with Freeway, which would operate like the BBC one.

I am afraid that we can’t provide actions for every eventuality however my method does allow you to adjust how many lines of text you want to disclose. And of course once you have implemented on one page/site the knowledge/code is easily transferable to others.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

however my method does allow…

That of course should read:

however Walter’s method does allow…

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The entire trick to doing this sort of thing is to put the part of the story that you don’t want to be initially visible in a nested HTML item. Then you can control the visibility of that item with JavaScript and CSS.

Once you get the construction correct, applying the effect becomes almost trivial.

  1. As always, start on a new, blank page. (Simple example documents are easier to learn from.)
  2. Draw an HTML box on the page, double click into it, and type or paste a short paragraph of intro text (lorem ipsum, if you like). Type a Return character at the end of the paragraph, and ensure that the text cursor is flashing on the next line.
  3. From the main menu, choose Insert / HTML Item. You will see a 100px square box on the next line in your existing text box.
  4. Click once on that box, so its handles appear. Drag the bottom-right corner until the box is the entire width of the containing box. Double-click on the inline box so you see a flashing text cursor inside it.
  5. Type or paste all the rest of your “more” content. This can and should include additional paragraphs of text.
  6. Click once on the pasteboard, then again on the inline HTML box so its corner handles appear again. In the Inspector, change the height of the box (measurements segment, first tab) to Flexible.
  7. Preview in a browser. You should just see a bunch of text, looking the way that you would expect one tall HTML box full of text to look. That inline DIV is now completely meaningless visually, but it gives you the extra structure that you need to make the script work.

Do this, then post the example page somewhere that we can see it in a browser. I’ll give you the other half of the puzzle then.

Walter

On Jul 17, 2014, at 1:19 PM, DeltaDave wrote:

however my method does allow…

That of course should read:

however Walter’s method does allow…

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Many thanks Walter,

I’m going to bend my mind round this tomorrow when fresh, although it’s
going up to 29 C here!

Cheers Peter

Walter Lee Davis wrote:

The entire trick to doing this sort of thing is to put the part of the story that you don’t want to be initially visible in a nested HTML item. Then you can control the visibility of that item with JavaScript and CSS.

Once you get the construction correct, applying the effect becomes almost trivial.

  1. As always, start on a new, blank page. (Simple example documents are easier to learn from.)
  2. Draw an HTML box on the page, double click into it, and type or paste a short paragraph of intro text (lorem ipsum, if you like). Type a Return character at the end of the paragraph, and ensure that the text cursor is flashing on the next line.
  3. From the main menu, choose Insert / HTML Item. You will see a 100px square box on the next line in your existing text box.
  4. Click once on that box, so its handles appear. Drag the bottom-right corner until the box is the entire width of the containing box. Double-click on the inline box so you see a flashing text cursor inside it.
  5. Type or paste all the rest of your “more” content. This can and should include additional paragraphs of text.
  6. Click once on the pasteboard, then again on the inline HTML box so its corner handles appear again. In the Inspector, change the height of the box (measurements segment, first tab) to Flexible.
  7. Preview in a browser. You should just see a bunch of text, looking the way that you would expect one tall HTML box full of text to look. That inline DIV is now completely meaningless visually, but it gives you the extra structure that you need to make the script work.

Do this, then post the example page somewhere that we can see it in a browser. I’ll give you the other half of the puzzle then.

Walter

On Jul 17, 2014, at 1:19 PM, DeltaDave wrote:

however my method does allow…
That of course should read:

however Walter’s method does allow…

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Best wishes Peter

Peter Tucker • Oxford, UK • email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Almost …

-------- Original Message --------
Subject: Re: Create a “More…” link in article
Date: Thu, 24 Jul 2014 18:39:38 +0100
From: Peter Tucker email@hidden
Reply-To: email@hidden
To: Walter Lee Davis email@hidden

Walter Lee Davis wrote:

Sorry for the delay. I’m traveling. Click once on the nested html box, and make note of the exact name as listed in the Name/ID field in the Inspector. Then choose Item / Extended and click on the

tab. Click New, (or Add, whichever) and in the Name field, enter display, and in the Value field, enter none. You are creating a style that will read

  display: none

…so you want to take care to only enter just those two words, and no punctuation. Freeway will do the right thing if you don’t try too hard.

Now at this point, if you preview, the “more” element will be hidden. To create the trigger that will toggle its display. The simplest thing would be to add a linked word of text at the end of the intro paragraph. Type a space, then the word more, then highlight the word more. Press Command-K to open the hyperlink dialog, then move to the External tab. In the URL field, enter this.

  javascript:

(Really, just that.) then click Extended, then New, then in the name field enter onclick and in the value field, enter this (substituting the name you wrote down earlier, case sensitive):

  $('boxId').toggle();

Got this far [box called readmore] and tried it both ways

$(‘readmore’).toggle();

and

$(readmore).toggle();

I get in the browser status bar: Run script “”

The extra text in div style does not appear.

Active page here:

http://pgt7.com/ReadMoreManual/examplepage.html

That’s it. You now have a rudimentary “show more” link that works. All this is precisely what the action does for you, without needing to create the inline box etc.

Walter

On Jul 24, 2014, at 5:04 AM, Peter Tuckeremail@hidden wrote:

OK, Walter done that:

http://pgt7.com/ReadMoreManual/examplepage.html

Can you please forward extra fun ;~}}

Cheers Peter

Walter Lee Davis wrote:

The entire trick to doing this sort of thing is to put the part of the story that you don’t want to be initially visible in a nested HTML item. Then you can control the visibility of that item with JavaScript and CSS.

Once you get the construction correct, applying the effect becomes almost trivial.

  1. As always, start on a new, blank page. (Simple example documents are easier to learn from.)
  2. Draw an HTML box on the page, double click into it, and type or paste a short paragraph of intro text (lorem ipsum, if you like). Type a Return character at the end of the paragraph, and ensure that the text cursor is flashing on the next line.
  3. From the main menu, choose Insert / HTML Item. You will see a 100px square box on the next line in your existing text box.
  4. Click once on that box, so its handles appear. Drag the bottom-right corner until the box is the entire width of the containing box. Double-click on the inline box so you see a flashing text cursor inside it.
  5. Type or paste all the rest of your “more” content. This can and should include additional paragraphs of text.
  6. Click once on the pasteboard, then again on the inline HTML box so its corner handles appear again. In the Inspector, change the height of the box (measurements segment, first tab) to Flexible.
  7. Preview in a browser. You should just see a bunch of text, looking the way that you would expect one tall HTML box full of text to look. That inline DIV is now completely meaningless visually, but it gives you the extra structure that you need to make the script work.

Do this, then post the example page somewhere that we can see it in a browser. I’ll give you the other half of the puzzle then.

Walter

On Jul 17, 2014, at 1:19 PM, DeltaDave wrote:

however my method does allow…
That of course should read:

however Walter’s method does allow…

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Best wishes Peter

Peter Tucker . Oxford, UK . email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Best wishes Peter

Peter Tucker • Oxford, UK • email@hidden


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 17 Jul 2014, 5:39 pm, waltd wrote:

Do this, then post the example page somewhere that we can see it in a browser. I’ll give you the other half of the puzzle then.

Walter

I know that this is an old post but I was just wondering what the other half of the puzzle was Walter?

I’ve dug about the forum but haven’t yet come across it.

If you had the chance to complete this then that would be great.

many thanks

Anthony


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

I never heard back from the OP. Without a page to work from, I can’t really respond to anything. I did make a Read More Action long ago, and you might find it useful. It’s on the Forge, naturally. But I can’t see any context here (I’m reading this by mail) so I can’t be sure whether the point of this was to tweak the output of that Action, or to do something else long-hand.

Walter

On Aug 31, 2016, at 6:32 AM, tonzodehoo email@hidden wrote:

On 17 Jul 2014, 5:39 pm, waltd wrote:

Do this, then post the example page somewhere that we can see it in a browser. I’ll give you the other half of the puzzle then.

Walter

I know that this is an old post but I was just wondering what the other half of the puzzle was Walter?

I’ve dug about the forum but haven’t yet come across it.

If you had the chance to complete this then that would be great.

many thanks

Anthony


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Okay, I did see the rest of this thread, and it appears as though the OP wanted a read more feature that pushed the surrounding page content away when it was exposed. Is that what you are trying to do? If so, can you post a link to a page showing how far you have taken these instructions? (Roughly: cut the “more” content to the clipboard, insert an inline DIV at the insertion point, then paste your more content back into that box. The goal is to have the resulting page look identical when previewed, but contain a wrapper DIV around the portion of the content that you want to be initially hidden.)

Walter

On Aug 31, 2016, at 8:03 AM, Walter Lee Davis email@hidden wrote:

I never heard back from the OP. Without a page to work from, I can’t really respond to anything. I did make a Read More Action long ago, and you might find it useful. It’s on the Forge, naturally. But I can’t see any context here (I’m reading this by mail) so I can’t be sure whether the point of this was to tweak the output of that Action, or to do something else long-hand.

Walter

On Aug 31, 2016, at 6:32 AM, tonzodehoo email@hidden wrote:

On 17 Jul 2014, 5:39 pm, waltd wrote:

Do this, then post the example page somewhere that we can see it in a browser. I’ll give you the other half of the puzzle then.

Walter

I know that this is an old post but I was just wondering what the other half of the puzzle was Walter?

I’ve dug about the forum but haven’t yet come across it.

If you had the chance to complete this then that would be great.

many thanks

Anthony


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thanks for getting back to me Walter.

Maybe OP couldn’t take the heat from what was mentioned in the post!

After a bit more digging I found this link which does the job.
https://freewaytalk.softpress.com/thread/view/86025

This works well and is really useful. So far so good.
Yet again your input is invaluable.

All the best wishes

Anthony


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

There is also an HTML5 Element for creating disclosures which requires no scripting…

http://cssway.thebigerns.com/workbench/html5-details-element/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options