PShim

Вопрос по фрейму

Recommended Posts

Привет всем. Ребят, помогите справиться с бедой. Нужно в html файле открыть в области другой html файл и выгрузить данные из csv файла в области этого html. Пробовал через iframe и object. Никак не выходит произвести выгрузку данных

Share this post


Link to post
Share on other sites

Привет всем. Ребят помогите с написанием кода. Суть задачи: На html странице должен располагаться в определенной области другой html файл, в который можно загружать данные из csv.

Share this post


Link to post
Share on other sites

Здравствуйте.

По идее Вам следует смотреть в сторону iframe. Шаблонизаторы тут не причём.

Share this post


Link to post
Share on other sites

Можете какой либо пример скинуть? Просто не представляю как это сделать можно

Share this post


Link to post
Share on other sites

Скажите, пожалуйста, какие трудности возникают в использовании выше предложенного решения?

Share this post


Link to post
Share on other sites

Суть в том что скрипт не могу написать для заполнения полей во фрейме данными из сsv. Так же после нужно отправить фрейм на печать с помощью стандартной функции и сохранить в pdf.

Share this post


Link to post
Share on other sites

Приветствую всех. Никак не могу решить проблему связанную с заполнением данными из csv файла Iframe. Прошу помочь с решением проблемы. Обрисовываю задачу таким образом. Есть html страница, на странице есть iframe куда загружается другая локальная html страница, в эту выгруженную страницу нужно занести значения из csv файла.

Прикрепляю написанный js. Прошу помочь кодом

// parse csv
var fileInput = document.querySelector('input[type="file"]');
var table = document.getElementById('selected');
var tableIn = '';


if(window.File && window.FileReader && window.FileList && window.Blob)
{
  fileInput.addEventListener('change', read, false);
}

function read(evt)
{
		var reader = new FileReader();
    var files = evt.target.files;
    for (var i = 0, f; f = files[i]; i++)
    {
			reader.onload = function(event)
      {
      	var result = event.target.result;
       	result = result.split('\n');
        for(var s in result)
        {
        	if(result[s].length)
          {
            var col = result[s].split(';');
            document.getElementById(col[0]).innerHTML = col[1];
          }
        }
      }
      reader.readAsText(f);
    }
    //кидает строчку написанную тут
    var o=document.createElement('div')
      o.innerHTML = 'Привет!'
      document.getElementById('test').appendChild(o)
}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Valery Subbotin
      Здравствуйте, подскажите, пожалуйста, в чем может быть проблема: при вертске, блоки текста имеют совсем иные переносы нежели на макете.
      Шрифт, насыщенность(font-weight), размер - все как на макете, но что-то, видимо, все равно не так.


    • By Svenden
      Как слово эквилибриум сдвинуть немного вниз ? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Эквилибриум </title> <link rel="stylesheet" href="/ecomapp/assets/css/style.css"> <meta name="description" content=""/> <meta name="keywords" content=""/> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> </head> <body> <!-- Navigation --> <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top"> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8"> <ul class="nav navbar-nav"> {% if not request.get_full_path == '/' %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Категории <span class="caret"></span></a> <ul class="dropdown-menu"> {% for category in categories %} <li><a href="{{ category.get_absolute_url }}">{{ category.name }}</a></li> {% endfor %} </ul> </li> {% endif %} </ul> </div> </nav> <!-- Page Content --> <div class="container"> {% block content %} <div class="row"> <div class="col-lg-3"> <p class="lead">Эквилибриум</p> <div class="list-group"> {% for category in categories %} <a href="{{ category.get_absolute_url }}" class="list-group-item">{{ category.name }}</a> {% endfor %} </div> </div> <!-- /.col-lg-3 --> <div class="row"> {% for product in products %} <div class="col-lg-4 col-md-6 mb-4"> <div class="thumbnail"> <img src="{{ product.image.url }}" alt="" style="width:100px; height: 150px;"> <div class="caption"> <h4 class="pull.right">{{ product.price }} руб.</h4> <h5><strong><a href="{{ product.get_absolute_url }}">{{ product.title }}</a></strong></h5> <p>{{ product.description }}</p> </div> </div> </div> {% endfor %} </div> <!-- /.row --> </div> <!-- /.col-lg-9 --> </div> <!-- /.row --> </div> <!-- /.container --> <div class="container"> {% endblock content %} </div> </body> </html> <footer class="py-0 bg-dark"> <div class="container"> <p class="m-145454 text-green">Copyright © Your Website 2019</p> </div> <!-- /.container --> </footer>
  • Member Statistics

    46,434
    Total Members
    3,128
    Most Online
    Sterben
    Newest Member
    Sterben
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Если свойства нет в спецификации, то откуда его возьмет браузер? Даже если в каком то одном из браузеров введут это свойство то смысла его использовать все-равно не будет, так как в остальных оно работать не будет 🙂   Тогда бардак творился, DHTML, разные объектные модели и все дела. У netscape действительно была такая фича. Хотя не факт что она работала. Вот тут https://www.uv.es/jordi/v3/html/dynhtml/dynamic.pdf можно увидеть что float:center; присутствует в коде, но следом написано что элементы можно выровнять с помощью float слева или справа, или с помощью js по центру. Также в книге указаны допустимые значения для float - left, right, none. Так что это скорее всего была запланированная возможность, которая не получила реализации.
    • Если бы с html и css, все браузеры строго соответствовали спецификациям) Да статье около десятка лет, а то и более. Вот я тоже склоняюсь к тому, что это ошибка. но эта лекция была написана даже с учётом ещё живого на тот момент netscape navigator. Может быть он позволял интерпретировать такую конструкцию. В описании автор указывает, что так блок становится обтекаемым с двух сторон.
    • Может с clear путаете? Или в статье спутали. Наверно, древняя?
      http://htmlbook.ru/css/clear
  • Popular Contributors