simon87ainley - Viewing Profile

simon87ainley's Profile User Rating:

Reputation: 0 Neutral

Group:: Members
Active Posts:: 18 (0.07 per day)
Joined:: 02-July 09
Profile Views:: 1,400
Last Active:: Mar 10 2010 05:53 PM
Currently:: Offline

Users Experience

Experience:: Intermediate
Area of Expertise:: Web Developer

simon87ainley really wants some freelance work

Topics I've Started

Jquery accordions

Posted 10 Dec 2009

Hello,

I have a website that is going to be a one page website, essentially the user can come to the website and build a menu that allows to view the content they want to see, so for example they click on a link for the blog and a blog panel is loaded on there screen, click on that panel(which is an accordion) and they can see all the blog titles, click the blog link again the blog gets removed from their screen, my problem is, that if the user say clicks on blog and then another link, only first link creates a panel that is an accordion (i need each panel that is created to be an accordion), the second problem is that if they remove a panel and then add it again it is not loaded as an accordion could some tell if there is some thing wrong with my javascript that is doing this, and suggest a way that I could fix it please?

    	$(document).ready(function() {
		//accordians for when the AJAX loads the content
		
	 	// hides the main_menu as soon as the DOM is ready
	 	// (a little sooner than page load)
	  	$('#main_menu').hide();
	 		// shows the slickbox on clicking the noted link  
	  		$('h3#show-menu a').click(function() {
	    			$('#main_menu').toggle('slow');
	    				return false;
			});
	//try and hide the left content when it is null
		$("#left-content:empty").hide();
		//style up the scroll bar
			$('#left-content').jScrollPane();
			
			//do some AJAX to call the method instead of the browser
			$("a.navlink").click(function (ev) {
				$(this).toggleClass("active");
				ev.preventDefault();
				var id = $(this).attr("id")
				if ($(this).hasClass("active")) {
				   $("."+id).remove();
				}
				else {	
				//$(this).toggleClass("active");
					  var url = $(this).attr("href");
					    $.ajax ({
					        url:  url,
					        type: "POST",
					        success : function (html) {
					        	$("#accordion").append(html).accordion({active:false, header:'h2', collapsible:true});
							
							//	$('#accordion').accordion({active:false, header:'h2', collapsible:true});
								//alert(accordion())
					        }
					    });
				}
			});
	  });

Loading in views with jQuery and CodeIgniter

Posted 29 Nov 2009

Hello,

I am working on a one page website that allows the users to add and remove pages from there navigation as and when they would like too, the way it works is that if the click 'Blog' on the main nav a 'Blog' section should appear on the page, if they then click 'News' the 'News' section should also be visible, however the way I have started to implement this it seems I can only have one section at a time, can my code be adpated to allow multiple sections to shown on the main page.

Here is my code for the page that has the main menu and the users selections on it.

 <!DOCTYPE html>
<head>
    <title>Development Site</title>
    <link rel="stylesheet" href="/media/css/reset.css" media="screen"/>
    <link rel="stylesheet" href="/media/css/generic.css" media="screen"/>
    <script type="text/javascript" src="/media/javascript/jquery-ui/js/jquery.js"></script>
    <script type="text/javascript" src="/media/javascript/jquery-ui/development-bundle/ui/ui.core.js"></script>
    <script type="text/javascript" src="/media/javascript/jquery-ui/development-bundle/ui/ui.accordion.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
                $('a.menuitem').click(function() {
                        var link = $(this), url = link.attr("href");
                            $("#content_pane").load(url);
                            return false; // prevent default link-behavior
                });
     });
       </script>
    </head>
    <body>
        <li><a class="menuitem" href="inspiration">Inspiration</a></li>
        <li><a class="menuitem" href="blog">Blog</a></li>
        <div id="content_pane">

        </div>
    </body>
    </html>

Books, Blogs, Podcasts

Posted 6 Oct 2009

Hi everyone,

I was thinking to myself today that I dont really use the technology that is available to me well enough, I am keen advocate that if you need to learn something the best way is to sit at a computer with a book and work through the topic. It struck me that maybe I should get into podcasts and blogs a bit more, this is where I am hoping for somehelp, list you favourite, blogs, podcasts, screencasts, and books.

Any suggestions would be greatly appreciated. :-)

Thanks

s87a
Hi Everyone

Posted 2 Jul 2009

Hi Folks,

I'm new to the board so I thought I would introduce myself properly.

I am a 22 year old web developer from england who is a year out uni, I specialise in PHP and mySQL, but can also work with Javascript, AJAX, Silverlight, and the obvious tecnologies of CSS and xHTML. At the moment I am also learning Python (with the Django framework).

As you have probably guessed I am not much of a designer, I can find my way around most of the mainstream iamge editing packages but the lack the creativity to do anything mind-blowing, and that is reason I have joined, to gather expertise from other designers and developers and give a wider skill set that branches of into design as well.

I am also looking to freelance on the side of my current development job so will probably be looking for advice on how to get started sometime in the near future. Away from the computer I am sport nut, you name it I have probably tried to play it.

Any way thats me, pleased to meet you

s87a