Closed

Loop data from a json array into html

General Informationen:

Please read everything carefully before you submit an offer.

Thank you

I have created an array that contains different data. These data should be presented on an HTML website. I have already created the HTML framework (html / css). The html can be found in the appendix.

I have created for test purposes 2 objects (2 people with different data) and loaded them into the website via jquery (code is attached). That works pretty well as well. But only if you know exactly how many elements the individual objects contain. But they can be different in length.

What is your task?

- Check if my array is ok for this task. If not, you'll need to provide an example array so I can customize it (in my software that creates the array).

- Check if my desired form (html design/structure) can be achieved?

Hints:

- It should be programmed in Jquery

- no html / css adjustments should be made

Description:

There are 4 columns on the web page that should represent the following keys:

1st column = 1 x element with "personal data". Columns 2-4 must stay in the row from column one. Keys:

F_2602_8004

F_2602_8005

F_2602_8007

F_2602_26108

F_2602_8001

F_2602_26107

F_2602_8002

F_2602_8003

2nd column = infinitely many "device data" are possible. The device data is again bundled (nested) and have the following keys:

"F_2602_8000_Pers_n"

"F_2602_8009_Pers_n"

"F_2602_8013_Pers_n"

... see more in the file

3rd column = infinitely many "device types" are possible. The device data is again bundled (nested) and have the following keys:

"F_2602_8000_Add_n"

"F_2602_8013_Add_n"

"F_2602_26108_Add_n"

... see more in the file

4th column = infinitely many "equipment rooms" are possible. The device data is again bundled (nested) and have the following keys:

"F_2602_8000_Not_n"

"F_2602_8009_Not_n"

"F_2602_8013_Not_n"

... see more in the file

Skills: HTML5, Javascript, jQuery / Prototype

See more: display json data in html table using javascript, json to html table jquery, how to convert json array to html table, iterate over json array javascript, populate html table with json data, jquery ajax loop through data, display json data in html table using jquery, loop through json array, html products per page, javascript html shipping billing page, simple html sales copy page, loop smooth scrolling images html, json array manipulation, html redirect previous page, data outsource xml html king, send data php sql html, html css single page cost, convert html template master page, html sure exit page, page data csv file html

About the Employer:
( 0 reviews ) Germany

Project ID: #17809964

21 freelancers are bidding on average €108 for this job

BaNgan

**Updated proposal** - I made a demostration on your design: [login to view URL] - Each item in the data is displayed in a cell/list-item markup is good idea - We can use a custom function generateCell() to ad More

€111 EUR in 3 days
(239 Reviews)
7.0
superman1987417

Greetings. I'm an expert web developer with 8 years of experience. I'm very interested in your project. I've checked your requirements & attached files carefully and feel confident with them. It is possible to impl More

€111 EUR in 3 days
(44 Reviews)
6.1
Harvey888

Hi there. Nice to meet you. I'm a Javascript expert and FULL Time Developer. I have checked your requirements carefully. I have rich experience in Javascript, PHP, Html, CSS, JS UI design, etc. I can start work i More

€155 EUR in 3 days
(33 Reviews)
5.5
urmate

Hi There I've excellent programming and development skills and knowledge. I can provide an efficient, perfect, well documented development of your Programming and Computer project according to 100% accuracy and re More

€80 EUR in 3 days
(34 Reviews)
4.7
vikrant12112

Hello, After reviewing your project, I’d love to discuss in more detail with you to ultimately understand your needs more. Relevant Skills and Experience I have more than 3 years of professional experience in P More

€44 EUR in 3 days
(38 Reviews)
4.9
softechlab

hello. i am interest in your project. i have enough skills and full experience for your project. if you give me chance, i will do my best for you. thank you.

€100 EUR in 3 days
(8 Reviews)
3.8
cometgroup

Hi I have read your project description carefully I am very interested in this project. I have a lot of experience in this type of work. I'm sure I can complete it on time with high quality according to your requ More

€155 EUR in 3 days
(13 Reviews)
3.8
bluesan

Hello, I've read your job description and understood this project. If you hire me, I can do this job in 1 day. Please let let me know If you are interested in working together. Thank you. Yu.

€155 EUR in 3 days
(3 Reviews)
3.9
bluetechnologist

It looks like you are having problem in sending array with right logic or you are having problem in running loop well.I didn't try editing your code. But i read your code well. You does not have any sequence in your c More

€100 EUR in 1 day
(2 Reviews)
3.6
Vedtechnology

Hi There, I am a professional PHP developer with an experience of more than 6 years in creating and customizing PHP based websites, themes and plugins/modules. I have been working with MVC architecture using CodeIgnit More

€250 EUR in 12 days
(30 Reviews)
3.4
yuriyes43

Hello I just read your description of project carefully. As a independent and trustworthy web developer, I studied web developing for 4 years, so I have rich experience in web developing. It seems to be very easy for More

€155 EUR in 3 days
(10 Reviews)
3.3
Tushar051

Hello, I have read your job description in detail. I have 4+ Years experience in Web Development. I have good experience working with JSON. I am sure I can perform well your task and meet your desire. I am workin More

€125 EUR in 3 days
(8 Reviews)
3.0
Rahil86

Hello, I'm a java web Developer and a WebScrapper. I have experience in Spring, Spring Boot, Spring Security, Hibernate, JPA, JSP, JSTL, JavaScript, jQuery, Bootstrap. I can write a script for you to convert the More

€30 EUR in 3 days
(3 Reviews)
2.9
AliRidhaPro

hello there, my name is Ali Ridha. i'm an expert WEB Designer & Developer with over +4 years of experience with PHP/Mysql/javascript/HTML5/CSS3/Jquery/BootStrap/WordPress and I have made many website designs/SEO-optim More

€30 EUR in 3 days
(4 Reviews)
2.3
deepthi2889

Hi, I am a Full stack developer in Microsoft technologies. My area of expertise is web application development (asp.Net web forms, MVC, classic ASP), web services (SOAP & RESTFul), MySql & Sql Server as back end (thr More

€111 EUR in 1 day
(1 Review)
0.4
khayriddine

Hi my name is khayriddine i am full stack developper i just started solving your project i need to understand some points to be able to finish it today maybe if you are intersted send me a message , also here is my own More

€155 EUR in 1 day
(0 Reviews)
0.0
rubyphanhoang

good java script and render UI form json Data. good java script and render UI form json Data. good java script and render UI form json Data. good java script and render UI form json Data. good java script and rende More

€55 EUR in 5 days
(0 Reviews)
0.0
amoujoud

Hello, i can make the array so simple to use only with JQuery Syntax , and we can handle everything ....from Array structure and declaration and manipulation into showing data in HTML..so lets start ...i am offering More

€30 EUR in 1 day
(0 Reviews)
0.0
sitaram676

About me : I have 4+ years of experience in UI development and worked on generating tree structures(Tree plugins) in my earlier projects which would be very much similar to what you are expecting. I have implemented c More

€166 EUR in 3 days
(0 Reviews)
0.0
xantrumsolutions

Hi, I can add the javascript code for show the json object in 4 columns. I am expert in javascript, jquery, json, html and css. I guarantee an excellent work. Greetings.

€30 EUR in 3 days
(0 Reviews)
0.0