Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Signature Overflow
Topic Started: Dec 7 2008, 07:19 PM (1,583 Views)
Ellothar121
Member
[ * ]
Well, as for me, if it's posted in the list of codes, I just read the first post; If it works, I don't read on, otherwise I search for alternatives in the following posts.

So I'll leave mine up there, and we'll keep yours down here for anyone searching for a jQuery alternative.

Nicola, half the fun of scripting is outdoing the previous best! It's like setting a new high score or something. :D
Offline Profile Quote Post Goto Top
 
Brian
Member Avatar
Go Irish!

Added to the Code Index. Congrats and thanks for creating the code :)

Brian

Offline Profile Quote Post Goto Top
 
Wizard1440
Member
[ * ]
Nicola
Dec 8 2008, 06:32 AM
Neat, thanks for posting that ^_^ A lot of users have been asking about this for the past year.
Its been irritating that you can't do that via CSS :(
:r

Great skin! (Ignores backlog)

EDIT: Why not go to the Support forum and ask for help regarding the empty space?
Edited by Wizard1440, Dec 11 2008, 07:19 PM.
Offline Profile Quote Post Goto Top
 
Axonite
Member Avatar
Member
[ *  *  *  * ]
I did try this out but the blank space was really annoying so now we have found a way to do it via css and it works pretty well.
Offline Profile Quote Post Goto Top
 
obxbiker
Member Avatar
USMCR
[ *  *  *  * ]
How about sharing the 'how to' with CSS ?
Offline Profile Quote Post Goto Top
 
Axonite
Member Avatar
Member
[ *  *  *  * ]
I'll see if i can have permission as i didn't create it.
Edited by Axonite, Jan 18 2009, 09:22 AM.
Offline Profile Quote Post Goto Top
 
obxbiker
Member Avatar
USMCR
[ *  *  *  * ]
OK, but why 'permission' if its a change in the CSS and not a code ?
Offline Profile Quote Post Goto Top
 
Zitz
Member
[ *  * ]
Sorry, one question: Can I add something like "overflowed signature" at the bottom of the box or somewhere else appending to the signature?
Offline Profile Quote Post Goto Top
 
Axonite
Member Avatar
Member
[ *  *  *  * ]
Put the following code in your layout:

Code:
 
<script type="text/javascript">
$(function () {
$("td.c_sig").wrapInner("<p></p>");
});
</script>


and then this in your css:

Quote:
 

td.c_sig p{
max-height: 400px;
max-width: 728px;
overflow:auto;
text-overflow: ellipsis;
}

td.c_sig{
overflow: hidden;
max-width: 400px;
}


Tested and work, if you want to see it in active /look signature.
Edited by Axonite, Jan 27 2009, 06:12 AM.
Offline Profile Quote Post Goto Top
 
obxbiker
Member Avatar
USMCR
[ *  *  *  * ]
Thank you so much !!
It is exactly what we were looking for.

(This needs to be in the CODE INDEX as a separate topic ??)
Offline Profile Quote Post Goto Top
 
Axonite
Member Avatar
Member
[ *  *  *  * ]
obxbiker
Jan 27 2009, 11:50 AM
Thank you so much !!
It is exactly what we were looking for.

(This needs to be in the CODE INDEX as a separate topic ??)
Ill make the topic and thanks :D Not sure who created it was either Bryan or Jason from IR lol.
Offline Profile Quote Post Goto Top
 
PlusMinus
Member
[ * ]
A minor problem is that if you decrease the height to like 150px or less, the code also creates a scroll bar on the Edit Signature form, which is a little annoying because you have to scroll down for the Preview button.
Offline Profile Quote Post Goto Top
 
ziggar
Member
[ * ]

how do you set the width ?

Offline Profile Quote Post Goto Top
 
Xanikseo
Member Avatar
Xanik Says "Oh"
[ *  *  * ]
ziggar:
Quote:
 
<script type="text/javascript">
var allPageTags = new Array();

function addSignatureOverflow() {
var getTableData=document.getElementsByTagName("td");
for (z=0; z<getTableData.length; z++) {
if (getTableData[z].className=="c_sig") {
signature=getTableData[z].innerHTML;
getTableData[z].innerHTML='<div id="signature" style="height: 200px; width: 500px; overflow: auto;">'+signature+'</div>';
}
}
}
document.onLoad = addSignatureOverflow();
</script>
Edited by Xanikseo, Jul 2 2009, 04:42 PM.
Offline Profile Quote Post Goto Top
 
Nasir T
Member
[ * ]
Ah nvm!
Edited by Nasir T, Today, 9:27 AM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Code & Modification Database · Next Topic »
Add Reply