Wrapping Text into a link

-Freebird-

Hey guys,

I just want to wrap a large piece of text into a link, is this possible?

So that:

Attach Files
Valid file extensions: bmp doc docx gif jpe jpeg jpg kmz pdf png psd sc2replay txt xls xlsx zip

Thread SubscriptionNotification Type:
Do not follow No email notification Instant email notification Daily email notification Weekly email notification

Post a Poll
Yes, post a poll with this thread
Number of poll options: (Maximum: 25)

Would become: Info

and clicking on info would open the above string. Is there a code to allow this?

Cheers

smash

Like a tool tip or a div that expands and collapses?

-Freebird-

Expanding or collapsing seems like my only option.

I need to put, say, 20 topics on a webpage but I don't want to build connected subsites because of the particular format needed on the site. Each topic could have a page of information. I need to wrap them otherwise, it's not going to be very easy on the eye :-/

smash

So create it like an expanding list. Easy to do.

-Freebird-

This is all a first for me though.

Am I entering code into the script to make it expandable?

This kind of thing?

http://jqueryui.com/accordion/

-Freebird-

Hero!

Will try it now, thanks!

smash

Here's a quick tutorial for you: http://designgala.com/how-to-expand-collapse-toggle-div-layer-using-jquery/

-Freebird-

Thanks Smash.

It still won't work for me, I've formatted my text and headings with the code so they're expandable on a web page.

The web page I'm actually working on doesn't seem to allow htlm scritping, just simple text scripting.

It's for work, which is why I'm so restricted in what I do.

I can't do it all on html because that won't follow the same layout as the main page.

Any suggestions?

smash

Are you working through a locked down CMS or something? Can you show us the code?

-Freebird-

The best way to decribe it, is that it's a prebuilt site which gives the user the ability to design their particular page.

I'd have the option to add something resembling a feedback section, a document repository or a text section.

If I build a text section/box then I can either enter rich text or I can enter code into the source editor. I want to manipulate this somehow that I can either redirect to a webpage with the expandable text on it but preferrably, I want to add the expandable text to the main page. I don't see this as being an option if the site doesn't seem to interpret html though.

smash

The source editor should accept HTML. It's what webpages are made of...

-Freebird-

I know that much!

I know it should understand it, it says it on the page "To type HTML source code, click Source Editor."

But I literally copied the code from the page posted by SBS before making any changes as I knew it would work. It shows all of the text but it's permenantly expanded, there is no option to click in or out of the expanded view.

What am I doing wrong? *pulls hair out*

-Freebird-

Ok, new development.

It works in firefox but not windows explorer.

smash

Maybe the code editor accepts HTML but will no accept Javascript as a security measure?

-Freebird-

Looks like it, getting warnings now: 'The webpage contains content which will not be delivered securely using a HTTPS connection'

There are plenty of these pages being used already though, don't see why my code won't work when some form of code works with explorer on other sub sites of the same main site?

smash

Sounds like an issue that needs to be raised with whoever implemented the CMS.

-Freebird-

I'm actually getting warning in Firefox now too.

"You have requested an encrypted page that contains some unencrypted information. Information that you see or enter on this page could easily be read by a third party."

-Freebird-

Encrypting it disables the expand feature. Sigh.

hearny

sounds like you are calling images or scripts via http://www. on a page using SSL so your URL reads https://www.

-Freebird-

Ok, my issue is that it's pointing to "http://code.jquery.com/jquery-1.8.2.js" which is being detected as a risk factor.

Obviously, removing this again, stops the expand/collapse feature.

Can I get a script to do this without pointing to an external site?

hearny

You can save the file to your own server.

Do you have ftp access or a way to upload files.

Download the file:
http://code.jquery.com/jquery-1.8.2.js

Upload it to the web server and take out the http://code.jquery.com/ in the page referencing it.

-Freebird-

I've gone with another script which is working a lot better for me.

<head>
<title>TEXT</title>

<style type="text/css">
#ToggleTarget
{display: none;}
</style>

<script type="text/javascript">
function Toggle()
{var el = document.getElementById("ToggleTarget");
if (el.style.display == "block")
{el.style.display = "none";}
else {el.style.display = "block";}
}
</script>
</head>

<body>

<p><a href="javascript:Toggle();"><font size = "5">NBA</font size = "5"></a></p>

<div id="ToggleTarget">TEXT<br />TEXT.</div>

</body>
</html>

Just one issue, I'm going to needs a big list but when I add a second option, the toggle is bringing up the information from the first entry and not the the second?

smash

That's because the ID is 'ToggleTarget' on the first item

-Freebird-

Tried changing to 'ToggleTarget2', no joy. That should work, shouldn't it?