radiodraws
12/29/2017 - 7:44 AM

#javacsript insert floating frame with text in a body with multiple paragraphs

#javacsript insert floating frame with text in a body with multiple paragraphs

function insertflotantes() {

  //--traer el num act de la noticia
  var elparent = $('#noticias-content-wrapper');

  //---comprobar si hay flotantes
  var numflotants = elparent.find('.flotante').length;

  if (numflotants > 0) {

    //---traer el contenido
    var elcontent = elparent.find('.contenido > .inner-row > *');

    //---filtrar el contenido por los parrafos con más de 100 palabras
    var ponlytext = elcontent.filter(function() {
      return $.trim($(this).text()).length > 100;
    });

    //--cuantos parrafos hay?
    var numparrs = ponlytext.length;

    //--calcular cada cuantos parrafos insertar flotante
    var eachp = parseInt((numparrs / numflotants) / 3);

    //----insertar flotantes en el texto
    for (var i = 0; i < numflotants; i++) {

      var place = parseInt(eachp + ((numparrs / numflotants) * i));

      $(ponlytext[place]).prepend('<div class="flotantes insertion"></div>');
      $(ponlytext[place]).children('.insertion').prepend(elparent.find('.flotante'));
    }
  } //----if

} //--insertflotantes