iPhone Mockup « visit
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to iPhone Mockup - http://iphonemockup.lkmc.ch
function updateDisplay(id, timestamp) {
$.post(
"/load.php",
{
timestamp: timestamp,
userid: '4a365f7d7c1f3',
mockupid: 'gmWegKZNNGBCFghScmBNTLAPCKXQSHkLGSCmbZMmd'
},
function(data){
if(data) {
var dataobj = eval('(' + data + ')');
if(dataobj.items) {
for(i=0; i<dataobj.items.length; i++) {
updateItem(dataobj.items[i], false);
}
}
setTimeout(function() {
updateDisplay(id, dataobj['timestamp'])
}, 5000);
}
}
);
}
function updateItem(item, source) {
var domelem = document.getElementById(item['id']);
if(item['sizex']<0 && item['sizey']<0) {
if(domelem) removeItem(domelem);
return;
}
if(!domelem) {
var domelem = document.createElement('div');
$(domelem).attr('id',item['id']);
$(domelem).attr('widgettype', item['type']);
$(domelem).addClass('activeitem');
$(domelem).css('position','absolute');
if(source) {
$(domelem).css('left',sourceitempositions[item['type']].x+'px');
$(domelem).css('top',sourceitempositions[item['type']].y+'px');
$(domelem).css('width','50px');
$(domelem).css('height',sourceitempositions[item['type']].previewheight+'px');
$(domelem).css('opacity','0');
} else {
$(domelem).css('left',item['posx']+'px');
$(domelem).css('top',item['posy']+'px');
$(domelem).css('width','0px');
$(domelem).css('height','0px');
$(domelem).css('opacity','0');
}
$(domelem).hover(
function () {
$(this).css('border-color','#CCC');
if($(this).attr('islarge')) return;
$('#'+item['type']+'widgetdescription').remove();
var desc = document.createElement('div');
$(desc).attr('id',item['type']+'widgetdescription');
$(desc).text(sourceitempositions[item['type']].desc);
$(desc).addClass('desc');
$(desc).css('position','absolute');
$(desc).css('left','135px');
$(desc).css('top',sourceitempositions[item['type']].y+'px');
document.body.appendChild(desc);
},
function () {
$(this).css('border-color','transparent');
if($(this).attr('islarge')) return;
$('#'+item['type']+'widgetdescription').animate({
"opacity": '0'
}, 500, "linear", function() {
$('#'+item['type']+'widgetdescription').remove();
});
}
);
if(item['type'] == 'arrow') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/arrow/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/arrow/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'arrow_round') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/arrow_round/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/arrow_round/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'callout_arrow') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/callout_arrow/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/callout_arrow/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'carrier_bar') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/carrier_bar/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/carrier_bar/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'checkbox_checked') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/checkbox_checked/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/checkbox_checked/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'checkbox_empty') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/checkbox_empty/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/checkbox_empty/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'dropdown') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/dropdown/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/dropdown/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'guideline_horizontal') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/guideline_horizontal/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/guideline_horizontal/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'guideline_vertical') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/guideline_vertical/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/guideline_vertical/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'keyboard') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/keyboard/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/keyboard/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'label') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/label/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/label/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'navigation_bar') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/navigation_bar/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/navigation_bar/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'navigation_item_back') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/navigation_item_back/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/navigation_item_back/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'navigation_item_forward') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/navigation_item_forward/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/navigation_item_forward/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'picker_view') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/picker_view/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/picker_view/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'picker_view_divided') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/picker_view_divided/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/picker_view_divided/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'progress_view') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/progress_view/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/progress_view/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'rounded_rect_button_large') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/rounded_rect_button_large/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/rounded_rect_button_large/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'rounded_rect_button_medium') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/rounded_rect_button_medium/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/rounded_rect_button_medium/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'rounded_rect_button_small') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/rounded_rect_button_small/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/rounded_rect_button_small/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'segmented_control') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/segmented_control/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/segmented_control/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'slider') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/slider/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/slider/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'switch_off') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/switch_off/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/switch_off/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'switch_on') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/switch_on/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/switch_on/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'table_view_bottom') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/table_view_bottom/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/table_view_bottom/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'table_view_middle') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/table_view_middle/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/table_view_middle/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'table_view_top') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/table_view_top/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/table_view_top/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'tab_bar') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/tab_bar/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/tab_bar/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'text_field') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/text_field/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/text_field/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
if(item['type'] == 'text_field_small') {
if(source) {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/text_field_small/preview.png)');
} else {
$(domelem).css('background-image','url(/iphone_mockup_items_illustration/text_field_small/'+(Math.floor(Math.random() * 3))+'.png)');
}
}
$(domelem).draggable({
start: makeItemLarge,
stop: itemWasMoved
});
$(domelem).dblclick(renameItem);
$(document.body).append(domelem);
}
$(domelem).text(item['text']);
if(!source) {
$(domelem).attr('islarge',true);
$(domelem).animate({
opacity: '1',
left: item['posx']+'px',
top: item['posy']+'px',
width: item['sizex']+'px',
height: item['sizey']+'px'
}, 800 );
} else {
$(domelem).animate({
opacity: '1'
}, 1000 );
}
}
function renameItem(event) {
if(!$(this).attr('islarge')) return;
event.stopPropagation();
event.preventDefault();
$(this).text(prompt('Change Label:',$(this).text()));
$(this).mouseup();
return false;
}
function makeItemLarge(){
if($(this).attr('islarge')) return;
$(this).attr('islarge',true);
var type = $(this).attr('widgettype');
$(this).css('background-image','url(/iphone_mockup_items_illustration/'+type+'/'+(Math.floor(Math.random() * 3))+'.png)');
$(this).animate({
opacity: '1',
width: sourceitempositions[type].width+'px',
height: sourceitempositions[type].height+'px'
}, 400 );
if(type == 'label') {
$(this).text('Label');
}
setTimeout(function() {
addItem(type);
$('#'+type+'widgetdescription').animate({
"opacity": '0'
}, 500, "linear", function() {
$('#'+type+'widgetdescription').remove();
});
},1000);
}
function itemWasMoved(event, ui) {
if(
event
&&
event.pageX > $('#trash').offset().left
&&
event.pageY > $('#trash').offset().top
) {
// delete
$.post(
"/remove.php",
{
id: $(this).attr('id'),
userid: '4a365f7d7c1f3',
mockupid: 'gmWegKZNNGBCFghScmBNTLAPCKXQSHkLGSCmbZMmd'
}
);
removeItem(this);
} else {
// move
if($(this).attr('id')) {
$.post(
"/move.php",
{
id: $(this).attr('id'),
userid: '4a365f7d7c1f3',
mockupid: 'gmWegKZNNGBCFghScmBNTLAPCKXQSHkLGSCmbZMmd',
text: $(this).text(),
posx: $(this).offset().left,
posy: $(this).offset().top,
sizex: $(this).width(),
sizey: $(this).height()
}
);
} else {
var attrelem = $(this);
$.post(
"/add.php",
{
mockupid: 'gmWegKZNNGBCFghScmBNTLAPCKXQSHkLGSCmbZMmd',
userid: '4a365f7d7c1f3',
type: $(this).attr('widgettype'),
posx: $(this).offset().left,
posy: $(this).offset().top,
sizex: $(this).width(),
sizey: $(this).height()
},
function(data){
if(data) {
var dataobj = eval('(' + data + ')');
if(!dataobj.items) return;
for(i=0; i<dataobj.items.length; i++) {
attrelem.attr('id',dataobj.items[i]['id']);
}
}
}
);
}
}
}
function addItem(type) {
var item = new Object();
item['sizex'] = 1;
item['sizey'] = 1;
item['type'] = type;
updateItem(item, true);
}
function removeItem(domelem) {
var img = document.createElement('img');
$(img).css('position','absolute');
$(img).css('top',$(domelem).offset().top+'px');
$(img).css('left',$(domelem).offset().left+'px');
$(img).css('width',$(domelem).width()+'px');
$(img).css('height',$(domelem).height()+'px');
$(img).attr('src','/delete/1.png');
$(domelem).remove();
document.body.appendChild(img);
setTimeout(function() {
$(img).attr('src','/delete/2.png');
},80);
setTimeout(function() {
$(img).attr('src','/delete/3.png');
},160);
setTimeout(function() {
$(img).attr('src','/delete/4.png');
},240);
setTimeout(function() {
$(img).remove();
},320);
}
var sourceitempositions = new Object();
google.setOnLoadCallback(function() {
sourceitempositions['arrow'] = new Object();
sourceitempositions['arrow'].x = 10;
sourceitempositions['arrow'].y = 110;
sourceitempositions['arrow'].width = 30;
sourceitempositions['arrow'].height = 30;
sourceitempositions['arrow'].previewheight = 15;
sourceitempositions['arrow'].height = 30;
sourceitempositions['arrow'].desc = 'Arrow';
addItem('arrow');
sourceitempositions['arrow_round'] = new Object();
sourceitempositions['arrow_round'].x = 80;
sourceitempositions['arrow_round'].y = 110;
sourceitempositions['arrow_round'].width = 30;
sourceitempositions['arrow_round'].height = 30;
sourceitempositions['arrow_round'].previewheight = 15;
sourceitempositions['arrow_round'].height = 30;
sourceitempositions['arrow_round'].desc = 'Arrow Round';
addItem('arrow_round');
sourceitempositions['callout_arrow'] = new Object();
sourceitempositions['callout_arrow'].x = 10;
sourceitempositions['callout_arrow'].y = 135;
sourceitempositions['callout_arrow'].width = 90;
sourceitempositions['callout_arrow'].height = 60;
sourceitempositions['callout_arrow'].previewheight = 17;
sourceitempositions['callout_arrow'].height = 60;
sourceitempositions['callout_arrow'].desc = 'Callout Arrow';
addItem('callout_arrow');
sourceitempositions['carrier_bar'] = new Object();
sourceitempositions['carrier_bar'].x = 80;
sourceitempositions['carrier_bar'].y = 135;
sourceitempositions['carrier_bar'].width = 331;
sourceitempositions['carrier_bar'].height = 30;
sourceitempositions['carrier_bar'].previewheight = 4;
sourceitempositions['carrier_bar'].height = 30;
sourceitempositions['carrier_bar'].desc = 'Carrier Bar';
addItem('carrier_bar');
sourceitempositions['checkbox_checked'] = new Object();
sourceitempositions['checkbox_checked'].x = 10;
sourceitempositions['checkbox_checked'].y = 162;
sourceitempositions['checkbox_checked'].width = 30;
sourceitempositions['checkbox_checked'].height = 21;
sourceitempositions['checkbox_checked'].previewheight = 14;
sourceitempositions['checkbox_checked'].height = 21;
sourceitempositions['checkbox_checked'].desc = 'Checkbox Checked';
addItem('checkbox_checked');
sourceitempositions['checkbox_empty'] = new Object();
sourceitempositions['checkbox_empty'].x = 80;
sourceitempositions['checkbox_empty'].y = 162;
sourceitempositions['checkbox_empty'].width = 28;
sourceitempositions['checkbox_empty'].height = 21;
sourceitempositions['checkbox_empty'].previewheight = 15;
sourceitempositions['checkbox_empty'].height = 21;
sourceitempositions['checkbox_empty'].desc = 'Checkbox Empty';
addItem('checkbox_empty');
sourceitempositions['dropdown'] = new Object();
sourceitempositions['dropdown'].x = 10;
sourceitempositions['dropdown'].y = 187;
sourceitempositions['dropdown'].width = 220;
sourceitempositions['dropdown'].height = 38;
sourceitempositions['dropdown'].previewheight = 8;
sourceitempositions['dropdown'].height = 38;
sourceitempositions['dropdown'].desc = 'Dropdown';
addItem('dropdown');
sourceitempositions['guideline_horizontal'] = new Object();
sourceitempositions['guideline_horizontal'].x = 80;
sourceitempositions['guideline_horizontal'].y = 187;
sourceitempositions['guideline_horizontal'].width = 320;
sourceitempositions['guideline_horizontal'].height = 29;
sourceitempositions['guideline_horizontal'].previewheight = 15;
sourceitempositions['guideline_horizontal'].height = 29;
sourceitempositions['guideline_horizontal'].desc = 'Guideline Horizontal';
addItem('guideline_horizontal');
sourceitempositions['guideline_vertical'] = new Object();
sourceitempositions['guideline_vertical'].x = 10;
sourceitempositions['guideline_vertical'].y = 212;
sourceitempositions['guideline_vertical'].width = 30;
sourceitempositions['guideline_vertical'].height = 480;
sourceitempositions['guideline_vertical'].previewheight = 20;
sourceitempositions['guideline_vertical'].height = 480;
sourceitempositions['guideline_vertical'].desc = 'Guideline Vertical';
addItem('guideline_vertical');
sourceitempositions['keyboard'] = new Object();
sourceitempositions['keyboard'].x = 80;
sourceitempositions['keyboard'].y = 212;
sourceitempositions['keyboard'].width = 339;
sourceitempositions['keyboard'].height = 272;
sourceitempositions['keyboard'].previewheight = 40;
sourceitempositions['keyboard'].height = 272;
sourceitempositions['keyboard'].desc = 'Keyboard';
addItem('keyboard');
sourceitempositions['label'] = new Object();
sourceitempositions['label'].x = 10;
sourceitempositions['label'].y = 262;
sourceitempositions['label'].width = 326;
sourceitempositions['label'].height = 71;
sourceitempositions['label'].previewheight = 10;
sourceitempositions['label'].height = 71;
sourceitempositions['label'].desc = 'Label';
addItem('label');
sourceitempositions['navigation_bar'] = new Object();
sourceitempositions['navigation_bar'].x = 80;
sourceitempositions['navigation_bar'].y = 262;
sourceitempositions['navigation_bar'].width = 328;
sourceitempositions['navigation_bar'].height = 61;
sourceitempositions['navigation_bar'].previewheight = 9;
sourceitempositions['navigation_bar'].height = 61;
sourceitempositions['navigation_bar'].desc = 'Navigation Bar';
addItem('navigation_bar');
sourceitempositions['navigation_item_back'] = new Object();
sourceitempositions['navigation_item_back'].x = 10;
sourceitempositions['navigation_item_back'].y = 282;
sourceitempositions['navigation_item_back'].width = 80;
sourceitempositions['navigation_item_back'].height = 43;
sourceitempositions['navigation_item_back'].previewheight = 14;
sourceitempositions['navigation_item_back'].height = 43;
sourceitempositions['navigation_item_back'].desc = 'Navigation Item Back';
addItem('navigation_item_back');
sourceitempositions['navigation_item_forward'] = new Object();
sourceitempositions['navigation_item_forward'].x = 80;
sourceitempositions['navigation_item_forward'].y = 282;
sourceitempositions['navigation_item_forward'].width = 76;
sourceitempositions['navigation_item_forward'].height = 44;
sourceitempositions['navigation_item_forward'].previewheight = 14;
sourceitempositions['navigation_item_forward'].height = 44;
sourceitempositions['navigation_item_forward'].desc = 'Navigation Item Forward';
addItem('navigation_item_forward');
sourceitempositions['picker_view'] = new Object();
sourceitempositions['picker_view'].x = 10;
sourceitempositions['picker_view'].y = 306;
sourceitempositions['picker_view'].width = 296;
sourceitempositions['picker_view'].height = 248;
sourceitempositions['picker_view'].previewheight = 41;
sourceitempositions['picker_view'].height = 248;
sourceitempositions['picker_view'].desc = 'Picker View';
addItem('picker_view');
sourceitempositions['picker_view_divided'] = new Object();
sourceitempositions['picker_view_divided'].x = 80;
sourceitempositions['picker_view_divided'].y = 306;
sourceitempositions['picker_view_divided'].width = 296;
sourceitempositions['picker_view_divided'].height = 254;
sourceitempositions['picker_view_divided'].previewheight = 42;
sourceitempositions['picker_view_divided'].height = 254;
sourceitempositions['picker_view_divided'].desc = 'Picker View Divided';
addItem('picker_view_divided');
sourceitempositions['progress_view'] = new Object();
sourceitempositions['progress_view'].x = 10;
sourceitempositions['progress_view'].y = 358;
sourceitempositions['progress_view'].width = 323;
sourceitempositions['progress_view'].height = 31;
sourceitempositions['progress_view'].previewheight = 4;
sourceitempositions['progress_view'].height = 31;
sourceitempositions['progress_view'].desc = 'Progress View';
addItem('progress_view');
sourceitempositions['rounded_rect_button_large'] = new Object();
sourceitempositions['rounded_rect_button_large'].x = 80;
sourceitempositions['rounded_rect_button_large'].y = 358;
sourceitempositions['rounded_rect_button_large'].width = 326;
sourceitempositions['rounded_rect_button_large'].height = 71;
sourceitempositions['rounded_rect_button_large'].previewheight = 10;
sourceitempositions['rounded_rect_button_large'].height = 71;
sourceitempositions['rounded_rect_button_large'].desc = 'Rounded Rect Button Large';
addItem('rounded_rect_button_large');
sourceitempositions['rounded_rect_button_medium'] = new Object();
sourceitempositions['rounded_rect_button_medium'].x = 10;
sourceitempositions['rounded_rect_button_medium'].y = 378;
sourceitempositions['rounded_rect_button_medium'].width = 161;
sourceitempositions['rounded_rect_button_medium'].height = 62;
sourceitempositions['rounded_rect_button_medium'].previewheight = 19;
sourceitempositions['rounded_rect_button_medium'].height = 62;
sourceitempositions['rounded_rect_button_medium'].desc = 'Rounded Rect Button Medium';
addItem('rounded_rect_button_medium');
sourceitempositions['rounded_rect_button_small'] = new Object();
sourceitempositions['rounded_rect_button_small'].x = 80;
sourceitempositions['rounded_rect_button_small'].y = 378;
sourceitempositions['rounded_rect_button_small'].width = 87;
sourceitempositions['rounded_rect_button_small'].height = 46;
sourceitempositions['rounded_rect_button_small'].previewheight = 26;
sourceitempositions['rounded_rect_button_small'].height = 46;
sourceitempositions['rounded_rect_button_small'].desc = 'Rounded Rect Button Small';
addItem('rounded_rect_button_small');
sourceitempositions['segmented_control'] = new Object();
sourceitempositions['segmented_control'].x = 10;
sourceitempositions['segmented_control'].y = 414;
sourceitempositions['segmented_control'].width = 200;
sourceitempositions['segmented_control'].height = 48;
sourceitempositions['segmented_control'].previewheight = 12;
sourceitempositions['segmented_control'].height = 48;
sourceitempositions['segmented_control'].desc = 'Segmented Control';
addItem('segmented_control');
sourceitempositions['slider'] = new Object();
sourceitempositions['slider'].x = 80;
sourceitempositions['slider'].y = 414;
sourceitempositions['slider'].width = 279;
sourceitempositions['slider'].height = 34;
sourceitempositions['slider'].previewheight = 6;
sourceitempositions['slider'].height = 34;
sourceitempositions['slider'].desc = 'Slider';
addItem('slider');
sourceitempositions['switch_off'] = new Object();
sourceitempositions['switch_off'].x = 10;
sourceitempositions['switch_off'].y = 436;
sourceitempositions['switch_off'].width = 110;
sourceitempositions['switch_off'].height = 39;
sourceitempositions['switch_off'].previewheight = 17;
sourceitempositions['switch_off'].height = 39;
sourceitempositions['switch_off'].desc = 'Switch Off';
addItem('switch_off');
sourceitempositions['switch_on'] = new Object();
sourceitempositions['switch_on'].x = 80;
sourceitempositions['switch_on'].y = 436;
sourceitempositions['switch_on'].width = 110;
sourceitempositions['switch_on'].height = 39;
sourceitempositions['switch_on'].previewheight = 17;
sourceitempositions['switch_on'].height = 39;
sourceitempositions['switch_on'].desc = 'Switch On';
addItem('switch_on');
sourceitempositions['table_view_bottom'] = new Object();
sourceitempositions['table_view_bottom'].x = 10;
sourceitempositions['table_view_bottom'].y = 463;
sourceitempositions['table_view_bottom'].width = 328;
sourceitempositions['table_view_bottom'].height = 61;
sourceitempositions['table_view_bottom'].previewheight = 9;
sourceitempositions['table_view_bottom'].height = 61;
sourceitempositions['table_view_bottom'].desc = 'Table View Bottom';
addItem('table_view_bottom');
sourceitempositions['table_view_middle'] = new Object();
sourceitempositions['table_view_middle'].x = 80;
sourceitempositions['table_view_middle'].y = 463;
sourceitempositions['table_view_middle'].width = 330;
sourceitempositions['table_view_middle'].height = 46;
sourceitempositions['table_view_middle'].previewheight = 6;
sourceitempositions['table_view_middle'].height = 46;
sourceitempositions['table_view_middle'].desc = 'Table View Middle';
addItem('table_view_middle');
sourceitempositions['table_view_top'] = new Object();
sourceitempositions['table_view_top'].x = 10;
sourceitempositions['table_view_top'].y = 482;
sourceitempositions['table_view_top'].width = 332;
sourceitempositions['table_view_top'].height = 51;
sourceitempositions['table_view_top'].previewheight = 7;
sourceitempositions['table_view_top'].height = 51;
sourceitempositions['table_view_top'].desc = 'Table View Top';
addItem('table_view_top');
sourceitempositions['tab_bar'] = new Object();
sourceitempositions['tab_bar'].x = 80;
sourceitempositions['tab_bar'].y = 482;
sourceitempositions['tab_bar'].width = 350;
sourceitempositions['tab_bar'].height = 60;
sourceitempositions['tab_bar'].previewheight = 8;
sourceitempositions['tab_bar'].height = 60;
sourceitempositions['tab_bar'].desc = 'Tab Bar';
addItem('tab_bar');
sourceitempositions['text_field'] = new Object();
sourceitempositions['text_field'].x = 10;
sourceitempositions['text_field'].y = 500;
sourceitempositions['text_field'].width = 255;
sourceitempositions['text_field'].height = 40;
sourceitempositions['text_field'].previewheight = 7;
sourceitempositions['text_field'].height = 40;
sourceitempositions['text_field'].desc = 'Text Field';
addItem('text_field');
sourceitempositions['text_field_small'] = new Object();
sourceitempositions['text_field_small'].x = 80;
sourceitempositions['text_field_small'].y = 500;
sourceitempositions['text_field_small'].width = 120;
sourceitempositions['text_field_small'].height = 40;
sourceitempositions['text_field_small'].previewheight = 16;
sourceitempositions['text_field_small'].height = 40;
sourceitempositions['text_field_small'].desc = 'Text Field Small';
addItem('text_field_small');
updateDisplay('gmWegKZNNGBCFghScmBNTLAPCKXQSHkLGSCmbZMmd',0);
});Syndicate
Categories
Statistics
There are 330 Sites with 745 Links of Interest in 18 Categories. The latest Site was added 4 months ago.
About
This is a project by Sebastian Senf, for his part jQuery user and lover too. Follow me.