[RD] Resize image in forum by Todge

[Cen]

Site URL: hgwrtsgalax.proboards.com

Code URL: support.proboards.com/index.cgi?board=codedatabase&action=display&thread=70703

Sample problem: hgwrtsgalax.proboards.com/index.cgi?board=headmaster&action=display&thread=4317

We have this problem where resizing the images will actually cut off words in the thread if there is a quote box. Is there anyway to fix this problem?

Thanks!
Cen Z

[Tumbleweed]

Can you make that thread viewable to guests?

[Todge]

Sorry to step in, but you are using an old version of the code, try grabbing a new copy from the [codeindex].

[Cen]

Sorry, thought I had. Should be visible now.

And Todge, I updated with the code in the index and it is still happening. Any explanations?

[Cen]

Also, how do we remove the text saying the image was reduced?

[Cen]

Bump

[Tumbleweed]

I don't see that code on your site but I can see words being cut off in that thread.

In your footers you need to set the forum resize back to default, which is 92%. The blue:

<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Footer
===== -->

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table) {
if(width == '100%') {
width = '100%';
}}}
//-->
</script>

</td></tr></table>

The div at the top of your forum should be used for resizing the side tables/forum.

[Cen]

Doing that makes the forum a lot wider than what we like... Any way to adjust it to make it look like the way it used to be while still having the coding match?

Also, it didn't fix the cut off problem. And the image resize is the third code in the global footer, copied below:

<script type="text/javascript">
<!--
/*
Modify image size to fit forum
By Todge
Please keep this header intact
*/

var picWidth = '510'; //Maximum image width..
var picHeight = '600'; //Maximum image height..

var pics = document.images;

if(window.addEventListener)
{
window.addEventListener('load', imageSize, false);
}
else if(window.attachEvent)
{
window.attachEvent('onload', imageSize);
}
else
{
window.onload = imageSize;
}

function imageSize()
{
var p=pics.length-1;
while(p>-1)
{
if(pics[p].alt=='[image] ')
{
if(pics[p].width>picWidth || pics[p].height>picHeight)
{
var thisPicWidth = picWidth;
if(pics[p].height/(pics[p].width/picWidth)>picHeight)
{
thisPicWidth = pics[p].width/(pics[p].height/picHeight)
}
var newWidth = 100-parseInt(thisPicWidth/pics[p].width*100);
var picLoaded = document.createElement('A');
picLoaded.setAttribute('href',pics[p].src);
picLoaded.setAttribute('target','_blank');
picLoaded.innerHTML = '<font size="0">This image is reduced by '+newWidth+'%, click it to view full size.</font><br><img src="'+pics[p].src+'" width="'+thisPicWidth+'" border="0">';
pics[p].parentNode.replaceChild(picLoaded,pics[p]);
}}
p--;
}}
// -->
</script>


Edit: I managed to fix most of the layout problems however I can't get the 10px gap between the board and the border on the right side. I was able to put the gap between the sidebar/border and sidebar/board. Just don't know how to do the right side...

[Tumbleweed]

The problem with the forum resize code in your footer was that you were adjusting the wrong part. It is the 2nd width you adjust and I wanted to see what would happen with it at default settings and technically, you don't need to adjust that if everything is working as it should.

And I must of been blind because I see that code now.

I just jumped in so you could make that fix, in case that was the issue and I've ruled out everything else so Todge will have to continue helping you. Sorry.

[Todge]

To remove the text above the resized images, find this line at the bottom of the code and remove the red..

picLoaded.innerHTML = '<font size="0">This image is reduced by '+newWidth+'%, click it to view full size.</font><br><img src="'+pics

.src+'" width="'+thisPicWidth+'" border="0">';

As for it cutting of quoted text, could you post a link to an offending post please?

[Cen]

The third link I posted is being cut off.

[Cen]

So I made the edits to the forum resizing, but I had to change them back because the mobile version was stretching. The reason I had the 100% where I did was because it shrunk it to the mobile screen. Not sure if this is part of the reason the text is being cut off or not but when I looked last night, it was still happening.

[Todge]

In the link you gave in your first post I can see neither a quote box, nor any missing text..

Attachments:

[Cen]

Sorry, meant code box. I always mix up the two.



That's the screenshot from IE. I checked Firefox and it works fine. It seems like IE isn't wrapping the text the way it should when there is a code box.

[Todge]

Is there any reason why you've put the code box inside a blockquote?