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 ;~}}
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.
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.
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.
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.
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.
As always, start on a new, blank page. (Simple example documents are easier to learn from.)
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.
From the main menu, choose Insert / HTML Item. You will see a 100px square box on the next line in your existing text box.
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.
Type or paste all the rest of your “more” content. This can and should include additional paragraphs of text.
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.
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.
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.
As always, start on a new, blank page. (Simple example documents are easier to learn from.)
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.
From the main menu, choose Insert / HTML Item. You will see a 100px square box on the next line in your existing text box.
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.
Type or paste all the rest of your “more” content. This can and should include additional paragraphs of text.
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.
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:
-------- 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
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:
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.
As always, start on a new, blank page. (Simple example documents are easier to learn from.)
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.
From the main menu, choose Insert / HTML Item. You will see a 100px square box on the next line in your existing text box.
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.
Type or paste all the rest of your “more” content. This can and should include additional paragraphs of text.
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.
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:
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.
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.