Kapalı

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

Beceriler: HTML5, Javascript, jQuery / Prototype

Daha fazlasını gör: 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

İşveren Hakkında:
( 0 değerlendirme ) Germany

Proje NO: #17809964

Bu iş için 21 freelancer ortalamada €108 teklif veriyor

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde111%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(239 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde111%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(44 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(33 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde80%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(34 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde44%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(38 Değerlendirme)
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.

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(8 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(13 Değerlendirme)
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.

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(3 Değerlendirme)
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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(2 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(30 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(10 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde125%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(8 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde30%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(3 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde30%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(4 Değerlendirme)
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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(1 Yorum)
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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(0 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde55%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(0 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde166%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
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.

in %bids___i_period_sub_35% gün içinde30%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
0.0