Forum user: redani

Hello everybody,

I've been searching a solution during weeks and didn't sort this out!
is there please a way to make the validator work for radio and checkbox group???

<input type="checkbox" name="sizes[]" value="S" />
<input type="checkbox" name="sizes[]" value="M" />
<input type="checkbox" name="sizes[]" value="L" />
...

Thank you so much

Hi alibby,
here is a link for a screen shot of the demo page in flowplayer.org...
http://www.moroccan-arts.com/screenshot.png

as you can see the age and time fields have the arrows i talked to you about.
I have just noticed that it's displayed only in mac OS Safari and not FireFox!!

Hi Alibby and thanks for your answer.
When i use type="number" for any input field, it creates a kind of up and down arrows that allow to increase/ decrease the value of the field!!
I'm using a mac and Safari, maybe it's different on windows!!

Hello everybody,

is it please possible to remove the nav buttons that are automatically created for a number input???

thank you so much.
Regards

You know what? you're right, i'll get rid of the select box and leave only the unordered list. i can't spend lot of time trying to solve this problem!! :D

Thanks for your help

Hi, and thanks again for your reply ;)
Yes, i did try using <option> like this:

.navigator({
	navi: "#id_select",
	naviItem: "option"
});

but nothing happens
i even tried to have the select as my unique and only navigator but didn't work :(

Hi alibby and thank you so much for your answer.
I have just figured out a way for the default page: I ALWAYS show the product in question in the first position, so i don't have to worry aboiut the order of pages...

but my problem now is if it's possible to use a drop down select menu as navigator. My code looks like this:

$(document).ready(function() {
	$("#main").scrollable({
		vertical: true
	}).navigator({
		navi: "#available-colors",
		naviItem: "li"
	});
	...
});

//html code
<div id="main">
    <div id="pages">
        <!-- page 1 ... -->
        <div class="page">
            <div class="scrollable">
                <div class="items">
                    <img src="image-page1.png" ...>
                </div>
            </div>
        </div>
        
        <!-- page 2 ... -->
        <div class="page">
            <div class="scrollable">
                <div class="items">
                    <img src="image-page2.png" ...>
                </div>
            </div>
        </div>

        <!-- page 3 ... -->
        <div class="page">
            <div class="scrollable">
                <div class="items">
                    <img src="image-page3.png" ...>
                </div>
            </div>
        </div>
    </div>
</div>

// navigation
<ul id="available-colors">
	<li><img src="nav-image-page1.png" alt="" /></li>
	<li><img src="nav-image-page2.png" alt="" /></li>
	<li><img src="nav-image-page3.png" alt="" /></li>
</ul>

// a dropdown select menu
<select ...>
	<option>text page 1</option>
	<option>text page 2</option>
	<option>text page 3</option>
</select>

When i click on the image "nav-image-page1/2/3" contained in the unordered list the pages scroll very well. and I would LOVE to scroll the pages also when i click on "text page 1/2/3" of the select menu

so what i need, is to be able to use my select menu as a navigator just like the unordered list elements...

Thank you so much

I guess i just have to give up, i'll never get an answer!!
it's really too bad that there is no support for this nice library!!

No one has an idea???? :(

Hello,

I'm using almost the same complete scrollable as shown inhttp://flowplayer.org/tools/demos/scrollable/site-navigation.html, but i'm just facing 2 problems that are making my life hell :(
1- in addition to main the navigator, i have a drop down menu (select) that i would like to use as a 2nd navigator. Do you know how i can do that??

2- Sometimes when the page is loaded, I may want to display the second page by default. For example in flowplayer demo, the page "Barcelona Pavilion
Barcelona, Spain" navigator has the class="active" but it's the 1st page which is shown :(

Please any idea that could help me?
Thanks a lot

Well, hope it'll be fixed in the next update... :)

hello everybody and happy new year :)

I'm using the complete scrollable navigational system:http://flowplayer.org/tools/demos/scrollable/site-navigation.html and have added the next and prev buttons:
everything works fine but when for example i have only one element to show, the next and prev buttons are shown, how can i automatically disabled them as the prev button is disabled when the page loads ?

Thank you so much

I have just found the answer, i know it's too late but maybe it'll help someone else:http://flowplayer.org/tools/forum/35/52930
Happy new year to you ;)

Thank you so much Heikki, i was kindda despaired and didn't dare posting as many people did and had no answer. sscirrus, you're so lucky :)
Jquerytools plugin's really amazing, but i think that a good and reliable support is missing. I really hope it'll get better soon...

I almost found the solution but need to improve it:
$("ul.tabs").tabs("div.tabs-panes > div", {
effect: "fade"
}).click(function() {
$("#form-account").submit();
});
but i don't know how to blok changing the tab if there is an error in the form...

please help :((