Full Version: scrollbar in entry help
I used the script suggested in the post way below, but nothing shows up. No box or scrollbar. I made sure and typed it all in under Edit HTML. Any suggestions? Thank you!
Well, I sorta figured it out. A scrollbar eventually pops up, but only after I put at least 11 or so links in it. There's no box around the entry or anything so it's a little confusing looking. I'd like for it to have a border around it. My layout may be over-riding the border script I put in.
My URL:
http://www.xanga.com/lipd_links
Note: It's no where near done! :-)
My URL:
http://www.xanga.com/lipd_links
Note: It's no where near done! :-)
You want your enties to have borders?
well, I'd like for each section of links to have a box with a scrollbar with it.
Each section is in its own scrollbar script, so tech. they can all scroll, if I put enough text in them. But I'd like for it to show up even though some don't have a enough in them to make the scrollbar show up.
I'll try to find an example of what I'd like!
Each section is in its own scrollbar script, so tech. they can all scroll, if I put enough text in them. But I'd like for it to show up even though some don't have a enough in them to make the scrollbar show up.
I'll try to find an example of what I'd like!
^ I'm not sure that's possible... there is a way to work around it though.. kinda.
If you put a lot of Page Breaks <br> after your links, you can create a scrollbar.
If you put a lot of Page Breaks <br> after your links, you can create a scrollbar.
thanks for ya'll's help. I'll work it out. lol. Thanks!
If you're using a universal script, you can always change the height of the text area, so the chances of an auto scrollbar are more frequent. I'm pretty sure it works with individual blog entry scripts.
this one works really great
CODE
<!-- from http://ecc.xlayoutsx.com-->
<style type="text/css">
.custom{
width:360px;
height:500px;
z-index:100;
overflow: auto;
border: 2px color solid;
background:Transparent;
}</style>
<!-- begin code provided by createblog.com revised by http://ecc.xlayoutsx.com-->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script>
<style type="text/css">
.custom{
width:360px;
height:500px;
z-index:100;
overflow: auto;
border: 2px color solid;
background:Transparent;
}</style>
<!-- begin code provided by createblog.com revised by http://ecc.xlayoutsx.com-->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');
}
}
</script>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.