jquery - Using JavaScript how do I insert html code into my page? -
ok using xhtml not html. getting data using hidden xhtml component sending javascript. data json array. want manipulate data , format adding xhtml tags , send xhtml page , display it. how add code < ul id="ticker01"> element?
do like:
var ticker01 = document.getelementbyid("ticker01"); ticker01.innerhtml = "<li><span>[15:38:00]</span><a href="#">red fish</a></li><li><span>[15:39:00]</span><a href="#">blue fish</a></li>" or jquery:
$( "<li><span>[15:38:00]</span><a href="#">red fish</a></li><li><span>[15:39:00]</span><a href="#">blue fish</a></li>" ).appendto( "ticker01" ); xhtml page:
<h:body> <h:inputtext id="chatmessageshidden" value="#{chatroom.msgsasjson}" style="display: none" /> <ul id="ticker01"> <li><span>[15:38:00]</span><a href="#">red fish</a></li> <li><span>[15:39:00]</span><a href="#">blue fish</a></li> <li><span>[15:39:30]</span><a href="#">old fish</a></li> <li><span>[15:39:30]</span><a href="#">new fish</a></li> </ul> </h:body> javascript:
var chatmessages; var chatmsg; $(document).ready(function() { chatmessages = $('chatmessageshidden'); (var i=0; < chatmessages.length; i++) { chatmsg = chatmessages[i]; // manipulate data send xhtml page } }); will either of these work or have go tag level , insert whole ul tag in body??
your code should work need add # target element id:
chatmessages = $('.chatmessageshidden'); also, instead of loop, can use $.each()
$.each($('.chatmessageshidden'), function(i) { chatmsg = chatmessages[i]; // manipulate data send xhtml page }); i forgot mention id unique, need use class instead:
<h:inputtext class="chatmessageshidden" value="#{chatroom.msgsasjson}" style="display: none" />
Comments
Post a Comment