javascript - How do you change attributes in HTML that's generated by a script? -
i'm using widget script federated search service:
<script type="text/javascript" id="s9f5b2bb09b74013279b22ae8d1b2df50" src="http://uleth.summon.serialssolutions.com/widgets/box.js"></script> <script type="text/javascript">new summoncustomsearchbox({"id":"#s9f5b2bb09b74013279b22ae8d1b2df50","params":{},"colors":{},"searchbutton_text":"search","suggest":"true","popup":"true"})</script> which generates following html when page loads:
<form id="s9f5b2bb09b74013279b22ae8d1b2df50" method="get" action="http://uleth.summon.serialssolutions.com/search" class="summon-search-widget" accept-charset="utf-8" target="_blank"> <input name="utf8" value="✓" type="hidden"> <div class="summon-search-box"> <input class="summon-search-field" name="s.q" autocomplete="off" placeholder="" data-boxwidth="" type="text"> <input value="search" class="summon-search-submit button-website" type="submit"> </div> </form> i'm trying use following jquery insert placeholder test, it' isn't working...
$(".summon-search-field").attr("placeholder", "search books, articles, videos..."); the jquery works on generated html in this fiddle, reason can't work on page using widget script. can work .click() function, can't load $(document).ready() or window.onload.
i apologize not making fiddle using script external resource, doesn't work https://.
how placeholder text remain?
jsfiddle uses $(window).load(function(){
this waits entire page load. if experience further errors. add:
$(window).load(function(){settimeout(function () { //code },1)});
Comments
Post a Comment