Find Jobs
Hire Freelancers

jquery superfish menu modification to add scrolling

$30-250 USD

En cours
Publié il y a plus de 12 ans

$30-250 USD

Payé lors de la livraison
I have a superfish menu setup to work like a combobox with cascading menus. - see [login to view URL] for example of a superfish menu implementation My implementation, when closed, shows the current selection. when expanded it shows country, then state and city. for example. This code will be provided. You must: set the menus to a max-height - for example show just 5 menu lines (this is configurable). If there's more than five menu items, show a down arrow below the 5th item. When mouse is on down arrow the menu items scroll up to show the additional menu items. If the top item visible is not the 1st item, then an up arrow is visible, allowing the user to scroll up when mouse is hovered over. This can be a modification of a superfish menu, or you can provide a completely different menu code as long as it provides the functionality described. A sample html with css working with superfish but without the scroll functionality will be provided as a starting point. More details: for testing, show only 4 items - all dropdowns to show only X # of menu items. so when there are 5 or more items, you show 4 and show a down arrow as a line on the end of the drop line. when the user hovers or clicks on the arrow, you scroll the items up so 2-5 shows, etc. means that firstly we have to show 4 records then afetr when the user clicks on the down arrow it should show more records. as he stays hovered over the down arrow, you keep scrolling down Have a delay so it doesn't scroll so fast he cant see it or control it. Continuously scroll as long as the user is hovered over the arrow, and we are not at the bottom of the list. first show menu items 1-4, then show 2-5, then show 3-6. etc its just like if u are viewing a large webpage and I am holding down the mouse on the down arrow. the page scrolls 1 row at a time... once u are showing rows 2-5 or higher # rows, then show the UP arrow at the top of the dropdown also. if user hovers over the UP arrow, then do the reverse. show 3-6, then 2-5, then 1-4 etc. once there are no more above to show, u can either hide or gray out the up arrow. similar with the down arrow - if there are no more below, gray it out. so when u hover on United States, the list of states downdown appears. also do the same behavior - only show 4, and handle the scroll the last thing is just the top "menu item" behavior. right now it drops down on hover. and hides the drop down once u move away from hovering on it or a dropdown change behavior so only a click on the "menu item" image is clicked and hide the dropdowns only when the "menu item" image is clicked again, a dropdown item is selected (clicked), or the user clicks elsewhere on the screen the drop down should open when we click on menu image and dropdown shouldd dissappear when we click on the menu image or when we click elsewhere on the screen or when we actually make a selection - ie click on the city. in the html, a valid select will have an onclick handler and thats it. ie <li><a href='#' onclick="[login to view URL]('Jasper|-87.2774|33.8286');return false;">Jasper (1)</a></li> a state menuitem- <li><a>AR</a> - no onclick
N° de projet : 1235030

Concernant le projet

3 propositions
Projet à distance
Actif à il y a 12 ans

Cherchez-vous à gagner de l'argent ?

Avantages de faire une offre sur Freelancer

Fixez votre budget et vos délais
Soyez payé pour votre travail
Surlignez votre proposition
Il est gratuit de s'inscrire et de faire des offres sur des travaux
Décerné à :
Avatar de l'utilisateur
Hello. I can do it right now.
$120 USD en 1 jour
4,9 (63 commentaires)
5,6
5,6
3 freelances proposent en moyenne $187 USD pour ce travail
Avatar de l'utilisateur
Hi, expert web developer here. Your project will require modifications to superfish menu or alternatively a new menu from scratch can be made. See PM for further details and samples.
$240 USD en 12 jours
5,0 (14 commentaires)
5,2
5,2
Avatar de l'utilisateur
PLEASE CHECK PMB
$200 USD en 4 jours
0,0 (0 commentaires)
0,0
0,0

À propos du client

Drapeau de UNITED STATES
Kirkland, United States
4,9
12
Méthode de paiement vérifiée
Membre depuis avr. 28, 2011

Vérification du client

Merci ! Nous vous avons envoyé un lien par e-mail afin de réclamer votre crédit gratuit.
Une erreur a eu lieu lors de l'envoi de votre e-mail. Veuillez réessayer.
Utilisateurs enregistrés Total des travaux publiés
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Chargement de l'aperçu
Permission donnée pour la géolocalisation.
Votre session de connexion a expiré et vous avez été déconnecté. Veuillez vous connecter à nouveau.