Comunidad de diseño web y desarrollo en internet online

script dinamico javascript

Citar            
MensajeEscrito el 26 Abr 2015 01:04 pm
hola
soy nuevo en esto de javascript y no encuentro la manera de lograr lo que quiero, me explico.

e diseñado un script que carga unas entradas de mi blog, este es el código.

Código Javascript :

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){   
   for(var i=0; i < numposts; i++){
      var entry = json.feed.entry[i];
      var posttitle = entry.title.$t;
      var posturl;
      
      if(i==json.feed.entry.length) break;
      
      for(var k=0; k < entry.link.length; k++){
         if(entry.link[k].rel=='alternate'){
            posturl=entry.link[k].href;
            break;
         }
      }
      
      var thumburl;
      var postcontent = entry.content.$t;
      
      s = postcontent;
      a = s.indexOf("<img");
      b = s.indexOf("src=\"",a);
      c = s.indexOf("\"",b+5);
      d = s.substr(b+5,c-b-5);
      
      if((a!=-1) && (b!=-1) && (c!=-1) && (d!="")){
         thumburl = d;
      }else{
         thumburl = 'http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';
      }
      
      document.write('<div class="cont_anime">');
      document.write('<div class="anime_box">');
      
      document.write('<a href="'+posturl+'" title="'+posttitle+'"><img src="'+thumburl+' alt="'+posttitle+'"/></a>');
      document.write('<div></div>');
      document.write('<span class="ellipse"><a href="'+posturl+'" title="'+posttitle+'">'+posttitle+'</a></span>');
      
      document.write('</div>');
      document.write('</div>');
   }   
}
//]]>
</script>


y para hacer que funcione seria este en html.

Código HTML :

<script type='text/javascript'>
   var numposts = 20;
</script>

<script type="text/javascript" src="/feeds/posts/default/-/Estreno?published&alt=json-in-script&callback=labelthumbs"></script>


todo funciona, pero si quiero crear el codigo html dinamicamente desde javascript este se crea, pero no se ejecuta.

he buscado información sobre el asunto, pero no funciona.

he intentado con crear el script con 'var script = document.createElement("script");' pero no funciona.

Por luislasonbra

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Abr 2015 12:03 pm
Pues hasta ahí solamente has creado el elemento en memoria, lo que debes hacer después es insertar ese elemento en el DOM con appendChild() o insertBefore().

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 28 Abr 2015 04:15 am
ok gracias, lo e logrado hacer, lo que hacia mal era que no indicaba nonde localizar los elementos, que por defecto es el body completo

Código Javascript :

var script = document.createElement("script");
script.setAttribute("type", type);
script.setAttribute("src", src);

var c = document.getElementById("contentJson");
c.appendChild(script);


y el codigo del lector de entradas/post

Código Javascript :

function loadJson(json)
{
   var c = document.getElementById("contentJson");
   //c.innerHTML = "";
   var numposts = json.feed.entry.length;
   for(var i = 0; i < 20; i++)
   {
      var entry = json.feed.entry[i];
      var posttitle = entry.title.$t;
      
      c.innerHTML += "Title: " + posttitle + "<br >";
      
      
      //document.open();
      //document.write("Title: " + posttitle + "<br >");
      //document.close();
   }
}

Por luislasonbra

1 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.