Tangent BBC tag?

[Auburn]

Greetings,

So this is an idea which I don't know how complicated it would be to do but I think it'd be so useful. If it's too difficult please ignore this thread. o,o;

The idea basically goes something like this:




A poster would put [tangent] tags around a certain phrase of their writing to add something that is largely unrelated to the rest of their post (and they don't want to sidetrack but also don't want to lose their thought).





A script would then convert the [tangent] tags into something similar to the tags, but instead of linking to something, when clicked (or maybe just when hovered?) they would display the hidden text in a floating box above the text. ^^


Is this possible?

(this also seems awfully similar to the <a title="text"></a> feature, so if this is impossible then is it at least possible to add a title text to a part of a post? o,o)

[Wormopolis]

totally possible. hold on...

[Wormopolis]

testing...

A script would then convert the [tangent=hopefully this word will have title above it]tags[/tangent] into something similar to the tags, but instead of linking to something, when clicked (or maybe just when hovered?) they would display the hidden text in a floating box above the text. ^^

[Wormopolis]

like that?

[Wormopolis]

maybe rather then a link, we could use a font tag... then it wouldnt take on the colors of a link, and you can use CSS to style it to make it stand out.

[Auburn]

Oct 7, 2010 22:02:26 GMT -8 Wormopolis said:

maybe rather then a link, we could use a font tag... then it wouldnt take on the colors of a link, and you can use CSS to style it to make it stand out.

yus! great idea! ^^

[Wormopolis]

try this:


<style type="text/css">
.tangentlink {color: 0033FF; border: #999999 1px solid;}
</style>

<script type="text/javascript">
<!--
//  Tangent Tag UBBC v1.0
//  concept by Auburn
//  coding by Wormopolis - www.wormocodes.com
//  do not repost - keep header intact

for (tds=document.getElementsByTagName('td'), t=0; t<tds.length; t++) {
 if (tds[t].width=='80%' && tds[t].vAlign=='top' && tds[t].className.match(/windowbg/)) {
   var postCell = tds[t].getElementsByTagName('table')[0].rows[1].cells[0];
   if (postCell.innerHTML.match(/\[tangent=(.*?)\](.*?)\[\/tangent\]/i)) {
     postCell.innerHTML=postCell.innerHTML.replace(/\[tangent=(.*?)\](.*?)\[\/tangent\]/gi,'<font class="tangentlink" title="'+RegExp.$1+'">'+RegExp.$2+'</font>');
   }
 }
}

// -->
</script>


[Wormopolis]

if you have a button image idea I can write that into the posting page as well.

[Auburn]

So far it's looking really good! ^^
I wonder though, on certain sites I notice that the title text goes into a "..." after a certain length, I should probably [tangent=START filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text END]test[/tangent] how long/far it can span.

Oh, okay, that's pretty long. (unless title length is browser specific?)

As for the styling, I think what I'd like to go for is a moving gif background (sorta how you used to have your worm behind the links on this forum) sorta like a loading bar but just a white line that keeps going across the text maybe? *goes to look* ^^

[Wormopolis]

you are right. I guess I never tested a REALLY long title before. FF shows it going to the end, but IE cut it off on the "text" right before END

so maybe using title wont work. Im going to have to rewrite to use the pagedrop function I love so much (ever hover someone's name on this site?) then I can make it as long as I want and not let it hide unless they leave the box.

[Auburn]

(ever hover someone's name on this site?)

*mouthdrops* 0.0 you are genius..
(that would be perfect)

[Wormopolis]

ok.. try that now...

[Auburn]

alrighty [tangent=zomg! it works!]then[/tangent].
yay! ^^
I like how it actually stays there after I move my mouse. Now I can actually highlight the tangent text! Though just curious, is it possible to shorten the time period that the box stays there? maybe about half as much, i think..


now.. what happens if I do [tangent=add a linklink into the equation.]this[/tangent].


hmm... odd. I have the above written like this:
now.. what happens if I do {tangent=add a link{url=http://www.google.com/}link{/url} into the equation.}this{/tangent}.

[Wormopolis]

yeah.. hadnt got to the multiple tag test yet... working on fixing that

[Wormopolis]

Im not sure if I can get this to work with nested UBBC.