Tuesday December 02 2008
Tabs vs Blocks
I’ve been working on a client site and am happy with the progress, and more importantly the client is very happy. The original front page design had the logo and nav on top with three large picts on the left sidebar. The main content section had a highlighted box with for other boxes that load random content. I was happy with this and so was the client, but I decided to put together an alternate index page.
The alternate index takes the four boxes and turns them into tabs using the jQuery idTabs plugin. I added two more optional boxes below the tabs. I felt that this allowed my client to get more info on the front page without being cluttered or too busy.
Client liked them both but with a slight preference for the original. My preference is for the tabs. I posted links to both pages on twitter and the consensus was for the original. The main reason being offered that the tabs faded into obscurity. After discussion with the client we went with the original, but the tabs are a possibility in the future.
I’m not sure if I agree with the fade into obscurity because it’s not true or because I like the tabs due to a “cool” factor - first time I did that on a web site.
Sunday October 19 2008
jQuery Kungfu
Not really kung fu - but considering that I’m just getting into jQuery I’m pretty happy. I’ve set up a FAQ on my clients site where each answer will be displayed after clicking and click again to hide. I also set up a show/hide all switch which is working nicely. *pats self on back*
However there is one area that I’m stuck on. If some answers are open and some are closed, clicking show/hide all closes open answers and opens closed answers rather than moving all answers into a single state. ideas?
Sean. inscribed these words of wisdom on Sunday Oct 19, 2008 at 06:34 PM
Clients | Javascript |
| tags:
jquery |
Saturday October 11 2008
jquery show/hide
I’m trying to do something with jquery but it just isn’t working. I’ve got a list of entry titles that want to be hidden until the user clicks on the h2 tag above it.
Here is the code - I’ve also posted this on the EE forums.
<h2 class="toggle">All Teachers</h2>
<div class="view">
{exp:weblog:entries weblog="teachers" orderby="date" sort="desc" limit="100" status="open" dynamic="off" disable="member_data|pagination|trackbacks"}
{categories}<h3><a href="{permalink=">{title}</a></h3>{/categories}
{/exp:weblog:entries}
</div>
<scr*pt type="text/javascript">
$(document).ready(function(){
$('div.view').hide();
$('h2.toggle').click(function(){
$('div.view').show();
$(this).hide();
});
});
</scr*pt>
*edit* fixed a typo in the code, but it’s still not working.
Sean. inscribed these words of wisdom on Saturday Oct 11, 2008 at 02:06 PM
Javascript |
| tags:
ee thread,
code,
jquery |
Thursday August 14 2008
Smokin’ Busy
Since the weekend I got smokin’ busy. From friday to Sunday I wrote a massive post comparing online slideshow services for my teaching blog. I also got in touch with my original client, but he hasn’t yet delivered the promised images. Also I am about to start a site design for a friend opening a business (yes he’s paying me) and was contacted by a language school in a nearby city about doing a site for them - still emailing back and forth.
finally I also picked up a small design project of replicating a menu built in tables and making it tableless as well as adding superfish javascript functionality to it. This was going well until I looked in IE and realized it was completely messed up. I don’t know why it took me so long to find the solution, but I had to delete one of the classes in superfish.css to get everything to render fine. Now I just need to tweak up the navbar a bit and send it to the client.
Later today, I’m meeting a local web designer (also a non-Korean) for a coffee to talk about design and life in Korea. Hopefully this turns into a good connection or friend.
Busy busy busy.
Monday August 04 2008
Superfish solved
I solved my recent problems with superfish menus. It seems that because I had built my menu prior to adding the superfish js and css files there were some conflicts and extra declarations that were not necessary.
I eventually decided to reset the superfish css file and then commented out my navigation css and started fresh using only the superfish code. Made modifications and voila, it works perfectly. Definitely a learning experience and worth remembering. In the end setting this up was much easier than I made it out to be. Because of the existing css code everything was wonked, once I got rid of that everything worked great.
The site is almost finished, now I just need to add content and style pagination.
Saturday August 02 2008
Superfish menu help
I"m having some trouble getting the superfish menu jQuery plugin to work. I’ve posted on Expression Engine forums and copied it here for my personal reference. If anyone is reading this feel free to reply here or at the EE forums.
I’ve decided to give superfish menus a shot on my latest site. I’ve set up a dummy template to perfect the code before adding it to the real site. dummy template here.
I added a sub list and that broke the page until I added the sf-menu class to the containing ul tag. Now that I’ve done that, I’m at an impasse and do not know how to proceed.
The one section with a drop down menu isn’t dropping down. Additionally the final menu item is starting on a new line in FF & opera, but missing in IE (this is not so important, I’m sure I can fix that myself) How do I get the drop down menu to appear?
Thank you for your help - if you go to a regular template you can see the simple menu working correctly.
My code as it stands is:
<ul class="sf-menu">
<li class="home"><a href="{path=">Home</a></li>
<li class="resume"><a href="{path=">Resume</a></li>
<li>
<ul>
<li>resume</li>
<li>teaching philosophy</li>
<li>teaching demo</li>
</ul>
</li>
<li class="materials"><a href="{path=">Materials</a></li>
<li class="studentwork"><a href="{path=">Student Work</a></li>
<li class="contact"><a href="{path=">Contact</a></li>
</ul>
</div><!-- navigation -->
<sc*ipt type="text/javascript">
$(document).ready(function() {
$('ul.sf-menu').superfish();
});
</sc*ipt>
Sean. inscribed these words of wisdom on Saturday Aug 2, 2008 at 10:00 AM
Javascript |
| tags:
ee thread,
jquery,
superfish |
Friday July 04 2008
Cycle Plugin Jquery
I’ve been playing around a little with the cycle plugin for JQuery. This is my first attempt at anything javascript. I’ve been reading JavaScript Development with DOM Scripting and Ajax, but it’s giving me headaches and I haven’t actually learned anything other than I really want to learn this. Details of my attempt are on this EE thread.
Essentially I’m trying to set up a random quote rotator on my teaching blog. The random quote has been running fine for 2 years, but now I want to be able to refresh the quote by clicking a link and not refreshing the page. it’s not necessary, just a learning exercise.
Sean. inscribed these words of wisdom on Friday Jul 4, 2008 at 05:27 PM
Javascript |
| tags:
ee thread,
javascript,
jquery |
