profesor08

Sublime Text, Notepad++ и тд. Любая программа, которая позволяет редактировать JSON в удобном виде. Лучшего для статики придумать сложно, можно только обвесить ненужными сложностями.

Если вы получаете данные откуда-то там, то на JS JSON.stringify(data);

Есть JS AC for ST, брать на GG

<img src="script.php?id=1234">

А вообще, ваш вариант реализации идеи негоден. Вы хотите получить картинку, так получайте как-то, а потом показывайте. Делайте ajax запрос, получайте данные и делайте с ними что хотите. Не хотите через ajax, так генерируйте скрипт с переменной в которой будет хранится картинка, а потом показывайте, сохраняйте и тд.

function.urldecode.php

<?php
$query = "my=apples&are=green+and+red";

foreach (explode('&', $query) as $chunk) {
    $param = explode("=", $chunk);

    if ($param) {
        printf("Value for parameter \"%s\" is \"%s\"<br/>\n", urldecode($param[0]), urldecode($param[1]));
    }
}
?>

• папка
  
  • img
    
    • car.jpg
      
    
    
  • index.html
    
  
  

Как вы описали, то у вас вот такая структура, если так, то img src="car.jpg" у вас работать не могло, а раз не могло, то вы чего-то не договариваете. У вас должно быть img src="img/car.jpg", вот это правильный относительный путь.

Если все работало раньше, то у вас картинки были в папке с html файлом, вы их однажды убрали в папку и забыли.

Откровенно говоря, ваш код негодный. Захочется что-то поменять, придется лезть в код и заново разбираться в этой мешанине.
Вжух и получаем более чистый и понятный: https://jsfiddle.net/profesor08/1rvsjoer/
Можно менять свойства CSS, но лезть в JS не придется.

Красным - статический контент.
Зеленым - динамически растягивающийся.

Ну как-бы это простейшие операции со строками.

#include <fstream>
#include <string>
#include <iostream>

int main() 
{ 
    std::ifstream file("Read.txt");
    std::string str; 
     // это id первого символа второго столбца, если считать столбец с нумерацией первым, 
     // его надо будет подсчитать для каждой строки.
    int startOffset = 6;

    while (std::getline(file, str))
    {
        std::cout << "2: " << str.substr(startOffset + 11 * 0, 10);
        std::cout << " 3: " << str.substr(startOffset + 11 * 1, 10);
        std::cout << " 10: " << str.substr(startOffset + 11 * 8, 10);
        std::cout << std::endl;
    }
}

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Этого достаточно.

По теме: wtf-viewport

Ссылка на сайт, где эта верстка или jsfiddle, или еще куда, где можно лично просмотреть и точно сказать. А так это вроде фоновая картинка 1 пиксель в ширину и 20 в высоту.

Документации нету к проекту, все в головах других программистов

Тут нету тех программистов и нету документации. Твоя документация - те самые программисты, крути верти.

и часе всего его ответы не помогают, т.к. поверхностны или не работают

Может ты неправильные вопросы задаешь?

Моя задача требует генерации данных, на основании прошлого этапа генерации

Нету тут проблемы. Если алгоритм работает неправильно, делай чтоб работал правильно.

Работайте как с XML

.hover заменить на .click

JavaScript это язык, NodeJS выступает в роли интерпретатора, расширяя возможности языка.

Вот пример http сервера:

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

С такими вопросами вам только сюда - htmlbook.ru/html/sup