Web Design Forum: simon87ainley - Viewing Profile

I am currently employed full-time, but I have the opportunity to do work outside of work hours on a freelance basis, how would paying tax work? Would I have to register as self-employed? Would my employer have to know?

I am looking to work on a hobby project in my spare time, but I am devoid of all ideas so I thought I would throw it open to suggestions from you lovely people on WDF.

I wanting to work closely with PHP, jquery and HTML5, my thoughts are with a project management tool or a CRM, but they do not seem very fun to build.

Hello there,

I am working on a project at the moment that requires some seriously skinned up select menus, I have managed to re-skin them but using this plugin however I have no way of determining what item has been selected from what select box as the plugin builds the same HTML every time it meets a select element in my HTML. I need some way of adding a unique identifier onto the end of a class, by manipulating the below plugin.

$.fn.customSelect = function() {
  // define defaults and override with options, if available
  // by extending the default settings, we don't modify the argument
	return this.each(function() {
		obj = $(this);  
		obj.after("<div class=\"selectoptions\"> </div>");
		obj.find('option').each(function(){ 
	  		$(".selectoptions").append("<div id=\"" + $(this).attr("value") + "\" class=\"selectitems\"><span>" + $(this).html() + "</span></div>");
		});
		obj.before("<input type=\"hidden\" value =\"\" name=\"" + this.name + "\" class=\"customselect\"/><div class=\"iconselect\">" + this.title + "</div><div class=\"iconselectholder\"> </div>")
	.remove();
		$('.iconselectholder').hide();
		$(".iconselect").click(function(){
			$(".iconselectholder").toggle("slow");});
			$(".iconselectholder").append( $(".selectoptions")[0] );
			$(".selectitems").mouseover(function(){
			$(this).addClass("hoverclass");
		});
		$(".selectitems").mouseout(function(){
			$(this).removeClass("hoverclass");
		});
		$(".selectitems").click(function(){
			$(".selectedclass").removeClass("selectedclass");
			$(this).addClass("selectedclass");
			var thisselection = $(this).html();
			$(".customselect").val(this.id);
			$(".iconselect").html(thisselection);
			$(".iconselectholder").toggle("slow")
		});
	});  
  // do the rest of the plugin, using url and settings
}

Hi,

I have two michael buble tickets for sale. He is playing the o2.arena on Sunday 16th may. The pair of tickets are available for £180. If any one is interested the PM me

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())
					        }
					    });
				}
			});
	  });