Jump to content
Killersites Forums


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About hanashite

  • Rank
    New member
  1. Are there any good resources out there for beginners on how to incorporate AJAX into a website? I want the text/image contents of my site to dynamically load into the pages without reloading the whole page (including the header, footer, navigation bar etc.), but unfortunately I'm no programmer. So I was hoping for soem "ready-to-use" cut/paste solution out there Thanks
  2. That's pretty cool! Here's a rough sketch of my idea so far for the FAQ page: Is there a way to add a horizontal "slider" (something like this) for selecting the FAQ sections, while having a vertical slider (like the first link you suggested) for the actual contents (questions/answers)? For instance, while being on the "FAQ one" page I'd click on the "FAQ three" button on top of the page and the existing contents below would slide to the left and be replaced with the contents of that new page. To access the FAQ for the first time the user would click on one of the FAQ buttons from the m
  3. I just got an idea after coming across Using MooTools ScrollSpy to Load More Items via JSON/AJAX. From what I understand after checking out the demo, more content can be added to a page without reloading etc. So, for my FAQ page, how about having each section of the FAQ being loaded as you keep clicking the different accordion navigation buttons, and if you decide to print the FAQ it's smart enough to load all the pages first, creating one long page?
  4. My website needs an update, both for visual and functional reasons. I'm leaning towards a 3-column layout with header and footer, with CSS this time around and a more modern, streamlined appearance. I know how to write simple HTML (my existing site was written all manually in a text editor) and understand (more or less) the basics of CSS. I'm hoping to be able to use some of the free solutions out there for the rest (navigation, graphic buttons etc.) to complete the project. The FAQ section currently consists of a single, long page. But I have lots more contents to add, so I somehow need t
  5. I'm looking for an accordion to be used for navigating an FAQ, and have found several, but being a novice I have a hard time figuring out which one to go for. I have no time to try them all out and neither do I know Javascript, so it has to be simple to set up -hopefully just a matter of cut/paste and easy tweaking for the accordion to function/look the way I want it. I first decided to go with the Dezinerfolio simple Javascript accordion (no demo there any longer, but have a look on the top right hand side of this page) which still uses it, and spent a lot of time tweaking it, but unfort
  6. I've worked out several of those issues now. Here's the result (For now, don't mind the orange dotted outlines surrounding the link-buttons). 1) I've defined the buttons with links on them (.linkbutton) and can now style all buttons the same way: /* All buttons (text style) */ #nav_menu h2,.df_menu_head,.linkbutton a { color: gray; cursor: pointer; text-align: center; font-size: 10px; display: block; text-decoration: none; width: 190px; height: 21px; } This works fine, so I've equally tried to do this with the .header_highlight class, but the l
  7. Yes, i've heard about a Javascript solution as well involving "blur", but as I currently know nothing about JS I'll stick with your solution for now. In the meantime I've been looking at the rest of the code and could need a few pointers. Here's my updated navigation menu. You can click on the Home, Page 2, Page 3 and Download buttons which will lead you to those pages. When you click on the Download button you further chose a sub-category which are the actual links. As you can see I've used the "Header_highlight" string to highlight (with a blue underlining) which menu section you'
  8. I must be doing something wrong here because no matter what I do I seem to either get a dotted box when clicking the button with the mouse AND when navigating between the linked buttons (and other links) using TAB, or no dotted box with either navigation method. Among the many different solutions I've tried, here's the one I'm currently working on: /* Linked buttons: Mouseover response */ a:hover { outline: 0; } /* Linked buttons when keyboard-navigated (using TAB, CTRL-TAB) */ a:focus { outline: dotted thin; } /* Link state in moment of mouse-clicking */ a:active { outli
  9. Happy new year all! When you talk about keyboard navigation, are you referring to the TAB key (and ALT-TAB to go back) which jumps from one link to the other and "highlights" the active link with a dotted rectangle? And is my understanding correct that it's possible for the rectangle to be present (around the links in my text-contents as well as the navigation buttons) when the user presses TAB (or ALT-TAB), but when the mouse is used the dotted rectangles will no longer be shown?
  10. a { outline:0; } Que Kyle... You beat me to it! I found the problem/solution here. However I also read that it removes the keyboard navigation. Then again there's a solution for it, but it doesn't seem to work for me (the dotted line is still there): a:active { outline: none; } Why won't that work? I'm using Firefox 3.0.5. on a Mac. lwsimon: I've always tried to make my web pages usable for anyone, so shutting out those without Javascript isn't an option.
  11. It worked! Thanks Some minor cosmetical issues however, and in the meantime I came across another solution which also seems to work: Home The above doesn't display the URL when hovering over the button, but I guess I can live with that. Your solution worked fine, but it breaks the appearance of the buttons' text as previously set up in the CSS code: .df_menu_head:hover{ background: gray url(../images/button_mouseover.gif) no-repeat 0 0; color: white; font-weight: bold; } (any idea why inserting code here puts a blank line in between each line-brea
  12. I'm trying to modify an "accordion" type navigation menu so that some of the buttons are linkable. I've figured out how to do this in HTML, but then you have to click on the text on the button. I want to be able to click anywhere on the button. Can this be done by modifying the CSS code somehow? The buttons already change their looks whenever a "mouseover" is detected, so I'm thinking this function can also be used with a , but I'm afraid my CSS skills aren't good enough to figure it out myself. Here's my navigation menu so far. I would like the "Home" and "Contact" buttons to link to s
  13. I'm trying to add some new features to a nice Javascript based "accordion" navigation menu that I found at the Dezinerfolio website. Here's my result so far. Here's what I'm having trouble figuring out (not knowing if it's an HTML, CSS or Javascript issue): Linkable buttons: In my example, the topmost ("Home") button doesn't expand as I want it to link to another page. Adding a normal HTML link to the text is easy, but I want the whole button to be linkable. Highlighting of sub-sections: Whenever I click a button it is highlit with a blue line underneath it. However, I would also
  • Create New...