Javascript

Question

Hello Expert, plz help..i want to display below javascript string in to div ..i am getting result but not display.. var resultHtml = ""; resultHtml +=" " + " Result: " + " " + " " + " " + " " + " ";

Prakash · Answer

Thank u

Manas Mohapatra · Answer

Thank you for accepting answer. I asked you to reduce down the width of DIV because it was too much. If you use more width then you get scroll bar - so for better UI. Again if it is your requirement then you can use.

Prakash · Answer

thank u..i get the solution by reducing the width if div...but why we reduce the width...and what happen when size of div is reduce.

Prakash · Answer

I getting same blank Result.. i have folowing data.. $.getJSON('http://localhost:12702/api/WordDictionaryE2M?word=' + $('#transliterateTextarea').val(), function (data) { $.each(data, function (j, data) { { // i am display here...is Done..in this no problem. $('#result').html(data.KeyWord), $('#result2').html(data.Value), $('#result3').html(data.WordType), $('#result4').html(data.UseInSentence); $('#Wordlink').attr('href', 'http://localhost:12702/WordDetailsE2M/Details/' + data.Id) } i want div is generated dynamicaly..

Upendra Pratap Shahi · Answer

Try to find the solution as in previous post said by Manas Mohapatra

Manas Mohapatra · Answer

Hi Akash, Please change your code like below: var resultHtml = ""; resultHtml +=" " + " Result: " + " data.Id + "\"> " + data.KeyWord + " " + " " + data.Value + " " + " " + data.WordType + " " + " " + data.UseInSentence + " " + " "; And change div width now it is 1175 pixel so it is too much. So for better UI just reduce it down. Hope this time it will work.

Raja T · Answer

Hi Akash, try this //jquery $(document).ready(function () { $("#Button1").click(function () { var resultHtml = ""; data_Id = "123"; data_KeyWord = "Data KeyWord"; data_Value = "Data Value"; data_WordType = "Data WordType"; data_UseInSentence = "Data UseInSentence"; resultHtml = resultHtml + " " + " Result: " + " " + " " + " " + " " + " "; alert(resultHtml); $("#demoID").html(resultHtml); }); }); //javascript function Demofun() { var resultHtml = ""; data_Id = "123"; data_KeyWord = "Data KeyWord"; data_Value = "Data Value"; data_WordType = "Data WordType"; data_UseInSentence = "Data UseInSentence"; resultHtml = resultHtml + " " + " Result: " + " " + " " + " " + " " + " "; document.getElementById("demoID").innerHTML = resultHtml; }

Prakash · Answer

alert result= Result: I am Using javascript code like= document.getElementById("Resultid").innerHTML = resultHtml; i want to display content as html like this. Result: exam ?????? noun This is Tough Exam

Manas Mohapatra · Answer

Akash, Please find below checklist and answer question: 1. Try to alert resultHtml variable and see if you are able to alert it or not. And paste the alert result here. Are you using Javascript code or jQuery to to bind the DIV?? You want to display the whole string or content as HTML??

Prakash · Answer

result is getting in alert box..but only div generate and Result this line is display..other data not display

Manas Mohapatra · Answer

Hi Akash, If you want to display string as html content then test In Javascript document.getElementById( " testID " ).innerHTML = resultHtml; In jQuery $("#testID").html( resultHtml); Secondly make sure that data object available in client side. For testing purpose just do a alert() with following variable: data.KeyWord, data.WordType, data.UseInSentence, data.Id