var temp = new Object();
var name = el.getProperty('name');
var value = el.getProperty('value');

eval("temp."+name+"='"+value+"'");

/* Add the object to another object */
merged = Object.merge(merged,temp);

I hope this is helpful to you!

See the simple example:

//$users is an array is this example
$echoUsers = (count($users) == 1) ? $users.' user registered' : $users.' users registered';

echo $echoUsers;

This summer during the Italian Workshop Design week (5th-10th June), organized by the Italian Chair District and the Italian Trade Commission there will be a workshop ‘Design Woodmaking: Chairs and more’.

During this week 8 young designers will work with 3 Italian designer masters (Carlo Colombo, Matteo Ragni and Riccardo Blumer) in order to develop new products for the 24 companies who will participate.

The 8 designers, completely hosted from the Italian Chair District, will come from 8 different nations. The Netherlands is one of this countries for the 2011 edition and you can sign up for this workshop youselves.

It’s a great opportunity for young Dutch designers to show what they’re up to. The designers will work with new producers and create new products.

Register now or read more about this workshop.

Download the tutorial file

First draw a circle on the top plane.

Add a Centerpoint arc and start at the top of the circle. Add two guide lines to control the gab (to weld the to cilinder for example)

Create the Base Flange, you can find this feature under the Sheet Metal tab.

You can see how the result looks like when you Unsuppress the Flat Pattern in the feature tree.

But when you add a sketch to cut a part away, these cut will not be shown when you Unsuppress the Flat Pattern.

Look at the example, first the unsuppressed flat pattern with a extruded cut:

And now I’ll suppress the Flat Pattern…

No holes in the cylinder any-more and look at the Feature Tree, the Cut Extrude is Suppressed. How to solve this? Well, go on with this tutorial!

Remove the Cut extrude and Suppress the Flat Pattern. Now add an Unfold feature to the model. This can be found under the Sheet Metal tab.

Select an outer edge of the gab of the cylinder and press the button Collect All Bends.

Press the OK button and here we are, a flat sheet metal!

Start a new sketch for a Cut Extrude on the flat surface.

I’ll make four of them with the Linear Pattern feature. The space between is the total length of the sheet metal divided with four.

The last step is to fold the sheet metal back to it’s original shape. Use the Fold feature in the Sheet Metal tab.

And here we are:

Now I’ll expand the sheet thickness to 10mm (and change the distance between the cut extrude) to show the edges of the circular cuts in the sheet. Only with this method you’ll get such a result.

I hope this was a useful tutorial for you!

Enjoy!

I’ve made a simple example so you’ll see how it works. Read more about the set up in the full article.

View example

Well, here I am with a very basic example. There are a lot of methods but this is the one I’m using.

Please note that $this->records has to be an array, generated by a fetched query or something like that. Place this script between the <tbody> tags.

$bool = 0;
foreach($this->records as $row):
	echo ($bool++ & 1) ? 'class="even"' : 'class="steven"';
endforeach;

Use this css for example and add it to a <tr> element.

.even {
	background-color: #FFF;
	}

.steven {
	background-color: #F9F9F9;
	}

Here it is, a working example for Mootools 1.2+. Good luck and take a look at the actual documentation I’ve you need some more information.

View example

The html

		Shirt 1

		Shirt 2

		Shirt 3

		Shirt 4

		Shirt 5

		Shirt 6


Drag Items Here

CSS

#items
{
	float: left;
	width: 525px;
	border: 1px solid #f9f9f9;
}

#cart
{
	float: right;
	width: 280px;
	background-color: #fff;
	border: 1px solid #f9f9f9;
	padding-bottom: 50px;
}

#cart .info
{
	color: #444;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
}

.item {
	float: left;
	position: relative;
	width: 150px;
	height: 175px;
	border: 1px solid #eee;
	margin: 10px;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: move;
}

#cart .item {
	width: 75px;
	height: 75px;
	margin: 5px;
	background-position: -40px -22px;
	border-width: 1px;
	cursor: default;
}

.item span {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.8em;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

The Mootools

Activate the mootools below after the DOM is ready…

var list = $$('.item');
var drop = $('cart');
var dropFx = new Fx.Morph('cart', {duration: 200, transition: Fx.Transitions.Sine.easeOut});

list.each(function(item){

	item.addEvent('mousedown', function(e){
		var e = new Event(e).stop();

		var clone = this.clone()
			.setStyles(this.getCoordinates())
			.setStyles({'opacity': 0.7, 'position': 'absolute'})
			.inject(document.body);

		var drag = new Drag.Move(clone, {
			droppables: '.cart',
			onDrop: function(element, droppable, event){
						drop.removeEvents();
						if(droppable){
							drop.highlight('#7389AE');
							dropFx.start({'background-color': '#FFFFFF'});

							item.clone().inject(drop);
							clone.dispose();
						}else{
							clone.dispose();
						}
					},
			onEnter: function(){
						dropFx.start({'background-color': '#98B5C1'});
					},
			onLeave: function(){
						dropFx.start({'background-color': '#FFFFFF'});
					}
		});

		drag.start(e); // start the event manual
	});
});

View example

For version 3 there was no documentation about this function but after a good search I’ve found the solution on the forums of the Google Maps API and I’d like to share it with you.
Just run the following code after you’ve re-sized the map.

google.maps.event.trigger(map, 'resize');

So an example in combination with Mootools should look like this and your can read the source below.

Html

Change size of the map

CSS

.small {
	width: 300px;
	height: 300px;
	}

.large {
	width: 920px;
	height: 500px;
	}

Mootools

var map = new google.maps.Map($('map'), {
    zoom: 8,
    center: new google.maps.LatLng(52.132633,5.291266),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    NavigationControlStyle: 'SMALL'
});

var sizeAnim = new Fx.Morph('map', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});

$('changeSize').addEvent('click',function(){
    if($('map').hasClass('large')){
        sizeAnim.start('.small').chain(function(){
            google.maps.event.trigger(map, 'resize');
            $('map').removeClass('large').addClass('small');
        });
    }else{
        sizeAnim.start('.large').chain(function(){
            google.maps.event.trigger(map, 'resize');
            $('map').removeClass('small').addClass('large');
        });
    }
});

As I’m writing this article the Rank of Young Dutch Design is 45,9. Not bad at all I think but when I see the ranking of professional websites I can do better. but I’m wondering what I can get out of it. Do I get more visitors when I optimize a website according Woorank’s tips & tricks?

I’ll let you know when I’ve got some results…

Right click on the upper tool bar and click on the bottom on Customize.

Go to Annotation and look foor the Cosmetic Thread icon.

Drag the icon to the preferred tool bar. I’ve got mine in the sketch tool bar.

3D

I’ll start with a simple axle.

Click the Cosmetic Thread button and specify the thread type

Press OK or Apply

To edit the thread, just look beneath the feature where the outer thread is applied. In this case it’s really obvious because I have only one feature for the axle but you have to search sometimes when you’ve got a large feature tree.

And here we are:

2D

When we insert a model view from a part where we already have added a Cosmetic Thread SolidWorks indicates it immediately.

But when you start with a clean axle you can also add a thread. Add the button to your sketch toolbar via the method I described at the begin of this topic.

Click Cosmetic Thread button and select the outer diameter of the axle surface you’d like to add a thread.

Here we are!

Do you have troubles to make the threaded surface visible? Read more about this problem.