Форум

shmaser · #1 (**permalink**) 10.12.2013, 00:24

подскажите пожалуйста java или ajax скрипт который будет собирать и выводить в одном месте на странице элементы ( например сылки картинки или просто текстовые блоки ) размещенные в разных местах этой же страницы , например по класу элемента
то есть я устанавливаю для всех необходимых элементов один клас а скрипт парсит эти элементы и выводит в контейнер который я укажу в нужном месте

вот нашёл похожий скрипт но он парсит только один блок

<script type="text/javascript">
$(document).ready(function(){
$.get("site.com/page1.html", function(data){
var take = $("#id_pars:first", data).html();
if (take == null) {var take = '';}
$("#past").html(take);
});
});
</script>

danik.js · #2 (**permalink**) 10.12.2013, 00:29

$('.class').clone().appendTo($('#container'));

shmaser · #3 (**permalink**) 10.12.2013, 15:59

в какое место это вставить надо $('.class').clone().appendTo($('#container'));
или какие строки заменить ?
извиняюсь за надоедливость , но в джаве я полный нуб

Faab · #4 (**permalink**) 10.12.2013, 16:37

<!DOCTYPE HTML>
<html>
<head>
	<title>Привет</title>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script type="text/javascript">
    window.onload = function(){
      $('.but').click(function(){
        $('#container').empty();
        $('.chrismas').clone().appendTo($('#container'));
      });
    };
  </script>
  <style type="text/css">
    .images {
      width: 80px;
    }
    img {
      width: 100%;
    }
    #container {
      outline: 2px red solid;
    }
    .words, .images {
      display: inline-block;
    }
    
  </style>
</head>
<body>
  <div>
    Набор слов
    <div class="words">Рождество</div>
    <div class="words chrismas">Новый год</div>
    <div class="words chrismas">Снегурочка</div>
    <div class="words">Салат "Оливье"</div>
  </div>
  <div>
    Набор изображений
    <div class="images chrismas"><img src="http://matushki.ru/download/file.php?id=45213&t=1" /></div>
    <div class="images"><img src="http://woman-cafe.ru/wp-content/uploads/2010/12/novogodnie-kartinki12.jpg" /></div>
    <div class="images"><img src="http://img101.imageshack.us/img101/3245/kartkaey5.jpg" /></div>
    <div class="images chrismas"><img src="http://www.tamboff.ru/forum/files/thumbs/t_oboi_podarki26b_167.jpg" /></div>
  </div>
  <div id="container">Тут что-то появиться</div>
  <input type="button" class="but" value="Ломай меня!" />
</body>
</html>

shmaser · #5 (**permalink**) 10.12.2013, 20:10

Faab , да вот по такому принципу

только чтоб без зацепки на действие, можно так сделать чтоб автоматически в div прописывалось ?

Форум

Справочник

Discord чат

Курсы javascript