I got a comment the other day that read:
'How do I make the menu close without making someone opening a new menu or navigate to a new page, like your "close flyout" link in your second menu example?'
I think that is probably the preferred way. So today I added a 4 second time out for all open menus. If you convert your PSD file again today, your menus will close themselves automatically 4 seconds after opening. They still close immediately if you open another menu however.
The original behavior was that the menus would stay open until you click on a link or another menu. You can get that behavior back by removing 2 lines of code in the generated HTML for each menu. There is a comment in the code to show you what lines to remove.
You can also change how long the menus stay visible before removing themselves. The default is 4000 milliseconds (4 seconds), but you can change that 4000 in the code to whatever you would like.
Thanks to AZSuperman01 for the great suggestion.
--
Shaun
menu autoclosing in drupal theme
Hello,
I am having this issue for a page that I have made to use as a Drupal theme. I've created my PSD file, and uploaded it to my drupal page and everything is working great (except the menus are closing after 4 seconds). I understand that I need to remove the two lines of code you mentioned, but where do I find those two lines for my drupal theme? where is the html?
can anyone help?
thanks...
Solved
Hi everyone,
Of course as soon as I posted this question I continued to play around and solved the problem myself. The lines of code I was looking for were found in the 'psd2css.js' file.
Great Service, Thanks!
Closing Menus
Hi Shaun,
First off, thanks for your great work and service. I'm trying to figure out how to turn off the menus once you mouseover away from the menus. Meaning while your using the menus they stay open, but if you choose to leave the menus by mousing over somewhere, I'd like the menus to hide then. I first took out the timer thing for each menu, then I made an effort to create another div layer that would activate once you left the menus. But I just can't seem to get the entire layer to work, only around the menus. Any suggestions. It will take abit of javascript code to put in a condition if the mouseover is not on any menus then hide allmenus.
I appreciate any help on this...
I did pay for the unlimited plan and plan to keep working with your conversion process for our gamesite project until we finish.
Thanks,
Rick
Hey Rick - You could try
Hey Rick -
You could try adding a handler to the menu mouseleave event.
http://api.jquery.com/mouseleave/
Let me know if that doesn't work.
--
Shaun
feedback button
Everything in this works, except the part where after the form fades out (either after the form is submitted or after the user closes the form) I cannot re-open the form again after clicking on the feedback button. The button stops working as a button and becomes unclickable. I couldn't see anything different in my code compared to the example code, but I'm not really that code savvy.
Tam
Hhhm. That's interesting.
Hhhm. That's interesting. You should be able to use the feedback button again. However, if you've submitted the form, you will get the thank you again (until you actually refresh the page).
Possibly you are getting some sort of javascript error. Are you using FireFox with FireBug installed? You should be able to see if there is a javascript error in the lower right hand corner of the browser if there is. And if there is, you can click on the error indicator and see the error.
If that isn't helping can you post a link to the page so we can see it fail?
Thanks.
--
Shaun
no thank you part
Okay, maybe that's the issue. I do not have a thank you message on my page. Basically I have a contact page with contact information then I have the form appear when the user clicks on an email button. After the user submits the form, I want the form to hide. This works, but again, like i said, I cannot re-click on the email button to pull up the form again without refreshing the page.
Here is the link: http://www.innerlightcreations.com/test-site/contact.html
Tam
forgive my ignorance but i'm
forgive my ignorance but i'm not finding the timer... wait i found it. it's in the .js file not the .html or .css file. :D
it could be said that i am learning... if one were kind anyway.