How to make a scroll text box in Xara

[jamesd]

Hi Maarten, Checking the source code the path to the images are wrong, it is looking for the images on a local drive

<img src="F:\Mklfotografie Website 2014\website mklfotografie 2014\index_htm_files\image11.jpg" width="75px" border="0px"/>

Check the image paths in the placeholder code this one should read

<img src="index_htm_files/image11.jpg" width="75px" border="0px"/>

[maarten82]

I have just one small question, can the scrollbar thats shown on the left side of the page disapare?
i mean so that the text or pictures stay scrolable but just not showing the scrollbar on the left side?

thanks again for your help!

greets maarten

Hai JamesD, would you take al look @ my website and explane why the small thumnails are not showing on the right side of my website... see the last post from me, te read and see my website..

thanks allot!

greets maarten

[jamesd]

Hi Maarten , I answered in post #41

[maarten82]

I have found the sollution... no need for help any more...

thanks!! everyone!

[maarten82]

Hi Maarten, Checking the source code the path to the images are wrong, it is looking for the images on a local drive

<img src="F:\Mklfotografie Website 2014\website mklfotografie 2014\index_htm_files\image11.jpg" width="75px" border="0px"/>

Check the image paths in the placeholder code this one should read

<img src="index_htm_files/image11.jpg" width="75px" border="0px"/>

Hai, Thanks for your answer, i did this and it works perfectly! thanks for your help again!

before you give your answer i did read this post again and saw the answer standing somewere in the beginning, because someone had the same problem.

but still thanks voor your help, great that there a still people that help newbies like me in de html world! thanks JamesD.

maybe i have one small question, on my website where the scrolling pictures are on the right you can see that i have placed to arrows with the text scroll.
how can i create that the arrows are really scroll buttons voor the photos. because on my laptop i don't have a scrollbutton like on my mouse.

hop you have an idea?

greets maarten

[jamesd]

Hi Maarten, I came across this jQuery plugin on Sitepoint.

Add this to your placeholder (head section)

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function() {
    var ele   = $('#inner-scroll');
    var speed = 25, scroll = 5, scrolling;
    
    $('#scroll-up').mouseenter(function() {
        // Scroll the element up
        scrolling = window.setInterval(function() {
            ele.scrollTop( ele.scrollTop() - scroll );
        }, speed);
    });
    
    $('#scroll-down').mouseenter(function() {
        // Scroll the element down
        scrolling = window.setInterval(function() {
            ele.scrollTop( ele.scrollTop() + scroll );
        }, speed);
    });
    
    $('#scroll-up, #scroll-down').bind({
        click: function(e) {
            // Prevent the default click action
            e.preventDefault();
        },
        mouseleave: function() {
            if (scrolling) {
                window.clearInterval(scrolling);
                scrolling = false;
            }
        }
    });
});
</script>

on the line where you see var ele = $('#inner-scroll'); change the red to the id of your scroll box and where you see var speed = 25, scroll = 5, scrolling; change the red to adjust the scroll speed.
Next using the name tag give the name scroll-up to the up arrow(image) and scroll-down to the down arrow(image)

You can see a demo here

[maarten82]

Hai jamesD,

This is a great sollution, but... the scrol function doesn't scroll furder then the page it zelf, it goes a centimeter up and down and thats it.

do you have any idea why? (i have copy paste the code from your example strait to my page and ajusted the names)
i think there is a limit scroll to page up and down? or does it stay standard in the raigne from the page... when i scroll with the mouse there is no problem.

thanks again for your help. see my website and go to the maternity page to see what i mean.
maartendesiree.magix.net

greets maarten

[jamesd]

Hi Maarten, I have not been able to use my pc much lately... your page wasn't accessible from a mobile device but it now seems that your site is down so I cannot check. Can you look at this DEMO and see if you experience the same problem?

[jhorta32]

Thank you very mush Jamesd, take a look of what i done with your advice, is a templates store inserted in my website, I used to make a category menu. http://www.salesjoint.org/templates%20store.htm

thank you.

[jamesd]

Looks great jhorta32, very good use of a scrollable text box