jquery - JavaScript Appending Rather Than Overwriting Using InnerHTML Property -


so weird 1 every topic i've found on subject has exact opposite of problem.

i'm using javascript in sharepoint online replace innerhtml of elements, whenever function runs appending content rather overwriting it.

i've tried js method of setting innerhtml else first, value (no luck), , moving jquery call set it. in both cases same thing. same problem observed on both edge , chrome.

code below - ideas? (have not included whole script, specific function it's quite big script , other bits working expected).

function getthiscompany() {   thiscompanyenum = thiscompany.getenumerator();   while (thiscompanyenum.movenext()) {       var currentcompany = thiscompanyenum.get_current();       var thiscompanyid = currentcompany.get_item('id');       var thiscompanyname = currentcompany.get_item('companyname');       var thiscompanyphone = currentcompany.get_item('companyphone');       var thiscompanyurl = currentcompany.get_item('companyurl');       var thiscompanylogo = currentcompany.get_item('companylogo');        // check null value - if null console throws error , stops script, load default logo       if (thiscompanylogo == null) {         thiscompanylogo = "https://consiliumuk.sharepoint.com/poc/minicrm/crm%20images/nologo.png";       }       else {         thiscompanylogo = thiscompanylogo.get_url();       }        var thiscompanyaddress = currentcompany.get_item('companyaddress');       var thiscompanymarkupblock = "<table><tr><td colspan=2><b>";       thiscompanymarkupblock += thiscompanyname;       thiscompanymarkupblock += "</b></td></tr><tr><td colspan=1 valign=top><img height=100 width=100 src='";       thiscompanymarkupblock += thiscompanylogo;       thiscompanymarkupblock += "' /></td><td colspan=1 valign=top>";       thiscompanymarkupblock += thiscompanyaddress;       thiscompanymarkupblock += "<p /><i>";       thiscompanymarkupblock += thiscompanyphone;       thiscompanymarkupblock += "</i><br /><a href=";       thiscompanymarkupblock += thiscompanyurl;       thiscompanymarkupblock += ">visit company website</a></td></tr></table><p /><input id='loadextended' type='button' value='load' onclick='loadextendeddetails(";       thiscompanymarkupblock += thiscompanyid;       thiscompanymarkupblock += ");' />";       alert(thiscompanymarkupblock);        //document.getelementbyid('detailsspace').innerhtml = "loading...";       //document.getelementbyid('detailsspace').innerhtml = thiscompanymarkupblock;       jquery("#detailsspace").html(thiscompanymarkupblock);     }      }

instead of using .html(), can use clear , append, yo ensure container empty, like:

jquery("#detailsspace").empty(); // before while  while ([...]){    [...]    jquery("#detailspace").append(thiscompanymarkupblock); // instead of html() }

Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

transpose - Maple isnt executing function but prints function term -

im using maple im in worksheetmode tried using maple input , 2d input , want transpose matrix a: := `<|>`(`<,>`(1, .5, -2), `<,>`(.5, 9/4+b, 5+3*b), `<,>`(-2, 5+3*b, 18+9*b+4*a)); b:= transpose(a); when exectute sheet dont translated values, there same input. matrix looks same input matrix plus function term. you can see picture in following link: why arent functions executed? meanwhile b:=a^+ doing right way , transposed matrix. other functions return function body instead needed values... if using 2d input mode (the default) space you've got between transpose , bracketed (b) interpreted multiplcation. rid of such space. also, either load package @ start of document like, with(linearalgebra): before calling transpose command package, or call it's full name like, linearalgebra:-transpose(b);
Read more