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)}); 

$(window).load()


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -