Div с динамическим контентом

Discussion in 'PHP' started by j0sur, 3 Jun 2012.

  1. j0sur

    j0sur Member

    Joined:
    8 Apr 2012
    Messages:
    140
    Likes Received:
    7
    Reputations:
    0
    Есть html файл с кодом:
    Code:
     
    <script type="text/javascript" src="./dyntext.js"></script>
    <body onload="javascript:document.getElementById('dinamic_div'). innerHTML = content;">
    <div id="dinamic_div"></div>
    dyntext.js:
    Code:
     
    content="<h1>Hello, World!</h1>"; 
    
    Как данный html код оформить ввиде js'а? Заранее благодарен.
     
  2. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    что конкретно надо оформить и где это должно быть?
    По загрезке страницы создать див в бади и пихнуть в него текст из dyntext.js?
    Зы. ./dyntext.js - ./ можно не писать )

    UPD после поста снизу:
    window.onload = function () {
    document.getElementById('dinamic_div'). innerHTML = content;
    };
    Можно в <script></script> в хеде сунуть, можно в отдельный файл вынести, можно в подключенный .жс пихать без разницы где.
     
    #2 Melfis, 3 Jun 2012
    Last edited: 3 Jun 2012
    1 person likes this.
  3. j0sur

    j0sur Member

    Joined:
    8 Apr 2012
    Messages:
    140
    Likes Received:
    7
    Reputations:
    0
    Да, если Вам не сложно. Точнее div будет вшит в текст страницы, нужно скриптом оформить лишь
    Code:
    <body onload="javascript:document.getElementById('dinamic_div').innerHTML = content;">
     
  4. barnaki

    barnaki Elder - Старейшина

    Joined:
    2 Nov 2008
    Messages:
    676
    Likes Received:
    130
    Reputations:
    4
    jquery
    $(function{
    $("#id_дива").addClass("имя_класса_css");
    });
    или по чуть чуть
    $(function{
    $("#id_дива").css("position","absolute");
    $("#id_дива").css("width","300px");
    ........ и так далее
    });
     
    1 person likes this.
  5. j0sur

    j0sur Member

    Joined:
    8 Apr 2012
    Messages:
    140
    Likes Received:
    7
    Reputations:
    0
    Лихо:D. Спасибо.
     
  6. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    Хотелось бы переделать чутка...
    1. нужно кешировать найденные элементы:
    var container = $("#id_дива");
    2. ну как-то так красивее, правильнее и меньше кода:
    $("#id_дива").css({
    position: 'absolute',
    width: '300px'
    });
     
  7. barnaki

    barnaki Elder - Старейшина

    Joined:
    2 Nov 2008
    Messages:
    676
    Likes Received:
    130
    Reputations:
    4
    кешировать то ему зачем ?
    чем красивее ? чем правильнее ? и что что меньше кода. а если стили постоянно меняться будут ? будешь трахаться каждый раз со своими скобками фигурными и двоеточиями ради двух трех стилей ?
     
  8. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    Скрипт в одну строку или в 1к, надо приучаться кешировать там, где элемент используется более чем 1 раз. Вот ты как раз и ещё одну причину написал зачем кешировать, ток про стили.
    Красивее, что ты один раз вызываешь метод смены стилей, а не пишешь каждый раз в новую строку одну и тоже с разными параметрами. К тому же если потом переделать надо будет на функцию по смене стилей, те придётся один хрен переделать на приём объекта.
    Это ты про смену класса то? Тут ты меня не правильно понял, я сам сторонник смены класса, а не запихивания стилей в сам элемент. Просто не включил строку по смене класса.